:root{--bf-blue:#6489ff;--bf-blue-2:#315cd9;--bf-bg:#080a10;--bf-surface:#11141d;--bf-border:rgba(255,255,255,.09)}
html{scroll-behavior:smooth}body{background:radial-gradient(circle at 75% -10%,#172344 0,transparent 32rem),var(--bf-bg);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
.site-header{position:sticky;z-index:100;top:0;height:72px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(8,10,16,.84);backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(0,0,0,.18)}
.header-inner{height:100%;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:9px;flex:none;font-size:22px;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:linear-gradient(135deg,var(--bf-blue),#3d5fd0);color:#fff;font-size:12px;box-shadow:0 8px 24px rgba(74,112,235,.34)}
.nav{display:flex;align-items:center;gap:3px}.nav a{position:relative;padding:10px 11px;font-size:13px;font-weight:600;color:#969dad;transition:.2s}.nav a:hover,.nav a.active{background:rgba(100,137,255,.1);color:#fff}.nav a.active:after{position:absolute;right:11px;bottom:4px;left:11px;height:2px;border-radius:2px;background:var(--bf-blue);content:""}
.header-search{display:flex;align-items:center;margin-left:auto;width:min(250px,24vw);height:38px;border:1px solid var(--bf-border);border-radius:11px;background:rgba(255,255,255,.05);transition:.2s}.header-search:focus-within{border-color:rgba(100,137,255,.65);box-shadow:0 0 0 3px rgba(100,137,255,.1)}.header-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;padding:0 0 0 13px}.header-search button{width:40px;height:100%;border:0;background:transparent;color:#adb5c7;font-size:20px;cursor:pointer}.nav-toggle{display:none}
.hero-feature{min-height:560px;margin-top:-72px;padding-top:72px;background-image:var(--hero-image);background-position:center 24%;background-size:cover}.hero-feature__wash{min-height:inherit;background:linear-gradient(90deg,rgba(8,10,16,.98) 0%,rgba(8,10,16,.87) 38%,rgba(8,10,16,.27) 72%,rgba(8,10,16,.76) 100%),linear-gradient(0deg,var(--bf-bg),transparent 36%)}.hero-feature__content{display:flex;min-height:560px;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:76px;padding-bottom:78px}.eyebrow,.section-kicker{font-size:10px;font-weight:800;letter-spacing:2.2px;color:#8ea9ff}.hero-feature h1{max-width:760px;margin:12px 0 10px;font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-3px;text-shadow:0 7px 30px rgba(0,0,0,.45)}.hero-meta{margin:0;color:#c7ccda}.hero-meta b{margin-left:10px;color:#ffd45b}.hero-overview{max-width:650px;margin:18px 0 24px;color:#c3c9d6;font-size:15px;line-height:1.75}.hero-actions{display:flex;gap:10px}.hero-actions a{padding:13px 18px;border-radius:10px;font-weight:700;font-size:13px}.hero-watch{background:linear-gradient(135deg,var(--bf-blue),var(--bf-blue-2));box-shadow:0 10px 30px rgba(52,92,219,.3)}.hero-more{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.09);backdrop-filter:blur(10px)}.hero-actions a:hover{transform:translateY(-1px);filter:brightness(1.1)}
.hero-search{display:flex;width:min(560px,100%);height:48px;margin-top:28px;padding:4px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(13,16,25,.72);backdrop-filter:blur(14px)}.hero-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;padding:0 14px}.hero-search button{border:0;border-radius:9px;background:#20283c;color:#dbe3ff;padding:0 22px;font-weight:700;cursor:pointer}.catalog-content{position:relative;margin-top:-25px}.section{margin:32px 0 54px}.section-head{margin-bottom:18px}.section-head h2{margin:3px 0 0;font-size:25px;letter-spacing:-.6px}.section-head>a{padding:9px 12px;border:1px solid var(--bf-border);border-radius:9px;color:#aeb5c5;font-size:12px;font-weight:700}.section-head>a:hover{border-color:rgba(100,137,255,.4);background:rgba(100,137,255,.08);color:#fff}.section-head>a span{margin-left:5px;color:var(--bf-blue)}
.catalog-content--home{margin-top:0;padding-top:28px}
.grid{gap:22px 14px}.card{position:relative;padding:0 0 9px;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:linear-gradient(180deg,#141721,#10121a);box-shadow:0 8px 25px rgba(0,0,0,.16);transform:translateZ(0)}.card:hover{transform:translateY(-6px);border-color:rgba(100,137,255,.48);box-shadow:0 18px 40px rgba(0,0,0,.42)}.poster{position:relative;overflow:hidden;transition:background-size .35s;background-size:cover}.card:hover .poster{background-size:106%}.card-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,7,12,.82));opacity:.8}.card-type,.card-rating{position:absolute;top:9px;padding:5px 7px;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:rgba(9,11,17,.76);backdrop-filter:blur(8px);font-size:9px;font-weight:800;text-transform:uppercase}.card-type{left:9px;color:#dce4ff}.card-rating{right:9px;color:#ffd45b}.card-play{position:absolute;top:50%;left:50%;display:grid;width:45px;height:45px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(72,105,222,.88);color:#fff;opacity:0;transform:translate(-50%,-42%) scale(.8);transition:.25s;box-shadow:0 10px 30px rgba(0,0,0,.4)}.card:hover .card-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.card-caption{display:block;padding:8px 11px 0}.card-caption strong,.card-caption small{margin-left:0;margin-right:0}.card-caption strong{margin-top:0;min-height:0;color:#edf0f7;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-caption small{margin-top:3px;color:#7f8798;font-size:10px}
.card-audio{position:absolute;bottom:9px;left:9px;z-index:2;padding:5px 8px;border:1px solid rgba(135,162,255,.3);border-radius:7px;background:rgba(19,31,61,.9);color:#dbe4ff;font-size:9px;font-weight:850;letter-spacing:.25px;text-transform:uppercase;backdrop-filter:blur(8px);box-shadow:0 5px 16px rgba(0,0,0,.3)}.card-audio--dual{border-color:rgba(111,217,171,.35);background:rgba(20,66,53,.9);color:#d9ffec}
.detail-inner.shell{gap:38px}.detail-copy{padding:26px 0}.detail-copy h1{max-width:850px;letter-spacing:-2px}.detail-poster{border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 70px rgba(0,0,0,.55)}.watch{background:linear-gradient(135deg,var(--bf-blue),var(--bf-blue-2));box-shadow:0 10px 28px rgba(50,91,220,.28);transition:.2s}.watch:hover{transform:translateY(-2px);filter:brightness(1.08)}.site-footer{max-width:none;margin-top:55px;background:#090b11;border-color:rgba(255,255,255,.07)}
@media(max-width:980px){.header-inner{gap:15px}.nav a{padding:9px 7px}.header-search{width:190px}.hero-feature{min-height:510px}.hero-feature__content{min-height:510px}.hero-feature h1{font-size:52px}.grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.site-header{height:64px}.header-inner{padding:0 16px}.nav-toggle{display:flex;width:38px;height:38px;margin-left:auto;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid var(--bf-border);border-radius:10px;background:#141721}.nav-toggle i{width:16px;height:2px;border-radius:2px;background:#dce1ed}.nav{position:fixed;top:64px;right:12px;left:12px;display:none;padding:10px;flex-direction:column;align-items:stretch;border:1px solid var(--bf-border);border-radius:13px;background:rgba(15,18,27,.98);box-shadow:0 20px 50px rgba(0,0,0,.55)}.nav-open .nav{display:flex}.nav a{padding:12px}.nav a.active:after{display:none}.header-search{width:42px;margin-left:0}.header-search input{display:none}.hero-feature{min-height:540px;margin-top:-64px;padding-top:64px;background-position:62% top}.hero-feature__wash{background:linear-gradient(90deg,rgba(8,10,16,.97),rgba(8,10,16,.68)),linear-gradient(0deg,var(--bf-bg),transparent 40%)}.hero-feature__content{min-height:540px;padding:95px 18px 60px}.hero-feature h1{font-size:42px;letter-spacing:-1.8px}.hero-overview{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.hero-actions{flex-wrap:wrap}.hero-search{height:44px;margin-top:20px}.catalog-content{margin-top:-10px}.section{margin:28px 0 42px}.section-head h2{font-size:22px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.card-type{max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-play{display:none}.detail-inner.shell{gap:20px}.detail-copy{padding:0}.detail-copy h1{letter-spacing:-1px}.site-footer{padding-right:18px;padding-left:18px}}

/* Lateral navigation, matching the Cinema em Casa interaction. */
.nav-toggle{display:flex;width:42px;height:42px;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:linear-gradient(145deg,rgba(32,38,54,.96),rgba(18,21,30,.96));cursor:pointer;transition:.2s}.nav-toggle:hover{border-color:rgba(100,137,255,.48);background:#222a3d;transform:translateY(-1px)}.nav-toggle i{width:18px;height:2px;border-radius:2px;background:#dbe2f4;transition:.2s}.nav-toggle:hover i:nth-child(2){width:13px}.header-inner>.brand{margin-right:auto}.header-search{margin-left:0}.nav-overlay{position:fixed;z-index:1000;inset:0;background:rgba(0,0,0,.72);opacity:0;visibility:hidden;backdrop-filter:blur(5px);transition:opacity .24s,visibility .24s}.nav-drawer{position:fixed;z-index:1001;inset:0 auto 0 0;width:min(350px,90vw);padding:22px;overflow:auto;border-right:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 0 0,rgba(74,112,235,.15),transparent 18rem),rgba(11,14,22,.98);box-shadow:28px 0 80px rgba(0,0,0,.62);transform:translateX(-103%);transition:transform .28s cubic-bezier(.22,.8,.25,1);backdrop-filter:blur(22px)}.nav-open{overflow:hidden}.nav-open .nav-overlay{opacity:1;visibility:visible}.nav-open .nav-drawer{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:21px;border-bottom:1px solid rgba(255,255,255,.08)}.drawer-brand{display:flex;align-items:center;gap:11px}.drawer-brand>span:last-child{display:flex;flex-direction:column}.drawer-brand strong{font-size:18px;line-height:1.2}.drawer-brand small{margin-top:3px;color:#717a8f;font-size:9px;letter-spacing:.3px}.drawer-close{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.05);color:#aeb6c8;font-size:23px;cursor:pointer;transition:.2s}.drawer-close:hover{border-color:rgba(100,137,255,.35);background:#252c40;color:#fff;transform:rotate(4deg)}.drawer-label{margin:25px 12px 9px;color:#596277;font-size:9px;font-weight:800;letter-spacing:1.7px}.nav-drawer .nav{position:static;display:grid;margin:0;padding:0;gap:7px;border:0;background:transparent;box-shadow:none}.nav-drawer .nav a{display:flex;min-height:50px;align-items:center;padding:0 12px;border:1px solid transparent;border-radius:12px;color:#9fa7b8;font-size:14px;font-weight:650;transition:.18s}.nav-drawer .nav a:hover,.nav-drawer .nav a.active{border-color:rgba(100,137,255,.16);background:linear-gradient(90deg,rgba(100,137,255,.15),rgba(100,137,255,.055));color:#fff;transform:translateX(3px)}.nav-drawer .nav a.active{box-shadow:inset 3px 0 0 var(--bf-blue)}.nav-drawer .nav a.active:after{display:none}.nav-icon{display:grid;width:32px;height:32px;margin-right:11px;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.035);color:#7d879b}.nav-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-drawer .nav a:hover .nav-icon,.nav-drawer .nav a.active .nav-icon{border-color:rgba(100,137,255,.2);background:rgba(100,137,255,.13);color:#91aaff}.nav-arrow{margin-left:auto;color:#535d71;font-size:21px;transition:.18s}.nav-drawer .nav a:hover .nav-arrow{color:#91aaff;transform:translateX(2px)}.drawer-foot{position:absolute;right:22px;bottom:24px;left:22px;display:flex;align-items:center;gap:9px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);color:#697184;font-size:10px}.drawer-status{width:7px;height:7px;border-radius:50%;background:#52c98b;box-shadow:0 0 10px rgba(82,201,139,.55)}@media(max-width:760px){.nav-toggle{margin-left:0}.header-inner>.brand{margin-right:auto}.nav-drawer .nav{display:grid}.nav-drawer{width:min(325px,92vw);padding:18px}.drawer-foot{position:static;margin-top:32px}}