/* HARMONIA0920 (20/09/2026, ordem do Rafael: "ao clicar a tela pisca e muda cabecalho/cores/medidas; tudo em harmonia").
   Camada GLOBAL do vagas019.com.br, injetada em TODAS as rotas HTML por mu-plugins/zzz-v019-harmonia0920.php
   (buffer aberto ao carregar o ficheiro = o unico ponto que alcanca as rotas que fazem exit(), padrao TOPCOLOR0828).
   1) Transicao entre paginas (View Transitions entre documentos): cross-fade curto e o cabecalho universal .v019uh
      "viaja" de uma pagina para a outra em vez de ser cortado e redesenhado. Navegadores sem suporte ignoram (nada muda).
   2) Fundo comum atras de tudo (html): nunca ha clarao branco entre uma pagina e a seguinte.
   3) Fonte comum: Inter (a fonte declarada pela home e pelo app) carregada de facto em todas as paginas; titulos herdam.
   Rollback: apagar o mu-plugin (a folha fica orfa e inofensiva). Nada aqui redesenha paginas: so transicao, fundo e fonte. */

@view-transition { navigation: auto; }
::view-transition-old(root) { animation: 240ms ease-out both v019HarmoniaSai; }
::view-transition-new(root) { animation: 260ms ease-in both v019HarmoniaEntra; }
@keyframes v019HarmoniaEntra { from { opacity: 0; } }
@keyframes v019HarmoniaSai { to { opacity: 0; } }
.v019uh { view-transition-name: v019uh; }
::view-transition-group(v019uh) { animation-duration: 320ms; animation-timing-function: cubic-bezier(.4, 0, .2, 1); }
::view-transition-old(v019uh), ::view-transition-new(v019uh) { animation-duration: 200ms; }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none; }
}

html { background-color: #f5f8ff; }

/* body[class] vence as peles que poem a fonte pela classe do body (ex.: .v019a-body da /ajuda/ com Work Sans) */
body, body[class] { font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
body :is(h1, h2, h3, h4, h5, h6), .entry-content :is(h1, h2, h3, h4, h5, h6), .ast-container :is(h1, h2, h3, h4, h5, h6) { font-family: inherit; }

/* HARM_V3=A (20/09/2026, voto do Rafael): botoes PRINCIPAIS em pilula em todo o site, o padrao da home (999px). Lista = classes medidas
   nas 16 rotas (inventario botoes_antes.json): .btn/.btn-primary (login, totens, /vagas/), botoes do WordPress (.uagb-buttons-repeater,
   .wp-block-button__link, .ast-button), CTAs da vaga (.v019cta-wa/.v019cta-min), do como-funciona (.cf019-btn/.v019cf-cta), do login
   (.v019-social-btn/.v019lg-cad) e submits. Fora: icones quadrados, abas, chips, toggles de card, player, menu lanche, microfone. */
/* Especificidade de ID de proposito (:is(#v019harm, body) herda a especificidade do id; a /vagas/ tem #vagas-filtros.v019-simpl .btn-primary com !important) + cadeia de :not + !important: o login fixa 14px com !important em html body.page-id .form-card... e os
   totens escrevem estilos proprios; e o unico !important desta folha e so nesta propriedade (override de paginas alheias). */
:is(#v019harm, body) :is(.btn, .btn-primary, .uagb-buttons-repeater, .wp-block-button__link, .ast-button, .v019cta-wa, .v019cta-min, .cf019-btn, .v019cf-cta, .v019-social-btn, .v019lg-cad, input[type="submit"], button[type="submit"]):not(.c019x-toggle):not(.c019x-fav):not(.cf019-tab):not(.pg):not(.b):not(.player-face):not(.v019uh__toggle):not(.busca__mic):not(.v019-blogmic):not(.v019a-chip):not(.store-btn) { border-radius: 999px !important; }

/* HARM_V5=A (20/09/2026, voto do Rafael) - FASE C: a MESMA grade da home nos containers das paginas do tema (Astra .ast-container:
   1240 px e 63 px de margem a 1366 -> 1400 px e 32 px, como a home; celular 16-20 px -> 12 px) e na /vagas/ desktop (destaques 1180 px e
   listagem com 23 px -> 1302 px/32 px). Paginas de leitura (vaga 848 px, ajuda 820 px, termos 1180 px) mantem a largura propria. */
@media (min-width: 981px) {
  body .ast-container { max-width: 1400px; padding-left: 32px; padding-right: 32px; }
  html[data-v019vg7] body .v7-featured-in { max-width: 1302px; }
  html[data-v019vg7] body .vagas019-listagem { max-width: 1400px; padding-left: 32px; padding-right: 32px; box-sizing: border-box; margin-left: auto; margin-right: auto; }
}
@media (max-width: 640px) {
  /* no celular o recuo de 32 px vinha de .site-content (16) + .ast-container (16); a home usa 12 */
  :is(#v019harm, body) .site-content, :is(#v019harm, body) .ast-single-entry-banner { padding-left: 12px; padding-right: 12px; }
  :is(#v019harm, body) .site-content .ast-container, :is(#v019harm, body) .ast-single-entry-banner .ast-container { padding-left: 0; padding-right: 0; }
}