/* Base do site: tokens de cor e forma, reset, tipografia, botões e utilitários compartilhados por todas as páginas. */

/* Now, a fonte dos títulos: WOFF gerado por ferramentas/gerar-fontes.py a partir de producao/fontes/now/ (licença em /assets/fonts/now/OFL.txt).
   O desenho da Now é menor que o da Hanken Grotesk no mesmo font-size. Com size-adjust de 108%, medido nas páginas, os títulos mantêm o tamanho
   percebido e as quebras de linha; valores maiores fazem títulos ganharem linha. O peso 800 (h1) é pré-carregado no <head> de cada página. */
@font-face{font-family:"Now";src:url("/assets/fonts/now/now-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;size-adjust:108%;}
@font-face{font-family:"Now";src:url("/assets/fonts/now/now-extrabold.woff") format("woff");font-weight:800;font-style:normal;font-display:swap;size-adjust:108%;}

/* jornadas guiadas pelo scroll (assets/js/jornada.js): mesma linha, mesmos tempos e mesmo destaque no Sobre e na Nossa marca.
   O halo do elemento em destaque é o próprio ciano-escuro (#187A9E) com transparência. */
:root{--jornada-linha:2px;--jornada-entrada:.55s;--jornada-deslocamento:14px;--jornada-cor:.45s;--jornada-marcador:.35s;--jornada-traco:.12s;--jornada-halo:0 0 0 5px rgba(24,122,158,.16);}
:root{--fonte-texto:'Hanken Grotesk',system-ui,sans-serif;--fonte-titulo:"Now",'Hanken Grotesk',system-ui,sans-serif;--indigo:#45519E;--noite:#1B2050;--ciano:#219FCB;--ciano-escuro:#187A9E;--nevoa:#E9F3F8;--nevoa-2:#D9EBF3;--papel:#F6F7F6;--branco:#FFFFFF;--tinta:#242A44;--tinta-2:#5C617A;--linha:rgba(36,42,68,.14);--linha-leve:rgba(36,42,68,.08);--folha-g:170px 170px 170px 30px;--folha-m:130px 130px 130px 22px;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--fonte-texto);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip;}
h1,h2,h3,h4{font-family:var(--fonte-titulo);}
h4{margin:0;color:var(--noite);line-height:1.15;}
h1{margin:0;color:var(--noite);line-height:1.06;font-size:clamp(2.2rem,4.2vw,3.3rem);font-weight:800;letter-spacing:-.022em;}
h2{margin:0;color:var(--noite);line-height:1.14;font-size:clamp(1.65rem,2.8vw,2.2rem);font-weight:700;letter-spacing:-.015em;}
h3{margin:0;color:var(--noite);line-height:1.15;font-size:1.1rem;font-weight:700;}
p{margin:0;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
section{scroll-margin-top:92px;}
.wrap{max-width:1140px;margin:0 auto;padding:0 28px;}
:focus-visible{outline:2.5px solid var(--ciano);outline-offset:3px;border-radius:4px;}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 27px;border-radius:999px;font-family:inherit;font-size:15px;font-weight:600;letter-spacing:.005em;border:1.5px solid transparent;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease;}
.btn-solid{background:var(--indigo);color:var(--branco);}
.btn-solid:hover{background:var(--noite);}
.btn-linha{background:transparent;color:var(--tinta);border-color:var(--linha);}
.btn-linha:hover{border-color:var(--indigo);color:var(--indigo);}
.btn-claro{background:var(--branco);color:var(--noite);}
.btn-claro:hover{background:var(--nevoa);}
.tlink{font-size:15px;font-weight:600;color:var(--indigo);text-decoration:underline;text-decoration-color:rgba(33,159,203,.5);text-decoration-thickness:1.5px;text-underline-offset:5px;transition:text-decoration-color .18s ease;padding-block:6px;}
.tlink:hover{text-decoration-color:var(--ciano);}
.link-extra{margin-top:22px;font-size:15px;}
.pular{position:fixed;top:14px;left:14px;z-index:120;background:var(--noite);color:#fff;font-weight:600;font-size:15px;padding:12px 20px;border-radius:999px;transform:translateY(-72px);transition:transform .15s ease;}
.pular:focus-visible{transform:none;}
.logo-svg{height:53px;width:auto;display:block;}
.sec-head{max-width:56ch;margin-bottom:40px;}
.sec-head p{color:var(--tinta-2);margin-top:14px;max-width:52ch;}