/* APM — base global. Extraido das maquetas .dc.html.
   Tokens vivem em theme.json, com a ponte em tokens.css.
   Cabecalho e rodape vivem em layout.css. Nada literal de cor aqui. */

html,body{margin:0;padding:0}
*{box-sizing:border-box}
:root{font-size:100%;interpolate-size:allow-keywords}

body{font-family:var(--wp--preset--font-family--sans);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--wp--preset--font-family--serif);margin:0}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
/* Botoes e pastilhas nao sublinham, ao contrario das ligacoes de texto. */
a[style*="border-radius:999px"],a[style*="border-radius:999px"]:hover,
a[style*="border-radius:0.4rem"],a[style*="border-radius:0.4rem"]:hover,
a[style*="border-radius:50%"],a[style*="border-radius:50%"]:hover{text-decoration:none}

/* ── Foco ────────────────────────────────────────────────────
   Anel de foco decidido no token, nao auditado no fim (§ DECISOES).
   Sobre o verde da marca o anel inverte para manter contraste.        */
:focus-visible{outline:3px solid var(--color-blue-600);outline-offset:2px;box-shadow:0 0 0 6px var(--color-blue-200);border-radius:6px}
/* O foco do rato nao desenha nada. Sem isto, qualquer regra que alveje
   :focus em vez de :focus-visible poe um contorno ao clicar — era o que
   acontecia as perguntas frequentes, e o anel do teclado continua no
   :focus-visible acima. */
:focus:not(:focus-visible){outline:none;box-shadow:none}
[data-on-brand] :focus-visible,
section[style*="var(--color-brand-700)"] :focus-visible,
.site-ft :focus-visible{outline-color:var(--color-blue-200);box-shadow:0 0 0 6px var(--focus-ring)}

@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* ── Grelha e utilitarios ────────────────────────────────────
   .wrap vive em layout.css, que e o contentor unico do tema.          */
.grid{--cols:1;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}
.split{--cols:1}
.cards{--cols:1}
.fcols{--cols:1}
.tt{min-height:44px;min-width:44px}
[id]{scroll-margin-top:6rem}

@media (min-width:48em){.split{--cols:2}.cards{--cols:2}.fcols{--cols:2}}
@media (min-width:64em){.cards{--cols:4}.fcols{grid-template-columns:1.6fr repeat(3,minmax(0,1fr))}}

/* ── Botoes a toda a largura ─────────────────────────────────
   Dentro de cartoes, e em qualquer sitio abaixo de 48em: num ecra
   estreito a largura e o que resta para tornar o alvo maior.          */
:is([style*="border-radius: 1rem"],[style*="border-radius:1rem"],
    [style*="border-radius: 1.25rem"],[style*="border-radius:1.25rem"],
    [style*="border-radius: 0.75rem"],[style*="border-radius:0.75rem"],
    .cards li,.card)
:is(a[style*="border-radius: 999px"],button[style*="border-radius: 999px"],
    a[style*="border-radius:999px"],button[style*="border-radius:999px"]){width:100%;justify-content:center}

@media (max-width:47.999em){
  a[style*="border-radius: 999px"],button[style*="border-radius: 999px"],
  a[style*="border-radius:999px"],button[style*="border-radius:999px"]{width:100%;justify-content:center}
}

/* ── Icones ──────────────────────────────────────────────────── */
.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;line-height:1;display:inline-block;white-space:nowrap}

/* ── Ticker de parcerias ─────────────────────────────────────── */
@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - .5rem))}}
.ticker-track{animation:ticker-scroll 40s linear infinite;will-change:transform}
.ticker-track:hover,.ticker-track:focus-within{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}}

/* ── Herdado do tema-mae ─────────────────────────────────────
   A folha do Twenty Twenty-Five nao e carregada (ver functions.php).
   Destas duas regras nao se prescinde: uma reduz viuvas e orfas, a outra
   evita que uma linha longa de texto pre-formatado alargue a pagina. */
h1,h2,h3,h4,h5,h6,blockquote,caption,figcaption,p{text-wrap:pretty}
:where(pre){overflow-x:auto}