@font-face{font-family:"Archivo";src:url("fonts/Archivo-latin.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Archivo Black";src:url("fonts/ArchivoBlack-latin.woff2") format("woff2");font-weight:400;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#FFF1E0;color:#111;font-family:Archivo,sans-serif}
a{color:#111;text-decoration:none}
a:hover{color:inherit;text-decoration:underline;text-decoration-thickness:3px}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
[hidden]{display:none!important}
.btn-test:hover{background:#111!important;color:#FF7A1A!important;box-shadow:5px 5px 0 #FF7A1A!important}
.marquee-track{display:flex;width:max-content;animation:aivaMarquee 32s linear infinite;font-weight:800;font-size:15px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.marquee-track:hover{animation-play-state:paused}
.marquee-run{display:flex;gap:28px;padding-right:28px;flex:none}
@keyframes aivaMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}
/* Reels: no celular, um vídeo por linha, um embaixo do outro (sem rolagem lateral) */
@media (max-width:767px){
  .reels-grid{grid-template-columns:1fr!important;width:100%;max-width:420px;margin:0 auto}
  .reels-grid>*{max-width:none!important}
}