/* Preferências do dispositivo para as três páginas do pacote. */
html { scroll-padding-top: 6rem; scroll-behavior: smooth; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid #d34639;
  outline-offset: 3px;
}
.skip-to-content {
  position: fixed;
  z-index: 100;
  top: -5rem;
  left: 1rem;
  padding: .8rem 1rem;
  background: #fff;
  color: #111;
  font-weight: 700;
}
.skip-to-content:focus { top: 1rem; }
.hero-primary-cta { color: #fff !important; }
.hero-video-play { color: #fff !important; }
#film[hidden], #hero-video-poster[hidden] { display: none !important; }
.hero-video-play[data-active="1"] { left: auto; right: 1rem; top: 1rem; bottom: auto; padding: .55rem .8rem; background: rgba(11, 13, 14, .88); }
.jogo-peca { opacity: 0; transition: opacity .55s ease; }
.jogo-peca.is-visible { opacity: 1; }
.jogo-opcao { width: 100%; text-align: left; padding: .85rem 1rem; border: 1px solid #48535a; border-radius: .45rem; background: #1c2024; color: #f6f7f7; font-weight: 600; cursor: pointer; transition: border-color .2s, background-color .2s, transform .2s; }
.jogo-opcao:hover:not(:disabled), .jogo-opcao:focus-visible { border-color: #dc5752; transform: translateY(-2px); }
.jogo-opcao.is-wrong { border-color: #d99745; background: #473425; }
.jogo-opcao.is-correct { border-color: #4da77e; background: #1d4335; }
.jogo-opcao:disabled { cursor: default; }

@media all {
  :root { color-scheme: light; --bg:#f7f5f1; --surface:#fff; --text:#1e2930; --muted:#53616a; --line:#d8dedd; }
  html, body, body.bg-surface-base { background: #f7f5f1 !important; color: #1e2930 !important; }
  [class*="bg-surface-base"], .footer { background-color: #f7f5f1 !important; }
  [class*="bg-surface-card"] { background-color: #fff !important; }
  [class*="bg-surface-subtle"], [class*="bg-surface-hover"] { background-color: #edf0ed !important; }
  .border-surface-border, [class*="border-surface-border"] { border-color: #d8dedd !important; }
  .text-white, .text-gray-200 { color: #1e2930 !important; }
  .text-gray-300 { color: #38474f !important; }
  .text-gray-400, .text-gray-500 { color: #56656d !important; }
  .text-gray-600 { color: #66747b !important; }
  [class*="bg-emerald-700"], [class*="bg-emerald-600"], [class*="bg-brand-dark"] { color: #fff !important; }
  [class*="bg-emerald-700"] .text-white, [class*="bg-emerald-600"] .text-white { color: #fff !important; }
  [class*="bg-[#0B0D0E]"] { background-color: #e8ece9 !important; }
  #inicio { background: #f7f5f1 !important; }
  .hero-eyebrow { color: #9d2424 !important; }
  .jogo-opcao { background: #edf0ed; color: #1e2930; border-color: #a5b0b1; }
  .jogo-opcao.is-wrong { background: #ffecd5; border-color: #a66825; }
  .jogo-opcao.is-correct { background: #ddf5e7; border-color: #317455; }
  footer[class*="bg-[#090A0B]"] { background: #e8ece9 !important; }
  #maquete-3d #canvas-3d { background: #0e1012 !important; }
  #maquete-3d #canvas-3d + div { background: rgba(20,24,28,.86) !important; color: #fff !important; border-color: #424b52 !important; }
  #maquete-3d #canvas-3d + div .text-brand-light { color: #ff6660 !important; }
  #maquete-3d #canvas-3d ~ button { background: rgba(20,24,28,.86) !important; color: #fff !important; }
  .header { background: rgba(255,255,255,.92) !important; border-color: #d8dedd !important; }
  .glass { background: rgba(255,255,255,.92) !important; box-shadow: 0 8px 25px #27313b16 !important; }
  .brand-name small, .nav a, .footer-links, .footer-bottom, .legal-content p, .legal-content li { color: #53616a !important; }
  .header-cta, .menu { color: #1e2930 !important; border-color: #aeb9bc !important; }
  .legal-content a { color: #9d2424; }
  .nav { background: #fff !important; }
  .footer { border-color: #d8dedd !important; }
  .floating { background: #047857 !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .motion-ready .reveal { opacity: 1 !important; transform: none !important; }
  .jogo-peca { transition: none !important; }
}