/* Contém somente elementos cenográficos; os trilhos internos de filmes continuam roláveis. */
html, body { max-width:100%; overflow-x:hidden; }

/* Navegação liquid: contorno Shark Blue, 30% menor e no mesmo tom do X 3D. */
.topbar { display:grid; grid-template-columns:188px minmax(0,1fr) auto; align-items:center; gap:clamp(16px,2vw,31px); min-height:194px; border-bottom:1px solid rgba(116,213,250,.12); padding-top:6px; padding-bottom:6px; background:linear-gradient(180deg,rgba(3,6,14,.99) 0%,rgba(3,6,14,.97) 78%,rgba(3,6,14,.94) 100%); }
.topbar nav { justify-content:center; min-width:0; gap:clamp(11px,1.3vw,19px); white-space:nowrap; }
.topbar nav a { display:inline-block; padding:10px 0; color:transparent; background:none; -webkit-background-clip:border-box; background-clip:border-box; -webkit-text-fill-color:transparent; -webkit-text-stroke:.65px #35d9ff; text-stroke:.65px #35d9ff; font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Avenir Next",Arial,sans-serif; font-size:clamp(13px,1.2vw,19px); font-weight:800; letter-spacing:.025em; line-height:1; text-shadow:0 0 1px #76eaff,0 0 3px rgba(53,217,255,.46),0 3px 6px rgba(0,0,0,.74); filter:drop-shadow(0 0 1px rgba(53,217,255,.2)); transform:perspective(230px) rotateX(9deg) translateZ(0); transition:-webkit-text-stroke-color .2s ease,filter .2s ease,transform .22s ease; }
.topbar nav a:hover, .topbar nav a:focus-visible, .topbar nav a.is-active { color:transparent; -webkit-text-fill-color:transparent; -webkit-text-stroke-color:#8eecff; filter:drop-shadow(0 0 7px rgba(68,223,255,.86)) brightness(1.1); transform:perspective(230px) rotateX(6deg) translate3d(0,-2px,8px); }
.topbar nav a.nav-youtube, .topbar nav a.nav-adult { color:transparent; }
.brand--3d .brand__type { -webkit-text-stroke:.45px #37d9ff; text-stroke:.45px #37d9ff; paint-order:stroke fill; text-shadow:0 0 1px #f0fdff,0 0 5px rgba(55,217,255,.9),0 0 13px rgba(55,217,255,.5); }
.topbar__tools { align-self:center; }
.topbar__surprise { font-size:13px; }
#inicio, #explorar, #filmes, #canais, #filmes-youtube, #minha-lista { scroll-margin-top:208px; }

@media (max-width:1120px) { .topbar { grid-template-columns:142px minmax(0,1fr) auto; gap:14px; }.topbar nav { gap:10px; }.topbar nav a { font-size:13px; }.brand--3d { width:142px; }.brand__mark { width:130px; height:130px; } }
@media (max-width:850px) { .topbar { grid-template-columns:102px minmax(0,1fr) auto; min-height:152px; }.topbar nav { gap:8px; }.topbar nav a { font-size:11px; -webkit-text-stroke-width:.5px; }.brand--3d { width:102px; }.brand__mark { width:94px; height:94px; } }
@media (max-width:720px) { html, body { overflow-x:hidden; }.topbar, main, .hero { max-width:100%; overflow-x:clip; }.topbar { display:flex; min-height:118px; }.topbar nav a { padding:13px 0; font-size:14px; letter-spacing:.04em; } }
