/* ==========================================================================
   Córtex Político · página institucional, versão 2
   Layout: réplica da página de produto da Felt (felt.com/product), medida ao
   vivo em 06/10/2026 com getComputedStyle e regras declaradas (CDP), a 1440 px
   e a 390 px. Cada valor abaixo é o valor da Felt, com a unidade original
   (vw, %, px). Quando a Felt usa "ch", o valor foi convertido para vw/px,
   porque "ch" depende da fonte e a fonte aqui é outra.
   Cores: Córtex (paleta B, modo escuro). Fontes: Newsreader no lugar da
   GT Alpina, Inter no lugar da Atlas Grotesk; onde a Felt cai em Arial
   (legenda das fontes de dados e texto da galeria), fica Arial.
   ========================================================================== */

@font-face{
  font-family:'Newsreader';font-style:normal;font-weight:200 800;font-display:swap;
  src:url('fontes/newsreader-variavel-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Newsreader';font-style:normal;font-weight:200 800;font-display:swap;
  src:url('fontes/newsreader-variavel-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('../fontes/inter-variavel-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('../fontes/inter-variavel-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* ---- tokens: cores da Córtex, mapeadas sobre os papéis de cor da Felt ----
   Felt fundo #3D521E           -> --fundo #111111
   Felt faixa escura #34451C     -> --superficie-2 #22262D (mesmo contraste, 1,20 vs 1,24)
   Felt botão escuro #212F0C     -> --fundo #111111 sobre a faixa
   Felt forma decorativa #73835B -> --forma #424A57 (contraste 2,12 vs 2,11)
   Felt linha #64754B            -> --superficie-3 #2C313A
   Felt laranja #DC8C46          -> --marca #F5A524, com texto escuro
   Felt branco/#EEE              -> --texto-1 #E7E7E7; branco .8 -> --texto-2 #B8B8B8 */
:root{
  --fundo:#111111;
  --superficie-1:#16191D;
  --superficie-2:#22262D;
  --superficie-3:#2C313A;
  --forma:#424A57;
  --texto-1:#E7E7E7;
  --texto-2:#B8B8B8;
  --texto-3:#979797;
  --marca:#F5A524;
  --sobre-marca:#111111;
  --linha:#2C313A;
  --titulo:"Newsreader",Georgia,"Times New Roman",serif;
  --texto:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;height:100%}
body{
  margin:0;min-height:100%;max-width:100vw;
  background-color:var(--fundo);color:var(--texto-1);
  font-family:Arial,sans-serif;font-size:14px;line-height:20px;
  -webkit-font-smoothing:antialiased;
}
img{border:0;max-width:100%;height:auto;vertical-align:middle;display:inline-block}
a{background-color:transparent}
h1,h2,h3,p{margin:0}

/* contêiner interno rolável: barra escondida, rolagem mantida */
.rolagem-limpa{scrollbar-width:none;-ms-overflow-style:none}
.rolagem-limpa::-webkit-scrollbar{width:0;height:0;display:none}

.pular{position:absolute;left:-9999px;top:8px;background:var(--marca);color:var(--sobre-marca);padding:8px 12px;z-index:200;font:600 14px/20px var(--texto)}
.pular:focus{left:8px}
a:focus-visible,button:focus-visible{outline:2px solid var(--marca);outline-offset:3px}

/* ---- botões (Felt: .button) ---- */
.botao{display:flex;flex:0 auto;flex-wrap:nowrap;justify-content:space-between;align-items:center;max-width:100%;padding:20px;text-decoration:none}
.botao-texto{display:block;margin-bottom:0;font-family:var(--texto);font-size:16px;font-weight:500;line-height:100%}
.botao-espaco{display:block;flex:0 1 auto;width:30px;height:0}
.botao-espaco-largo{width:60px}
.botao-triangulo{display:block;flex:0 auto;max-width:100%;height:auto}
.botao-marca{background-color:var(--marca);color:var(--sobre-marca);padding:16px 20px}
.botao-marca .botao-triangulo{width:12px;transform:none}
.botao-secundario{background-color:var(--superficie-3);color:var(--texto-1);padding:16px 20px}
.botao-claro{background-color:var(--texto-1);color:var(--sobre-marca)}
.botao-claro .botao-texto{text-transform:uppercase}
.botao-escuro{background-color:var(--fundo);color:var(--texto-1)}
.botao-escuro .botao-texto{text-transform:uppercase;transform:translate(0)}
.botao-escuro .botao-triangulo{transform:translateY(-2px)}

/* ---- faixa de aviso (Felt: .announcement-banner) ---- */
.faixa-aviso{position:absolute;top:0;left:0;right:0;z-index:5;background-color:var(--marca);text-align:center;padding-top:6px;padding-bottom:6px}
.faixa-aviso-texto{color:var(--sobre-marca);font-family:var(--texto);font-size:16px;line-height:20px}
.faixa-aviso-link{color:var(--sobre-marca);text-decoration:underline}

/* ---- menu do computador (Felt: .navigation-2023) ---- */
.menu-topo{position:fixed;inset:0% 0% auto;z-index:100;display:flex;justify-content:space-between;align-items:center;width:98%;height:auto;margin:32px auto 0;padding:16px 24px 12px}
.menu-topo-marca{display:block}
.menu-topo-marca img{display:inline-block;width:auto;height:35.6px;max-width:100%;margin-top:0;margin-bottom:0}
.menu-topo-links{display:flex;justify-content:flex-end;align-items:center}
.menu-topo-item{display:inline-block;max-width:100%;padding:16px;color:var(--texto-1);text-decoration:none}
.menu-topo-texto{display:block;color:var(--texto-1);text-transform:uppercase;margin-bottom:0;font-family:var(--texto);font-size:14px;font-weight:700;line-height:100%;transform:translate(0)}
.menu-topo-separador{display:block;width:8px;height:24px}
.menu-topo-contato{padding:14px 14px 12px;transition:background-color .3s}
.menu-topo-contato .botao-texto{font-size:14px;font-weight:700;line-height:100%;margin-top:0}
.menu-topo-contato .botao-triangulo{width:12px;transform:translateY(-2px)}

/* ---- menu do celular (Felt: .navbar-2023) ---- */
.menu-celular{display:none}
.menu-celular-barra{display:flex;justify-content:center;align-items:center;width:100%;padding-top:4px;padding-bottom:4px}
.menu-celular-marca{position:relative;display:block;flex:1;padding-left:24px}
.menu-celular-marca img{display:inline-block;max-width:100%;width:auto;height:22.3px;margin-top:16px;margin-bottom:16px}
.menu-celular-botao{position:relative;display:block;justify-content:center;align-items:center;padding:18px;margin:0;border:0;background:transparent;cursor:pointer;font:inherit;font-size:24px;line-height:20px;text-align:start;color:inherit}
.menu-celular-linhas{display:flex;flex-direction:column;width:16px}
.menu-celular-linhas span{display:block;width:16px;height:2px;margin-bottom:6px;background-color:var(--texto-1)}
.menu-celular-linhas span:last-child{margin-bottom:0}
.menu-celular-painel{display:none;position:fixed;inset:0%;flex-direction:column;justify-content:space-between;align-items:stretch;background-color:rgba(17,17,17,.96);overflow:visible;z-index:60}
.menu-celular.aberto .menu-celular-painel{display:block}
.menu-celular-lista{overflow-y:auto;max-height:calc(100% - 62.3px);padding-bottom:80px}
.menu-celular-link{position:relative;display:block;padding:12px 24px;color:var(--texto-1);text-decoration:none;text-transform:uppercase;font-family:var(--texto);font-size:14px;font-weight:700;line-height:14px}

/* ---- formas decorativas (silhuetas de estados, no lugar das manchas da Felt) ---- */
.forma{position:absolute;display:block;z-index:0;pointer-events:none;height:auto}

/* ---- abertura (Felt: .header-pro) ---- */
.abertura{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:auto;overflow:hidden}
.forma-abertura-topo{max-width:40%;width:548px;margin-top:24px;margin-bottom:32px;top:-218px;left:191px;right:auto;bottom:auto}
.forma-abertura-baixo{max-width:25%;width:360px;right:-40px;bottom:0;left:auto;top:auto;transform:translate3d(0,-202px,0)}
.abertura-conteudo{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:13vw 0 8vw;font-size:14px;line-height:90%}
.abertura-texto{display:flex;flex-direction:column;align-items:center;width:auto;max-width:69vw;margin-top:0;font-family:var(--titulo);font-size:6vw}
.abertura-titulo{margin:0 0 32px;color:var(--texto-1);font-family:var(--titulo);font-size:inherit;font-weight:300;letter-spacing:-.2vw;line-height:50%;text-align:center}
.abertura-titulo-linha{margin-bottom:32px;font-size:6vw;font-weight:300;letter-spacing:-.2vw;line-height:100%}
.abertura-apoio{margin:0 0 1vw;padding-bottom:0;color:var(--texto-2);font-family:var(--texto);font-size:1.3vw;font-weight:300;letter-spacing:0;line-height:130%;text-transform:none;text-align:center}
.par-botoes{display:flex;justify-content:center;gap:20px;margin-top:24px}

/* ---- vitrine de tela (Felt: .landing-video-container + .video-embed-frame) ---- */
.vitrine{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;width:90vw;max-width:1800px;margin-left:auto;margin-right:auto}
.vitrine-abertura{margin-bottom:12vw}
.vitrine-media{margin-bottom:6vw}
.vitrine-larga{margin-bottom:20vw}
.vitrine-composicao{margin-bottom:20vw}
.vitrine-grade{margin-bottom:6vw;z-index:10}
.quadro-tela{display:block;margin-bottom:0;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0003;background-color:var(--superficie-1)}
.quadro-proporcao{position:relative;padding-top:50.6309%}
.quadro-proporcao img{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;display:block}
.selo-tela{position:absolute;bottom:24px;right:24px;z-index:2;display:block;max-width:100%;padding:6px 32px 6px 12px;border-radius:20px;background-color:#0009;color:var(--texto-1);font-family:var(--texto);font-size:14px;line-height:20px;text-decoration:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 15'%3E%3Cpath d='M0 7.5h21M15 1.5l6.5 6-6.5 6' fill='none' stroke='%23E7E7E7' stroke-width='2.4'/%3E%3C/svg%3E");
  background-position:108% 50%;background-size:30% 30%;background-repeat:no-repeat}
.selo-tela span{display:block}
.tela-imagem{display:inline-block;width:100%;max-width:100%;margin-top:24px;margin-bottom:0;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0003}

/* ---- seções de valor (Felt: .value-prop) ---- */
.secao-valor{position:relative;display:block;padding-bottom:0;overflow:hidden}
.valor-cabeca{display:flex;flex-direction:column;justify-content:center;max-width:80vw;margin-left:auto;margin-right:auto;margin-bottom:3vw}
.valor-cabeca-legenda{margin-bottom:0}
.valor-titulo,.valor-titulo-menor{margin-top:20px;margin-bottom:1.5vw;color:var(--texto-1);font-family:var(--titulo);font-size:3.5vw;font-weight:300;line-height:80%;text-align:center}
.valor-titulo-menor{font-size:3.2vw}
.valor-titulo-sem-apoio{margin-bottom:5vw}
.valor-apoio,.valor-apoio-legenda{max-width:40.2em;margin:8px auto 32px;color:var(--texto-1);font-family:var(--texto);font-size:20px;line-height:133%;text-align:center}
.valor-apoio-legenda{margin-bottom:24px;line-height:24px}

/* fontes de dados (Felt: .landing-db-logos-container + .data-sources-grid) */
.fontes-caixa{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;width:95vw;max-width:1400px;margin:0 auto 13vw;padding:32px 48px;border-radius:10px}
.fontes-grade{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-columns:1fr;column-gap:7%;row-gap:3vw;width:100%;max-width:1100px;margin:24px auto 0;padding:0;list-style:none;color:var(--texto-1)}
.fonte-item{display:block}
.fonte-item:first-child{grid-column-start:2}
.fonte-icone{display:inline-block;max-width:100%;width:100%;height:auto;aspect-ratio:1/1;margin-top:0;margin-bottom:8px;color:var(--texto-1);vertical-align:middle}
.fonte-logo{object-fit:contain;object-position:center;height:auto}
.fonte-tipo{display:flex;align-items:center;justify-content:center;font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:22px;line-height:1;letter-spacing:-0.02em;color:#fff}
.fontes-aviso{margin:32px 0 0;text-align:center;font-family:Arial,sans-serif;font-size:13px;line-height:18px;color:#979797}
.fonte-nome{display:block;font-family:Arial,sans-serif;font-size:16px;line-height:20px;text-align:center}

/* forma da seção de perfis (Felt: .shape-1.qgis-shape) */
.forma-perfis{width:548px;max-width:40%;z-index:-1;opacity:.57;inset:232px -277px auto auto;margin-top:24px;margin-bottom:32px;overflow:hidden}

/* composição de três telas (Felt: "Experience a modern GIS stack") */
.composicao-direita{position:absolute;top:-10%;right:0;width:45%}
.composicao-esquerda{position:absolute;bottom:-31%;left:-3%;width:49%}
.composicao-imagem{position:relative;z-index:10;display:inline-block;max-width:100%;width:100%;margin-top:24px;margin-bottom:32px;border-radius:6px;box-shadow:0 2px 5px #0003}
.composicao-principal{display:inline-block;width:85%;max-width:none;margin:10% auto 0;border-radius:6px}
.composicao-pino{position:absolute;display:block;max-width:100%;height:auto;margin-top:24px;margin-bottom:32px}
.composicao-pino-baixo{width:4.3%;bottom:0%;left:49%;aspect-ratio:25/74;transform:translateY(57%)}
.composicao-pino-cima{width:4%;top:-2%;left:49%;aspect-ratio:25/74;transform:translateY(-53%)}

/* grade de recursos (Felt: .landing-value-text-grid) */
.grade-recursos-caixa{position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:1800px;margin:0 auto 6vw}
.grade-recursos{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-columns:1fr;gap:64px}
.recurso{color:var(--texto-1);padding:0}
.recurso-titulo{margin:0 0 10px;font-family:var(--texto);font-size:19px;font-weight:500;line-height:150%;text-transform:uppercase}
.recurso-texto{min-height:2.66em;font-family:var(--texto);font-size:16px;line-height:150%}
.recurso-situacao{margin-top:10px;color:var(--texto-3);font-family:var(--texto);font-size:12px;line-height:120%;letter-spacing:.4px;text-transform:uppercase}
.recurso-situacao-ativa{color:var(--marca)}

/* método (Felt: "You own your data, we keep it secure") */
.metodo-grade{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-columns:1fr;gap:0;align-items:stretch;color:var(--texto-1);border-right:1px solid var(--linha)}
.metodo-celula{position:relative;padding:41px;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);border-left:1px solid var(--linha)}
.metodo-icone{position:absolute;z-index:10;top:-25px;left:50%;right:auto;display:block;width:46px;height:46px;max-width:100%;margin:0;transform:translate(-50%)}
.metodo-titulo{margin:0 0 24px;font-family:var(--titulo);font-size:28px;font-weight:300;line-height:133%}
.metodo-texto{margin:8px 0 32px;color:var(--texto-1);font-family:var(--texto);font-size:18px;line-height:150%}
.linha{position:absolute;background-color:var(--linha)}
.linha-vertical-1{width:1px;height:150%;inset:-25% auto auto -1px}
.linha-vertical-2{width:1px;height:145%;inset:-15% auto auto -1px}
.linha-vertical-3{width:1px;height:150%;inset:-15% auto auto -1px}
.linha-vertical-4{width:1px;height:145%;inset:-25% -1px auto auto}
.linha-horizontal-1{width:95vw;height:1px;inset:-1px auto auto -33vw}
.linha-horizontal-2{width:96vw;height:1px;inset:auto auto -1px -34vw}
.forma-metodo{width:25%;max-width:25%;opacity:.29;z-index:1;inset:1px -108px auto auto;transform:translate3d(0,134px,0)}

/* ---- galeria (Felt: .testimonial-block + .map-gallery-home) ---- */
.galeria{display:flow-root;padding-bottom:120px}
.galeria-forma-caixa{position:relative;height:auto;min-height:auto}
.forma-galeria{max-width:25%;width:467px;margin-top:24px;margin-bottom:32px;z-index:-1;inset:-22.2vw 4% auto auto;transform:translate3d(0,-20px,0)}
.galeria-topo{display:flex;justify-content:space-between;align-items:center;margin-top:180px;padding-bottom:0;line-height:20px}
.galeria-topo-metade{display:flex;flex-direction:column;width:50%;height:auto}
.galeria-topo-bloco{margin-bottom:130px;padding-left:5vw;padding-right:4vw}
.galeria-titulo{color:var(--texto-1);font-family:var(--titulo);font-size:4vw;font-weight:300;letter-spacing:-.17vw;line-height:90%}
.galeria-grade{display:grid;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;gap:5vw;align-items:stretch;padding-left:5vw;padding-right:5vw}
.galeria-item{display:flex;flex-direction:column}
.galeria-item-corpo{display:flex;flex-direction:column}
.galeria-moldura{position:static;flex:1;aspect-ratio:3/2;margin-bottom:16px;padding:2px;border:1px solid #ffffff26;border-radius:6px;background-color:var(--superficie-1)}
.galeria-imagem{display:inline-block;width:100%;height:auto;max-width:100%;margin:0;object-fit:cover;object-position:center 30%;aspect-ratio:3/2;border-radius:4px;overflow:hidden}
.galeria-titulo-linha{display:flex;justify-content:space-between;align-items:flex-start;column-gap:8px;row-gap:10px}
.galeria-item-titulo{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:40rem;height:1.75rem;margin-bottom:8px;padding-left:2px;padding-right:2px;overflow:hidden;color:var(--texto-1);font-family:var(--texto);font-size:18px;font-weight:400;line-height:1.75rem;text-transform:uppercase}
.galeria-item-texto{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.66rem;overflow:hidden;max-width:40rem;padding-left:2px;padding-right:2px;color:var(--texto-2);font-family:Arial,sans-serif;font-size:16px;line-height:1.33rem}

/* ---- chamada final (Felt: .content-block1.cta) ---- */
.chamada{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:0;padding-top:160px;padding-bottom:160px;background-color:var(--superficie-2);line-height:20px}
.chamada-texto{max-width:56vw;padding-top:24px;padding-bottom:24px;overflow:hidden;color:var(--texto-1);font-family:"Times New Roman",serif;font-size:7vw;line-height:88%;text-align:center}
.chamada-titulo{color:var(--texto-1);font-family:var(--titulo);font-size:inherit;font-weight:300;letter-spacing:-.2vw;line-height:90%}
.chamada-botoes{display:flex;justify-content:center;align-items:center;margin-top:50px;padding-left:0}

/* ---- lista de links (Felt: "More articles") ---- */
.lista-links{position:relative;display:flex;flex-flow:column;justify-content:center;align-items:center;margin-top:0;padding:120px 4vw 0;overflow:hidden;background-color:var(--fundo);font-family:var(--texto);line-height:20px}
.lista-links-caixa{display:flex;flex:0 auto;flex-flow:column;justify-content:flex-start;align-items:flex-start;max-width:90%;width:100%;margin-bottom:80px;padding:24px 24px 12px 0;overflow:hidden;color:var(--texto-1);font-family:"Times New Roman",serif;font-size:7vw;line-height:88%;text-align:left}
.lista-links-titulo{margin-bottom:5vw;color:var(--texto-1);font-family:var(--titulo);font-size:4vw;font-weight:300;letter-spacing:-.17vw;line-height:90%}
.lista-links-grade{display:flex;flex-wrap:wrap;gap:0;width:100%}
.lista-links-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:calc(50% - 48px);min-height:auto;height:auto;padding:0 48px 48px 0}
.lista-links-cabeca{display:flex;flex-direction:column;margin-top:16px;font-size:2.5vw}
.lista-links-link{text-decoration:none;color:inherit;display:block;max-width:100%}
.lista-links-nome{margin:0 0 10px;color:var(--texto-1);font-family:var(--titulo);font-size:2.5vw;font-weight:300;letter-spacing:-.1vw;line-height:111%}
.lista-links-credito{display:flex;flex-flow:row wrap;align-items:flex-start;height:auto;margin-top:8px}
.lista-links-autor{display:flex;font-size:7vw}
.rotulo-caixa-alta{display:block;flex:0 auto;margin-left:0;color:var(--texto-1);font-family:var(--texto);font-size:12px;font-weight:400;letter-spacing:.4px;line-height:120%;text-align:left;text-transform:uppercase}

/* ---- rodapé (Felt: .footer.v2) ---- */
.rodape{position:relative;display:flex;flex-direction:column;align-items:center;height:auto;margin-top:0;padding-top:80px;padding-bottom:0;overflow:hidden;background-color:var(--fundo)}
.forma-rodape{max-width:50%;width:274px;inset:auto 0% -32% auto;right:0%}
.rodape-faixa{display:flex;justify-content:space-between;width:100%;max-width:1440px}
.rodape-marca{display:flex;flex-flow:column wrap;justify-content:space-between;align-items:flex-start;width:auto;height:300px;margin-left:24px;padding-bottom:12px}
.rodape-chamada{position:relative;z-index:1;display:flex;flex-direction:column;flex:0 auto;align-items:flex-start;width:22vw;height:100%;padding-right:80px;font-family:var(--titulo);font-size:2.5vw;font-weight:300;line-height:100%}
.rodape-logo{display:inline-block;width:auto;height:55px;max-width:100%;margin-top:0;margin-bottom:32px}
.rodape-frase{margin-top:0;color:var(--texto-1);font-family:var(--titulo);font-size:2.5vw;font-weight:300;letter-spacing:-.1vw;line-height:96%}
.rodape-botao-caixa{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:40px;margin-left:0;padding-left:0}
.rodape-botao .botao-texto{font-size:18px;font-weight:500;line-height:100%;transform:translate(0)}
.rodape-botao .botao-triangulo{width:10px;transform:translateY(-2px)}
.rodape-colunas{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;margin-left:24px;padding-bottom:24px}
.rodape-coluna{display:flex;flex-direction:column;align-items:flex-start;width:25%;margin-left:0;margin-right:24px;text-align:left}
.rodape-coluna-larga{width:35%}
.rodape-link{display:inline-block;max-width:100%;margin-top:12px;margin-bottom:12px;color:var(--marca);text-decoration:none}
.rodape-coluna-titulo+.rodape-link{margin-top:24px}
.rodape-link-texto{display:block;color:var(--texto-1);font-family:var(--texto);font-size:14px;font-weight:700;line-height:100%;text-transform:uppercase;transform:translate(0)}
.rodape-direitos{margin-left:24px;margin-bottom:24px}

/* ---- animações de entrada (Felt IX2: a-2 "Load in", a-244 "Just Opacity") ----
   Só valem com JS ligado; sem JS o conteúdo aparece direto. */
.js [data-entrada="subir"]{opacity:0;transform:translate3d(0,50%,0) skew(7deg,0);transition:opacity .4s cubic-bezier(.25,.46,.45,.94),transform .4s cubic-bezier(.25,.46,.45,.94)}
.js [data-entrada="aparecer"]{opacity:0;transition:opacity .6s cubic-bezier(.455,.03,.515,.955)}
.js [data-entrada].visivel{opacity:1;transform:translate3d(0,0,0) skew(0,0)}
@media (prefers-reduced-motion:reduce){
  .js [data-entrada]{opacity:1;transform:none;transition:none}
}

/* ==========================================================================
   Breakpoints da Felt: 991, 767 e 479 px
   ========================================================================== */
@media screen and (max-width:991px){
  .menu-topo-texto{font-size:11px}
  .menu-topo-contato .botao-texto{font-size:11px;margin-bottom:1px}
  .menu-topo-contato .botao-triangulo{display:none}
  .abertura{align-items:center;height:auto}
  .abertura-conteudo{padding-top:180px;padding-left:0;padding-right:0}
  .abertura-texto{margin-top:0;font-weight:300;text-align:center}
  .botao-texto{line-height:100%}
  .valor-cabeca{max-width:90vw}
  .fontes-grade{margin-top:0}
  .fonte-nome{font-size:14px}
  .fonte-tipo{font-size:15px}
  .fontes-aviso{font-size:12px;margin-top:24px}
  .recurso-titulo{font-size:18px}
  .metodo-grade{grid-template-columns:1fr;border-bottom:1px solid var(--linha);border-right-style:none}
  .metodo-celula{border-bottom-style:none;border-right:1px solid var(--linha)}
  .linha-vertical-1,.linha-vertical-2,.linha-vertical-3,.linha-vertical-4{display:none}
  .linha-horizontal-1{left:-2.9vw}
  .linha-horizontal-2{left:-2.8vw}
  .forma-metodo{bottom:-12%}
  .forma-abertura-topo{top:-93px}
  .forma-perfis{top:-93px;right:66px}
  .galeria{padding-bottom:0}
  .chamada-texto{padding-top:12px}
  .lista-links{padding-top:20px}
  .lista-links-caixa{max-width:100%}
  .lista-links-item{padding-bottom:24px}
  .lista-links-nome{font-weight:300}
  .lista-links-credito{flex-wrap:wrap}
  .rotulo-caixa-alta{font-size:11px}
  .rodape-faixa{display:flex;justify-content:space-between}
  .rodape-chamada{display:block}
  .rodape-logo{margin-top:0}
  .rodape-frase{font-weight:300;line-height:106%}
  .rodape-botao-caixa{flex-direction:column}
  .rodape-colunas{margin-left:1px;margin-right:1px}
  .rodape-coluna{margin-left:0}
  .rotulo-caixa-alta.rodape-coluna-titulo{margin-bottom:2px}
  .forma-rodape{max-width:20%;bottom:-9%}
}
@media screen and (max-width:767px){
  .faixa-aviso{display:none}
  .menu-topo-texto{line-height:160%}
  .abertura{padding-top:120px;padding-bottom:80px}
  .abertura-conteudo{padding-top:0}
  .forma-abertura-topo{top:1px;right:-8%;left:auto}
  .forma-abertura-baixo{left:-16%}
  .botao-marca .botao-triangulo{max-width:none}
  .botao-secundario{padding:16px}
  .valor-titulo,.valor-titulo-menor{font-size:32px}
  .valor-titulo-sem-apoio{margin-bottom:64px}
  .metodo-titulo{font-size:24px}
  .metodo-texto{font-size:14px}
  .forma-metodo{left:-16%}
  .galeria-topo{align-items:flex-start}
  .galeria-grade{grid-template-columns:1fr;column-gap:5vw}
  .galeria-item-texto{display:flow-root;height:auto;-webkit-line-clamp:none}
  .chamada{padding-top:120px;padding-bottom:120px}
  .chamada-texto{padding-bottom:12px}
  .chamada-titulo{line-height:100%}
  .chamada-botoes{flex-direction:column}
  .botao-escuro{padding:16px}
  .botao-escuro .botao-texto{line-height:160%}
  .lista-links-grade{margin-left:0;margin-right:0}
  .lista-links-item{left:auto;right:auto}
  .lista-links-nome{font-size:24px;line-height:110%;letter-spacing:-.25px}
  .lista-links-credito{flex-direction:column}
  .rodape{align-items:flex-start;padding-top:40px}
  .rodape-faixa{padding-left:20px;padding-right:20px}
  .rodape-chamada{font-size:24px}
  .rodape-logo{height:33.3px}
  .rodape-frase{font-size:24px}
  .rodape-botao{padding:16px}
  .rodape-link{margin-top:12px}
  .rodape-link-texto{font-size:14px;line-height:170%}
  .rodape-direitos{margin-left:24px;line-height:133%}
}
@media screen and (max-width:479px){
  .menu-topo{display:none}
  .menu-topo-contato .botao-triangulo{max-width:10%}
  .menu-celular{display:flex;position:fixed;z-index:50;inset:0% auto auto 0%;justify-content:space-between;align-items:flex-start;width:100%;height:auto;background-color:transparent}
  .abertura{flex-direction:column;overflow:hidden;padding:100px 20px 64px}
  .abertura-conteudo{padding-bottom:40px}
  .abertura-texto{max-width:90%;margin-bottom:0}
  .abertura-titulo{font-size:32px}
  .abertura-titulo-linha{font-size:12vw;line-height:100%}
  .abertura-apoio{font-size:4.5vw;font-weight:300;line-height:130%}
  .par-botoes{gap:12px;flex-flow:row wrap}
  .botao-marca{padding:16px 12px}
  .botao-marca .botao-texto{font-size:14px}
  .botao-marca .botao-triangulo{width:9px}
  .botao-secundario{justify-content:center;padding-top:18px;padding-bottom:18px}
  .botao-secundario .botao-texto{font-size:13px;transform:none}
  .forma-abertura-topo,.forma-perfis{max-width:60%;margin-top:0;margin-bottom:0;inset:1% -19% auto auto;z-index:0}
  .forma-abertura-baixo{max-width:50%;display:block;inset:auto auto 181px -103px}
  .quadro-tela{border-radius:2px}
  .selo-tela{bottom:8px;right:8px}
  .tela-imagem{margin-top:0;border-radius:2px}
  .valor-titulo,.valor-titulo-menor{margin-bottom:32px;line-height:100%}
  .valor-titulo{position:relative}
  .valor-titulo-sem-apoio{margin-bottom:64px}
  .valor-apoio{font-size:16px;line-height:145%}
  .valor-apoio-legenda{font-size:16px}
  .fontes-caixa{border-radius:0;width:100vw;padding-left:20px;padding-right:20px}
  .fontes-grade{row-gap:24px;column-gap:36px;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin-left:0;margin-right:0}
  .fonte-item:first-child{grid-column-start:auto}
  .composicao-imagem,.composicao-principal,.composicao-pino,.forma-galeria{margin-top:0;margin-bottom:0}
  .composicao-principal{margin:10% auto 0}
  .composicao-pino-baixo{transform:translateY(100%)}
  .composicao-pino-cima{transform:translateY(-85%)}
  .grade-recursos{row-gap:40px;column-gap:40px;grid-template-columns:1fr;padding:24px}
  .metodo-texto{line-height:133%}
  .forma-metodo{max-width:50%;display:block;z-index:-10;inset:auto auto 181px -103px}
  .galeria-topo{margin-top:0;flex-direction:column;padding-top:40px}
  .galeria-topo-metade{width:auto}
  .galeria-topo-bloco{margin-bottom:20px;padding-left:24px;padding-right:40px}
  .galeria-titulo{font-size:24px;font-weight:300;line-height:110%}
  .galeria-grade{row-gap:12vw;padding-left:4vw;padding-right:4vw}
  .galeria-item-titulo{font-size:15px}
  .galeria-item-texto{font-size:14px}
  .chamada-texto{max-width:80%;font-size:24px}
  .chamada-titulo{font-size:32px}
  .chamada-botoes{margin-top:12px;padding-left:24px;padding-right:24px}
  .botao-escuro .botao-triangulo{max-width:10%;transform:translateY(-2px)}
  .lista-links{padding-left:0;padding-right:0}
  .lista-links-caixa{font-size:24px;margin-bottom:24px;padding-left:24px;padding-right:24px;margin-top:0}
  .lista-links-titulo{font-size:24px;font-weight:300;line-height:110%;margin-bottom:24px}
  .lista-links-item{width:auto;padding-right:0;margin-top:0}
  .lista-links-cabeca{margin-top:16px}
  .lista-links-credito{margin-top:4px}
  .lista-links-autor{flex-direction:column;align-items:flex-start}
  .rotulo-caixa-alta{line-height:140%}
  .rodape-faixa{flex-flow:column-reverse;padding-bottom:0;align-items:flex-start}
  .rodape-marca{width:auto;height:auto;margin-left:0;margin-right:16px;margin-top:0}
  .rodape-chamada{width:80%;padding-right:16px;margin-top:0;margin-bottom:40px;padding-left:0}
  .rodape-logo{margin-bottom:32px}
  .rodape-frase{letter-spacing:-.17vw}
  .rodape-botao-caixa{justify-content:flex-start;align-items:flex-start;margin-top:24px;padding-left:0;padding-right:24px}
  .rodape-botao .botao-texto{font-size:14px;transform:translateY(2px)}
  .rodape-botao .botao-triangulo{max-width:10%;transform:translateY(-2px)}
  .rodape-colunas{width:100%;margin-left:1px;padding-bottom:0;flex-direction:column;margin-top:40px;margin-bottom:0;padding-left:0;padding-right:0}
  .rodape-coluna,.rodape-coluna-larga{width:100%;margin-bottom:40px}
  .rodape-link{text-align:center;margin-top:6px;margin-bottom:6px}
  .rodape-coluna-titulo+.rodape-link{margin-top:12px}
  .rodape-link-texto{text-align:left}
  .rotulo-caixa-alta.rodape-direitos{margin-top:12px;margin-right:24px;line-height:133%}
  .forma-rodape{display:none}
}