html{background:#fff} body{text-rendering:optimizeLegibility} a,button,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #F5B800;outline-offset:4px} summary::-webkit-details-marker{display:none}
.menu-line{transition:transform .25s ease,opacity .25s ease,background-color .3s ease}.drawer-open .menu-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.drawer-open .menu-line:nth-child(2){opacity:0}.drawer-open .menu-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
#siteHeader{background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(0) saturate(100%);backdrop-filter:blur(0) saturate(100%);transition:background-color .32s ease,border-color .32s ease,box-shadow .32s ease,backdrop-filter .32s ease}
#siteHeader .header-copy,#siteHeader .menu-line,#siteHeader .header-secondary{transition:color .28s ease,background-color .28s ease,border-color .28s ease,opacity .28s ease}#siteHeader .logo-black,#siteHeader .logo-white{transition:opacity .28s ease}
#siteHeader.is-scrolled{background:rgba(12,12,12,.82);border-color:rgba(255,255,255,.10);box-shadow:0 10px 32px rgba(0,0,0,.10);-webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%)}
#siteHeader.is-scrolled .header-copy,#siteHeader.is-scrolled .header-secondary{color:#fff}#siteHeader.is-scrolled .header-secondary{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.04)}#siteHeader.is-scrolled .menu-line{background:#fff}#siteHeader.is-scrolled .logo-black{opacity:0}#siteHeader.is-scrolled .logo-white{opacity:1}#siteHeader:not(.is-scrolled) .logo-black{opacity:1}#siteHeader:not(.is-scrolled) .logo-white{opacity:0}
.drawer-surface{background:rgba(255,255,255,.83);-webkit-backdrop-filter:blur(30px) saturate(135%);backdrop-filter:blur(30px) saturate(135%);box-shadow:-24px 0 60px rgba(0,0,0,.10)}
.image-glass-caption{background:rgba(10,10,10,.58);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);border-top:1px solid rgba(255,255,255,.12)}
.program-card .program-copy{transition:transform .25s ease}.program-card img{transition:transform .55s ease,filter .55s ease}.program-card:hover img{transform:scale(1.025);filter:saturate(1.03) contrast(1.02)}.program-card:hover .program-copy{transform:translateY(-2px)}
.footer-hairline{border-color:rgba(255,255,255,.10)!important}.footer-link,.interactive-link{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}.footer-link:hover,.footer-link:focus-visible,.footer-link:active,.interactive-link:hover,.interactive-link:focus-visible,.interactive-link:active{color:#F5B800!important}.footer-action,.interactive-action{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}.footer-action:hover,.footer-action:focus-visible,.footer-action:active,.interactive-action:hover,.interactive-action:focus-visible,.interactive-action:active{background:#F5B800!important;border-color:#F5B800!important;color:#111!important}.tap-card{transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.tap-card:hover,.tap-card:focus-within{transform:translateY(-2px)}.tap-card:active{transform:translateY(0);background:#f8f8f6}
.social-fab{background:rgba(28,28,28,.94);color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 8px 28px rgba(0,0,0,.16);-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.social-fab:hover,.social-fab:focus-visible,.social-fab:active{background:#F5B800;color:#111;border-color:#F5B800;transform:translateY(-2px)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#siteHeader.is-scrolled{background:rgba(12,12,12,.96)}.drawer-surface{background:rgba(255,255,255,.97)}.image-glass-caption{background:rgba(10,10,10,.88)}}
@media(hover:none){.footer-link:active,.interactive-link:active{color:#F5B800!important}.footer-action:active,.interactive-action:active{background:#F5B800!important;border-color:#F5B800!important;color:#111!important}.tap-card:active{transform:scale(.99)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Camada 4 — vídeo leve: thumbnail primeiro, iframe somente após interação */
.video-card{min-width:0}.video-lite{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border:0;background:#111;cursor:pointer;text-align:left}.video-lite img{width:100%;height:100%;object-fit:cover;transform:scale(1.015);transition:transform .45s ease,filter .3s ease}.video-lite-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.42));transition:background-color .2s ease}.video-play{position:absolute;left:50%;top:50%;display:grid;width:68px;height:68px;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.68);border-radius:999px;background:rgba(17,17,17,.68);color:#fff;-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.video-play span{display:block;width:0;height:0;margin-left:4px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid currentColor}.video-lite:hover img,.video-lite:focus-visible img{transform:scale(1.045);filter:contrast(1.03)}.video-lite:hover .video-play,.video-lite:focus-visible .video-play,.video-lite:active .video-play{transform:translate(-50%,-50%) scale(1.06);background:#F5B800;border-color:#F5B800;color:#111}.video-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;font-family:'Roboto Condensed','Inter',ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(0,0,0,.48)}.video-meta a{transition:color .18s ease}.video-meta a:hover,.video-meta a:focus-visible,.video-meta a:active{color:#F5B800}.video-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(8,8,8,.80);-webkit-backdrop-filter:blur(18px) saturate(115%);backdrop-filter:blur(18px) saturate(115%)}.video-modal-panel{position:relative;width:min(1180px,100%);background:#080808;box-shadow:0 28px 90px rgba(0,0,0,.38)}.video-modal-frame{aspect-ratio:16/9;width:100%;background:#000}.video-modal-frame iframe{display:block;width:100%;height:100%;border:0}.video-modal-close{position:absolute;right:0;top:-52px;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(20,20,20,.7);color:#fff;font-size:25px;line-height:1;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.video-modal-close:hover,.video-modal-close:focus-visible,.video-modal-close:active{background:#F5B800;border-color:#F5B800;color:#111}@media(max-width:639px){.video-play{width:58px;height:58px}.video-modal{padding:12px}.video-modal-close{right:2px;top:-50px}}@media(hover:none){.video-lite:active .video-play{background:#F5B800;color:#111}.video-meta a:active{color:#F5B800}}

/* Camada 6 — elementos globais, idiomas e feedback consistente para toque */
.header-secondary{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}
.header-secondary:hover,.header-secondary:focus-visible,.header-secondary:active{border-color:#F5B800!important;background:#F5B800!important;color:#111!important}
.header-menu-button{border-radius:999px;transition:transform .16s ease,background-color .16s ease,color .16s ease}
.header-menu-button:hover,.header-menu-button:focus-visible{background:rgba(17,17,17,.06)}
#siteHeader.is-scrolled .header-menu-button:hover,#siteHeader.is-scrolled .header-menu-button:focus-visible{background:rgba(255,255,255,.10)}
.drawer-link-current{color:#D9A300!important}
.touch-control{touch-action:manipulation}
@media(hover:none){
  .header-secondary:active{transform:scale(.985)}
  .header-menu-button:active{transform:scale(.92);background:rgba(245,184,0,.18)}
  .drawer-link:active{transform:translateX(3px);color:#D9A300!important}
  .footer-link:active{color:#F5B800!important}
  .footer-action:active{transform:scale(.985);background:#F5B800!important;border-color:#F5B800!important;color:#111!important}
  .social-fab:active{transform:scale(.94);background:#F5B800;color:#111;border-color:#F5B800}
  .interactive-action:active{transform:scale(.99)}
  .interactive-link:active{color:#D9A300!important}
}


/* Camada 8 — acessibilidade, estabilidade visual e preferências do usuário */
html{scroll-padding-top:96px}
img{max-width:100%}
button,a,summary{touch-action:manipulation}
summary{border-radius:2px}
summary:focus-visible{outline:3px solid #F5B800;outline-offset:5px}
@media (forced-colors:active){:focus-visible{outline:2px solid CanvasText}.video-play,.social-fab,.footer-action{forced-color-adjust:auto}}
@media (prefers-reduced-data:reduce){.program-card img{transition:none}.image-glass-caption{backdrop-filter:none;-webkit-backdrop-filter:none}}


/* Camada 8 — consistência acessível do menu lateral em todas as páginas */
.drawer-surface{color:#111;border-left:1px solid rgba(17,17,17,.10)}
.drawer-surface .drawer-divider{border-color:rgba(17,17,17,.10)!important}
.drawer-surface .drawer-muted{color:rgba(17,17,17,.55)!important}
.drawer-surface .drawer-link{color:rgba(17,17,17,.92);transition:color .18s ease,transform .18s ease}
.drawer-surface .drawer-link:hover,.drawer-surface .drawer-link:focus-visible,.drawer-surface .drawer-link:active{color:#D9A300;transform:translateX(3px)}
.drawer-surface .drawer-close{color:#111}


/* Camada 8 — contraste em superfícies claras sem alterar o amarelo de blocos/CTAs */
.bg-white .text-alliance-yellow,.bg-alliance-mist .text-alliance-yellow,.bg-alliance-warm .text-alliance-yellow{color:#8A6200!important}
.bg-white .interactive-link:hover,.bg-white .interactive-link:focus-visible,.bg-white .interactive-link:active,
.bg-alliance-mist .interactive-link:hover,.bg-alliance-mist .interactive-link:focus-visible,.bg-alliance-mist .interactive-link:active{color:#8A6200!important}
.drawer-link-current{color:#8A6200!important}
.drawer-surface .drawer-link:hover,.drawer-surface .drawer-link:focus-visible,.drawer-surface .drawer-link:active{color:#8A6200!important}

/* v2.2 — feedback global de interação para mouse, teclado e toque
   O estado JS complementa :hover/:active em navegadores móveis e emuladores
   que não mantêm pseudo-classes de hover de forma consistente. */
.ui-feedback{
  -webkit-tap-highlight-color:rgba(245,184,0,.16);
  touch-action:manipulation;
}
.ui-feedback.is-ui-pressed{
  opacity:.86;
}

/* Links textuais */
.footer-link.is-ui-hover,.footer-link.is-ui-pressed,
.interactive-link.is-ui-hover,.interactive-link.is-ui-pressed,
.drawer-surface .drawer-link.is-ui-hover,.drawer-surface .drawer-link.is-ui-pressed,
.video-meta a.is-ui-hover,.video-meta a.is-ui-pressed{
  color:#F5B800!important;
}
.drawer-surface .drawer-link.is-ui-hover,.drawer-surface .drawer-link.is-ui-pressed{
  transform:translateX(3px);
}

/* Botões/CTAs */
.footer-action.is-ui-hover,.footer-action.is-ui-pressed,
.interactive-action.is-ui-hover,.interactive-action.is-ui-pressed,
.header-secondary.is-ui-hover,.header-secondary.is-ui-pressed{
  background:#F5B800!important;
  border-color:#F5B800!important;
  color:#111!important;
  opacity:1;
}
.footer-action.is-ui-pressed,.interactive-action.is-ui-pressed,.header-secondary.is-ui-pressed{
  transform:scale(.985);
}

/* Botão do menu */
.header-menu-button.is-ui-hover{
  background:rgba(17,17,17,.06);
  opacity:1;
}
#siteHeader.is-scrolled .header-menu-button.is-ui-hover{
  background:rgba(255,255,255,.10);
}
.header-menu-button.is-ui-pressed{
  background:rgba(245,184,0,.18)!important;
  transform:scale(.92);
  opacity:1;
}

/* Botões sociais fixos */
.social-fab.is-ui-hover,.social-fab.is-ui-pressed{
  background:#F5B800!important;
  border-color:#F5B800!important;
  color:#111!important;
  opacity:1;
}
.social-fab.is-ui-hover{transform:translateY(-2px)}
.social-fab.is-ui-pressed{transform:scale(.94)}

/* Cards de programa e cards clicáveis */
.program-card.is-ui-hover img,.program-card.is-ui-pressed img{
  transform:scale(1.025);
  filter:saturate(1.03) contrast(1.02);
}
.program-card.is-ui-hover .program-copy,.program-card.is-ui-pressed .program-copy{
  transform:translateY(-2px);
}
.tap-card.is-ui-hover{transform:translateY(-2px);opacity:1}
.tap-card.is-ui-pressed{transform:scale(.99);background:#f8f8f6;opacity:1}

/* Vídeos */
.video-lite.is-ui-hover img,.video-lite.is-ui-pressed img{
  transform:scale(1.045);
  filter:contrast(1.03);
}
.video-lite.is-ui-hover .video-play,.video-lite.is-ui-pressed .video-play{
  transform:translate(-50%,-50%) scale(1.06);
  background:#F5B800;
  border-color:#F5B800;
  color:#111;
}
.video-modal-close.is-ui-hover,.video-modal-close.is-ui-pressed{
  background:#F5B800;
  border-color:#F5B800;
  color:#111;
  opacity:1;
}

/* Fallback visual para qualquer link/botão que ainda não tenha uma classe de componente. */
a.ui-feedback.is-ui-hover:not(.footer-link):not(.interactive-link):not(.footer-action):not(.interactive-action):not(.social-fab):not(.drawer-link):not(.header-secondary),
button.ui-feedback.is-ui-hover:not(.header-menu-button):not(.video-lite):not(.video-modal-close){
  filter:brightness(.94);
}
a.ui-feedback.is-ui-pressed:not(.footer-link):not(.interactive-link):not(.footer-action):not(.interactive-action):not(.social-fab):not(.drawer-link):not(.header-secondary),
button.ui-feedback.is-ui-pressed:not(.header-menu-button):not(.video-lite):not(.video-modal-close){
  filter:brightness(.90);
}

@media(prefers-reduced-motion:reduce){
  .ui-feedback,.ui-feedback *{transition:none!important}
}


/* v2.3 — seção competitiva clara, footer legível e estados móveis revisados */
.authority-light .interactive-link{color:#111}
.authority-light .interactive-link:hover,
.authority-light .interactive-link:focus-visible,
.authority-light .interactive-link:active,
.authority-light .interactive-link.is-ui-hover,
.authority-light .interactive-link.is-ui-pressed{color:#8A6200!important}

.footer-app-image{
  filter:grayscale(1) brightness(.72) contrast(1.06);
  object-position:center 48%;
  transform:scale(1.01);
}
.footer-app-overlay-base{
  background:linear-gradient(90deg,
    rgba(8,8,8,.92) 0%,
    rgba(8,8,8,.84) 28%,
    rgba(8,8,8,.66) 52%,
    rgba(8,8,8,.46) 76%,
    rgba(8,8,8,.34) 100%);
}
.footer-app-overlay-gradient{
  background:linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.08) 46%,rgba(0,0,0,.36) 100%);
}
.footer-app-content{isolation:isolate}
.footer-app-actions{align-items:stretch}
.footer-app-actions .footer-action{min-width:138px}

[data-global-social="true"]{
  bottom:max(1.25rem,calc(env(safe-area-inset-bottom) + .75rem));
}

/* Mouse em viewport móvel + toque real usam as mesmas classes JS. */
.ui-feedback.is-ui-hover{will-change:transform,background-color,color,border-color,filter}
.ui-feedback.is-ui-pressed{will-change:transform,background-color,color,border-color,filter}

@media(max-width:767px){
  .footer-app-strip{min-height:330px}
  .footer-app-image{
    filter:grayscale(1) brightness(.54) contrast(1.08);
    object-position:58% center;
    transform:scale(1.035);
  }
  .footer-app-overlay-base{
    background:linear-gradient(180deg,
      rgba(8,8,8,.58) 0%,
      rgba(8,8,8,.64) 42%,
      rgba(8,8,8,.76) 100%);
  }
  .footer-app-overlay-gradient{
    background:linear-gradient(90deg,rgba(0,0,0,.44) 0%,rgba(0,0,0,.24) 56%,rgba(0,0,0,.30) 100%);
  }
  .footer-app-content{
    min-height:330px!important;
    justify-content:center!important;
    gap:1.25rem!important;
    padding-top:2.25rem!important;
    padding-bottom:2.25rem!important;
  }
  .footer-app-content h2{max-width:18ch}
  .footer-app-content p{max-width:34ch}
  .footer-app-actions{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem!important}
  .footer-app-actions .footer-action{min-width:0;width:100%;padding-left:.75rem;padding-right:.75rem;justify-content:center}
  [data-global-social="true"]{right:.75rem!important;gap:.65rem!important}
}

@media(max-width:374px){
  .footer-app-actions{grid-template-columns:1fr}
  .footer-app-actions .footer-action{max-width:220px}
}