/* FLIXMOZ 4 — NOVA ERA. Interface original, pensada para web + PWA. */
:root{--bg:#05060b;--surface:#11141e;--surface2:#171a25;--surface3:#222533;--red:#e91c41;--red-hover:#ff385c;--ink:#fafafd;--muted:#9499a9;--line:rgba(255,255,255,.085);--radius:17px;--ease:cubic-bezier(.21,.7,.2,1);font-family:'Manrope',system-ui,sans-serif;font-size:15px}
html{scroll-padding-top:100px;background:#05060b;overscroll-behavior-y:none}body{background:#05060b;min-width:300px;overflow-x:hidden}body::before{background:radial-gradient(ellipse at 78% 0%,#2d164433,transparent 60%);opacity:1;height:800px;inset:0;z-index:-1}h1,h2,h3{font-family:'Sora','Manrope',sans-serif;letter-spacing:-.045em}a,button{touch-action:manipulation}::selection{background:#e91c41;color:white}
.container{width:min(1512px,calc(100% - 104px))}#main{padding-top:112px;padding-bottom:90px;animation:none}#main:has(.home-page),#main:has(.detail){width:100%;padding-top:0}#main:has(.home-page){padding-bottom:15px}
#header{background:linear-gradient(180deg,#04050ad9 0%,#04050a70 65%,transparent);border-bottom:0;transition:background .2s,box-shadow .2s}#header.is-scrolled{background:#090a11f2;box-shadow:0 6px 30px #0005;backdrop-filter:blur(28px)}
.app-topbar{height:82px;width:min(1512px,calc(100% - 104px));margin:auto;display:flex;align-items:center;gap:44px}.brand{font-family:'Sora',sans-serif;font-size:22px;letter-spacing:-1.6px;gap:9px}.brand img{width:40px;height:40px;filter:drop-shadow(0 3px 18px #ed13372e)}.brand-word>span{color:#fa3051}
.desktopnav{margin:0;gap:5px;justify-content:flex-start;align-self:stretch}.desktopnav a{height:100%;padding:0 18px;border-radius:0;font-size:13px;font-weight:650;color:#aeb1be;gap:9px}.desktopnav a .icon{width:16px;height:16px;display:none}.desktopnav a.active{color:#fff}.desktopnav a.active::after{bottom:18px;width:20px;left:calc(50% - 10px);height:3px;box-shadow:0 0 18px #f23554}
.headtools{gap:10px;margin-left:auto}.headtools .round{width:42px;height:42px;background:#ffffff0b;border:1px solid #ffffff17}.headtools .round:hover,.headtools .round.active{background:#ffffff21;color:#fff}.headtools .round .icon{width:19px;height:19px}.avatar{width:39px;height:39px;display:grid;place-items:center;border:2px solid #e7566d;color:#fff;background:linear-gradient(140deg,#e73351,#3f163d);border-radius:13px;font:800 19px Sora}.avatar:hover{color:#fff}
.btn{background:#242530;border-radius:10px;border:1px solid #ffffff0a;font-size:13px;font-weight:800;padding:13px 20px;min-height:47px;letter-spacing:-.01em}.btn.primary{background:#ea2044;border-color:#ea2044;box-shadow:0 9px 28px #e91c4128}.btn.primary:hover{background:#ff3357;box-shadow:0 10px 36px #ee1e4860}.btn.outline{background:#ffffff12;border-color:#ffffff30;backdrop-filter:blur(18px)}.btn.outline:hover{background:#ffffff24;color:#fff}.btn.glass{background:#ffffff10}.btn.big{padding:16px 24px;font-size:14px;min-height:54px}.round{background:#161925;border:1px solid #ffffff16;border-radius:11px;backdrop-filter:blur(15px)}.round:hover{background:#292c37}
.eyebrow{color:#f04a69;font-size:10px;letter-spacing:2.6px;font-weight:850}.red-period{color:#f12951}.textlink{font-size:12px;color:#dadbe1;font-weight:800}.textlink:hover{color:#ff5472}.meta b{color:#ffbd66}
/* Intro billboard */
.hero-slider{height:clamp(640px,78vh,830px);min-height:640px;margin:0;border-radius:0;background:#080b11;position:relative}.hero-track{height:100%;width:100%;display:flex;scrollbar-width:none;scroll-snap-type:x mandatory;overflow-x:auto;overflow-y:hidden}.hero{height:100%;min-height:0;padding:130px max(52px,calc((100vw - 1512px)/2)) 128px;display:flex;align-items:flex-end}.hero-backdrop{object-position:center 37%}.hero>img{filter:saturate(.9)}.hero::before{background:linear-gradient(90deg,#05060bf9 0%,#05060bed 24%,#05060b91 52%,#05060b13 83%),linear-gradient(0deg,#05060b 0%,#05060bc2 13%,transparent 62%),linear-gradient(180deg,#05060b77,transparent 36%)}
.hero-content{position:relative;z-index:2;width:100%;max-width:690px}.hero-overline{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:2.5px;font-weight:850;color:#dfe1e8}.red-rule{width:31px;height:3px;background:#e91c41;border-radius:9px;box-shadow:0 0 20px #e91c41}.hero-line{color:#a33e57}.hero-content h1{font-size:clamp(48px,5.1vw,82px);font-weight:850;letter-spacing:-.06em;line-height:1.07;margin:21px 0 20px;max-width:750px;text-shadow:0 6px 35px #0006}.hero-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;font-weight:700;color:#d7d8df}.hero-meta .rating{color:#ffcf69;display:inline-flex;align-items:center;gap:6px}.hero-meta .rating svg{width:16px;height:16px}.hero-tag{font-size:9px;letter-spacing:1px;color:#fff;background:#ffffff23;border:1px solid #ffffff24;border-radius:5px;padding:6px 9px}.hero-content>p{color:#d1d2dc;font-size:15px;line-height:1.75;margin:25px 0 29px;max-width:565px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.hero-buttons{gap:13px}.hero-count{position:absolute;bottom:83px;right:max(52px,calc((100vw - 1512px)/2));display:flex;align-items:baseline;gap:7px;color:#ffffffa6}.hero-count strong{font:700 30px Sora,Manrope,system-ui,sans-serif;color:#fff}.hero-count span{font-size:12px}.hero-nav{left:max(52px,calc((100vw - 1512px)/2));bottom:34px;gap:10px}.hero-nav .round{width:38px;height:38px;border-radius:50%;background:#ffffff10}.hero-dots{display:flex;align-items:center;gap:7px;padding:0 10px}.hero-dot{width:7px;height:7px;background:#ffffff6b;border-radius:30px;padding:0;transition:width .22s,background .22s}.hero-dot.selected{width:30px;background:#ee264c}.hero-side-label{position:absolute;z-index:3;right:5%;top:46%;font-size:10px;letter-spacing:3.4px;font-weight:800;writing-mode:vertical-rl;color:#fff7;pointer-events:none}
.home-body{width:min(1512px,calc(100% - 104px));margin:-20px auto 0;position:relative;z-index:4}.home-body>.section{margin-top:57px}.channel-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:44px 0 18px}.channel-title h2{font-size:clamp(24px,2.5vw,35px);margin-top:8px}.category-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:48px}.category-strip a{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:136px;background:#121622;border:1px solid #ffffff12;border-radius:15px;padding:20px 18px;overflow:hidden}.category-strip a:before{content:'';position:absolute;inset:auto -20px -62px auto;width:120px;height:120px;background:radial-gradient(circle,#ee1e4840,transparent 69%)}.category-strip a:hover{background:#1c1c2a;border-color:#ef385e5c;transform:translateY(-3px)}.category-icon{height:39px;width:39px;display:grid;place-items:center;border-radius:10px;background:#f12b4a1a;color:#ff5474}.category-icon .icon{width:22px;height:22px}.category-strip strong{font-size:14px;font-family:Sora,Manrope,system-ui,sans-serif}.category-strip small{font-size:10px;color:#989dad}.category-strip a>.icon:last-child{position:absolute;top:26px;right:16px;width:15px;height:15px;color:#e8607c}
.sectionhead{margin-bottom:19px}.sectionhead .eyebrow{display:block;margin-bottom:8px;color:#f3667d}.sectionhead h2{font-size:clamp(22px,2.35vw,31px);line-height:1.25}.rail{grid-auto-columns:calc((100% - 112px)/7);gap:16px;padding:4px 1px 15px;scrollbar-width:none}.grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:29px 18px}.card{transition:transform .2s;min-width:0}.poster{border-radius:13px;border:1px solid #ffffff14;box-shadow:0 10px 22px #0003;background:#1b202b}.poster img{transition:transform .4s var(--ease),filter .3s}.card:hover .poster img{transform:scale(1.055);filter:brightness(.64)}.card:hover .poster{border-color:#fb2c53}.cardplay{background:#fa2d4c;border:1px solid #ffffff55;box-shadow:0 10px 30px #0009}.card-type{position:absolute;top:10px;left:10px;z-index:1;font-size:9px;letter-spacing:1.4px;font-weight:900;background:#08080cc7;border:1px solid #ffffff22;border-radius:5px;padding:5px 7px;backdrop-filter:blur(7px)}.card-info{padding:12px 2px 2px}.card-info h3{font-family:Manrope,system-ui,sans-serif,sans-serif;font-size:13px;letter-spacing:-.02em;font-weight:800;min-height:auto;line-height:1.4}.card-info p{margin-top:7px;font-size:11px;gap:6px;color:#9ea2b1}.card-info p .icon{width:12px;height:12px;color:#ffc75b;fill:#ffc75b}.card-middle{color:#797d88}.rank{font-size:45px;left:7px;bottom:0;letter-spacing:-5px;text-shadow:0 3px 22px #000,-1px -1px 3px #000}
.wide-promo{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(115deg,#240e22,#1a1225 54%,#0d111b);border:1px solid #ffffff14;border-radius:21px;padding:50px 55px;margin:61px 0 8px;min-height:310px}.wide-promo:after{content:'';position:absolute;right:-55px;bottom:-155px;width:430px;height:430px;background:radial-gradient(circle,#fe245752,transparent 63%);z-index:-1}.wide-promo h2{font-size:clamp(31px,3.4vw,49px);margin:14px 0 13px;line-height:1.13}.wide-promo h2 em{color:#fa5676;font-style:normal}.wide-promo p{max-width:590px;color:#bec0d0;font-size:13px;margin-bottom:24px}.promo-orbit{position:absolute;right:10%;top:5%;height:260px;width:260px;border:45px solid #e42f5021;border-radius:42px;transform:rotate(31deg);pointer-events:none}.home-ending{text-align:center;margin:73px 0 30px;padding:45px 20px;border-top:1px solid #ffffff16}.home-ending>span{color:#fa5373;letter-spacing:4px;font-weight:850;font-size:10px}.home-ending p{font:750 clamp(22px,3vw,35px) Sora,Manrope,system-ui,sans-serif;margin:13px 0 23px}
/* global surfaces, breadcrumbs, other pages */
.pagehead,.profile,.settings .setting{background:linear-gradient(120deg,#191826,#11141d);border:1px solid #ffffff10;border-radius:19px}.pagehead{padding:46px 48px;min-height:250px;margin-bottom:27px}.pagehead:after{border-color:#fa45651b}.pagehead h1{font-size:clamp(36px,4.7vw,65px)}.pagehead p,.profile p{color:#b7bbc6}.tabs a{background:#171a23;border:1px solid #ffffff12;border-radius:9px}.tabs a.active{background:#e72549;border-color:#e72549}.settings .setting{padding:24px 27px}.breadcrumb{color:#9498a7}.breadcrumb a{color:#c5cad4}.empty{border-style:solid;background:#10131d;border-color:#ffffff10}.empty>.icon{color:#f13d60}.prose{color:#c3c6d0}.prose h2{color:#fff}.profile{position:relative;overflow:hidden}.person-photo{border-radius:15px}.company-logo{background:#ffffff0f}
.site-footer{background:#090b12;border-top:1px solid #ffffff12;margin-top:45px;padding-top:60px}.footer-inner{width:min(1512px,calc(100% - 104px))}.footer-brand .brand{font-size:20px}.footer-disclaimer{background:#11151d;border-color:#ffffff12;border-radius:13px}.footer-contact-heading h3{font-family:Sora,Manrope,system-ui,sans-serif}.footer-contacts .contact-item{background:#141722}.footer-bottom{color:#898d99}
.skeleton{background:linear-gradient(110deg,#12151e 10%,#252633 35%,#12151e 60%);background-size:240% 100%}.app-loading{width:min(1210px,100%);margin:auto}.load-cover{height:330px;border-radius:21px}.load-title{min-height:30px;width:44%;margin:30px 0 20px}.load-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:17px}.load-cards .skeleton{aspect-ratio:2/3;min-height:0}.paging-status{font-size:11px;color:#858a98;padding:10px 0;text-align:center;width:100%}.paging-sentinel{display:block;width:100%;height:1px}.loadmore{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:27px 0 20px}