.films-mode .app-shell,.films-mode #app{background:#08090b}
.films-mode .bottom-nav{background:#101114f5;border-color:#26272d}
.films-mode .nav-item{color:#9697a4}
.films-mode .nav-item.active{color:#fa3467}
.films-mode .nav-item.active .nav-symbol{background:#fa20521c}
.films-page{--pink:#f31350;background:#08090b;color:#f5f5f7;padding-bottom:26px;overflow:hidden}
.films-page button{color:inherit}
.film-hero{position:relative;min-height:600px;display:flex;align-items:flex-end;isolation:isolate}
.film-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-2}
.film-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#08090b12 0%,#08090b25 25%,#08090b99 49%,#08090bed 82%,#08090b 100%);z-index:-1}
.film-hero-copy{width:100%;padding:242px 20px 20px}
.film-hero-kicker{font-size:11px;font-weight:800;letter-spacing:2.3px;color:#ff628c;display:flex;align-items:center;gap:9px}
.film-hero-kicker>span{width:6px;height:6px;border-radius:50%;background:#fb346a}
.film-hero-tags{display:flex;align-items:center;gap:9px;font-size:11px;color:#c1bec8;margin:13px 0 16px}
.film-hero-tags>span:first-child{border:1px solid #ffffff25;border-radius:5px;padding:5px 8px;background:#ffffff08;max-width:45%}
.film-hero h1{font:800 clamp(32px,9.4vw,40px)/1.13 Manrope,sans-serif;letter-spacing:-1.6px;max-width:360px;text-wrap:balance}
.film-hero-meta{display:flex;align-items:center;gap:7px;font-size:11px;color:#a6a4b2;margin-top:19px;white-space:nowrap}
.film-hero-meta .icon{width:14px;height:16px}
.film-hero-meta>span{color:#6f6e7c}
.film-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}
.film-watch,.film-story{display:flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 8px;border-radius:8px;font-size:12px;font-weight:800;line-height:1.3}
.film-watch{background:#f31350;color:white;box-shadow:0 8px 30px #f313501a}
.film-watch .icon{width:19px;height:19px;fill:currentColor;stroke-width:0}
.film-story{background:#19191dcc;border:1px solid #ffffff28}
.film-pagination{display:flex;align-items:center;gap:19px;margin-top:17px;color:#747585;font-size:12px}
.film-pagination b{font-weight:500;color:#d5d4dc}
.film-dots{display:flex;align-items:center;gap:0}
.film-dots button{height:44px;width:22px;background:transparent;display:grid;place-items:center;padding:0}
.film-dots button:after{content:'';width:6px;height:6px;border-radius:9px;background:#595966}
.film-dots button.selected{width:32px;margin-right:3px}
.film-dots button.selected:after{background:var(--pink);width:29px}
.films-trending{padding-top:31px}
.films-eyebrow{color:#a6a5b5;font-size:9px;font-weight:700;letter-spacing:1.65px;margin:0 20px 10px}
.films-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 20px 18px}
.films-section-heading h2{display:flex;align-items:center;gap:7px;font:800 20px/1.2 Manrope,sans-serif;letter-spacing:-.65px}
.films-section-heading h2 .icon{width:19px;height:25px;color:var(--pink)}
.films-section-heading>button{background:transparent;padding:10px 0 10px 6px;color:#b8b6c5;font-size:12px;white-space:nowrap;min-height:44px}
.film-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding:20px;padding:0 20px 12px;scrollbar-width:none;overscroll-behavior-x:contain}
.film-rail::-webkit-scrollbar,.spicy-rail::-webkit-scrollbar{display:none}
.film-card{min-width:0;flex:0 0 145px;scroll-snap-align:start}
.film-poster-wrap{position:relative;aspect-ratio:2/3;border:1px solid #2a2b35;border-radius:9px;overflow:hidden;background:#1a1b21}
.film-poster-wrap>a{display:block;height:100%}
.film-poster-wrap>a:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#000b);pointer-events:none}
.film-poster-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.film-language{position:absolute;left:7px;top:9px;border:1px solid #accdc43b;background:#182128eb;border-radius:3px;color:#c2e8dc;font-size:9px;font-weight:800;letter-spacing:.5px;padding:6px;z-index:1}
.film-save{position:absolute;right:3px;top:2px;display:grid;place-items:center;width:44px;height:44px;background:transparent;color:white;z-index:2}
.film-save .icon{padding:6px;width:32px;height:32px;border:1px solid #ffffff40;background:#101116b8;border-radius:50%}
.film-save[aria-pressed=true] .icon{background:#ed1750;border-color:#ed1750}
.film-episodes{position:absolute;bottom:10px;left:10px;z-index:1;font-size:11px;color:white}
.film-caption{display:flex;gap:5px;margin-top:11px}
.film-rank{font:500 27px/1 Manrope,sans-serif;color:transparent;-webkit-text-stroke:.7px #ef5277;letter-spacing:-1.5px}
.film-caption h3{font-size:12px;line-height:1.45;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.film-caption p{font-size:10px;color:#838394;margin-top:5px;line-height:1.5}
.spicy-section{margin:28px 16px 0;padding:20px 14px 0;border:1px solid #853c2d;border-radius:16px;background:linear-gradient(145deg,#34181f,#171013 75%);box-shadow:inset 0 0 0 1px #fb71430d}
.spicy-eyebrow{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.35px;font-weight:800;color:#ffaa7a}
.spicy-eyebrow>span{border:1px solid #a56a4759;border-radius:3px;padding:4px;background:#d9915010;font-size:10px;letter-spacing:0;color:#f3c5a1}
.spicy-section h2{font:800 25px/1.25 Manrope,sans-serif;letter-spacing:-1px;margin-top:12px;color:#fff0ea}
.spicy-section h2>span{color:#ff945f}
.spicy-description{font-size:12px;line-height:1.8;color:#cdbabd;margin-top:13px}
.spicy-explore{display:flex;align-items:center;gap:7px;font-size:12px;color:#ffd29d;margin-top:17px}
.spicy-explore .icon{width:15px;height:17px}
.spicy-collection{width:100%;display:flex;justify-content:center;align-items:center;gap:9px;min-height:46px;border-radius:7px;background:linear-gradient(100deg,#ff6c32,#fa3b52);margin-top:14px;font-size:12px;font-weight:800;color:white}
.spicy-collection .icon{width:17px;height:17px}
.spicy-rail{display:flex;gap:12px;overflow-x:auto;margin-top:21px;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:14px}
.spicy-card{min-width:0;flex:0 0 76%;scroll-snap-align:start}
.spicy-poster{position:relative;aspect-ratio:2/3;border:1px solid #91664688;border-radius:10px;overflow:hidden;background:#361d20}
.spicy-poster:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#210d16df)}
.spicy-poster img{width:100%;height:100%;object-fit:cover;display:block}
.spicy-age{position:absolute;left:9px;top:9px;border-radius:3px;padding:4px 5px;background:#291806df;border:1px solid #9e753f77;color:#f6d38f;font-size:9px;font-weight:800}
.spicy-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#371c20bf;border:1px solid #d4ab5680;color:#f6d080}
.spicy-play .icon{width:22px;fill:currentColor;stroke-width:0}
.spicy-watch{position:absolute;bottom:13px;left:0;right:0;text-align:center;color:#ffdda8;font-size:10px;font-weight:700;z-index:1}
.spicy-card h3{font-size:12px;line-height:1.5;font-weight:600;margin-top:9px;color:#f0e5e5}
.spicy-rail.expanded{display:grid;grid-template-columns:1fr 1fr;overflow:visible}
.spicy-footer{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #ffffff09;padding:15px 0;color:#c39280;font-size:9px;line-height:1.5}
.spicy-footer .icon{width:14px;height:17px;color:#ff9256}
.films-full-catalog{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#b6b2bf;font-size:12px;margin:24px 20px 0;min-height:44px}
.films-full-catalog .icon{width:18px}
.films-mode dialog{background:#141419;color:#f4f4f6}
.films-mode dialog .modal-description{color:#b4b2bf;font-size:13px}
.films-mode dialog .modal-handle{background:#393943}
.film-detail-meta{font-size:11px;color:#fc7096;margin-bottom:16px;line-height:1.5}
.film-detail-watch{margin-top:24px}
.films-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 14px}
.saved-film-cover{width:48px;height:68px;object-fit:cover;border-radius:7px;flex-shrink:0}
@media(max-width:359px){.film-hero-copy{padding-left:16px;padding-right:16px}.film-hero-tags{font-size:10px}.film-hero-meta{font-size:10px;gap:5px}.film-watch,.film-story{font-size:11px}.films-section-heading h2{font-size:17px}.films-eyebrow{font-size:8px}.spicy-description{font-size:11px}}


.films-catalog{margin:36px 20px 0;scroll-margin-top:20px}
.films-catalog .films-eyebrow{margin:0 0 10px}
.catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
.catalog-heading h2{font:800 22px/1.2 Manrope,sans-serif;letter-spacing:-.7px}
.catalog-count{font-size:11px;color:#a3a1b1;white-space:nowrap}
.catalog-search{display:flex;align-items:center;gap:10px;background:#111218;border:1px solid #2b2d38;border-radius:8px;min-height:46px;padding:0 12px;color:#88899d}
.catalog-search .icon{width:19px;height:19px}
.catalog-search input{width:100%;min-width:0;background:transparent;border:0;outline:none;color:#f5f5f7;font-size:13px;height:44px}
.catalog-search:focus-within{border-color:#f34b77;box-shadow:0 0 0 2px #f34b7715}
.catalog-search input::placeholder{color:#858697}
.catalog-selects{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.catalog-selects select{width:100%;min-width:0;color:#bdbbc8;background:#14151b;border:1px solid #2b2d38;border-radius:7px;padding:10px;font:inherit;font-size:11px;height:44px;color-scheme:dark}
.catalog-genres{display:flex;gap:7px;overflow-x:auto;margin:17px -20px 22px;padding:0 20px 5px;scrollbar-width:none}
.catalog-genres button{min-height:38px;padding:9px 14px;border-radius:24px;white-space:nowrap;background:#15161d;border:1px solid #2a2b35;font-size:11px;color:#aaa8b9}
.catalog-genres button[aria-pressed=true]{background:#f31350;border-color:#f31350;color:white}
.films-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}
.films-catalog-grid .film-card{content-visibility:auto;contain-intrinsic-size:auto 325px}
.films-catalog-grid .film-caption{margin-top:10px}
.films-catalog-grid .film-caption h3{font-size:13px;line-height:1.5}
.films-catalog-grid .film-caption p{font-size:10px}
.film-language.legendado{color:#dfd0ff;background:#231d36eb;border-color:#7f60914f;font-size:8px;letter-spacing:.2px}
.catalog-end{text-align:center;font-size:11px;color:#767687;margin-top:35px;padding-bottom:12px}
.catalog-empty{grid-column:1/-1;padding:40px 8px;text-align:center}
.catalog-empty h3{font-size:17px}
.catalog-empty p{color:#a4a0b2;font-size:12px;margin-top:10px;line-height:1.6}
.catalog-empty button{border:1px solid #f34b7760;border-radius:24px;background:#f3135017;color:#ff7399;margin-top:18px;padding:12px 20px;font-size:12px}
.series-page{min-height:calc(100dvh - var(--nav));padding-bottom:30px}
.series-header{height:72px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff08;background:#09090c}
.series-header>a:first-child{display:flex;align-items:center;font:800 25px Manrope,sans-serif;letter-spacing:-1.2px}
.series-header>a:last-child{display:grid;place-items:center;width:40px;height:40px;border:1px solid #353642;border-radius:50%;color:#aaa9bc;background:#20212a}
.series-logo{display:grid;place-items:center;width:33px;height:36px;border-radius:12px;background:#f31350;color:white;margin-right:10px}
.series-logo .icon{width:24px;height:24px;fill:currentColor;stroke-width:0}
.series-brand-dot{color:#f31350}
.series-content{padding:0 20px}
.series-back{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:#b9b6c6;font-size:12px;margin:16px 0 22px}
.series-back .icon{width:19px;height:19px}
.series-intro{position:relative;isolation:isolate}
.series-intro:before{content:'';position:absolute;inset:-45px -20px -10px;z-index:-1;background:radial-gradient(ellipse at 60% 23%,#a8704312,transparent 65%);pointer-events:none}
.series-cover{display:block;width:128px;height:188px;object-fit:cover;border-radius:8px;background:#1b1720}
.series-language{margin-top:23px;color:#e87998;font-size:10px;letter-spacing:2px;font-weight:800}
.series-intro h1{font:800 29px/1.2 Manrope,sans-serif;letter-spacing:-1px;margin-top:14px;color:#f5f5f7}
.series-facts{display:flex;align-items:center;flex-wrap:wrap;gap:9px 14px;color:#aba8b9;font-size:11px;margin-top:17px}
.series-age{padding:3px 6px;border:1px solid #ae715257;border-radius:4px;color:#f3bf97}
.series-synopsis{font-size:13px;line-height:1.85;color:#b3b0c2;margin-top:20px}
.series-synopsis.clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.series-synopsis-toggle{display:flex;align-items:center;gap:8px;background:transparent;color:#c6c2d2;min-height:44px;padding:10px 0;font-size:12px;margin-top:5px}
.series-synopsis-toggle .icon{width:15px;height:15px;transform:rotate(90deg)}
.series-synopsis-toggle[aria-expanded=true] .icon{transform:rotate(-90deg)}
.series-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.series-save{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #363743;background:#1c1d26;color:#d5d1e0;border-radius:8px;min-height:48px;font-size:12px;font-weight:700}
.series-save .icon{width:19px;height:19px}
.series-save[aria-pressed=true]{border-color:#f31350;color:#fa7197;background:#f3135015}
.series-playback-note{font-size:10px;color:#838192;line-height:1.6;margin-top:12px}
.series-episodes{margin-top:36px}
.series-episodes h2,.series-related h2{font:800 24px/1.3 Manrope,sans-serif;letter-spacing:-.7px}
.series-episodes>p{font-size:12px;color:#9c99ae;margin-top:8px}
.series-episode-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:22px}
.series-episode-grid a{display:grid;place-items:center;min-height:44px;background:#191a24;border:1px solid #30313f;border-radius:7px;color:#b1afc3;font-size:12px;font-weight:600}
.series-episode-grid a:hover,.series-episode-grid a:focus-visible{border-color:#f31350;background:#f3135020;color:white}
.series-related{margin-top:36px}
.series-related h2{font-size:21px;margin-bottom:20px}
.series-related .film-rail{margin:0 -20px}
@media(max-width:359px){.films-catalog{margin-left:16px;margin-right:16px}.catalog-heading h2{font-size:20px}.series-content{padding:0 16px}.series-intro h1{font-size:27px}}

.film-playback-page{min-height:calc(100dvh - var(--nav));padding-bottom:20px}
.playback-heading{display:flex;align-items:center;gap:12px;padding:18px 16px;background:#111116;border-bottom:1px solid #ffffff0b}
.playback-heading>a{display:grid;place-items:center;min-width:36px;min-height:44px;color:#ccc5d5}
.playback-heading h1{font-size:15px;line-height:1.4}
.playback-heading p{color:#a8a2b7;font-size:11px;margin-top:3px}
.film-player-stage{position:relative;aspect-ratio:9/16;max-height:calc(100dvh - 240px);background:#000;display:flex;justify-content:center;min-height:260px}
.film-player-stage video{height:100%;width:100%;object-fit:cover;object-position:center;display:block}
.film-player-loading,.film-player-error{display:none;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#07070cda;padding:24px;text-align:center;font-size:13px;line-height:1.7;color:#ddd5e8}
.film-player-stage[data-media-state=loading] .film-player-loading{display:flex;pointer-events:none}
.film-player-stage[data-media-state=error] .film-player-error,.film-player-stage[data-media-state=blocked] .film-player-error{display:flex}
.film-player-error .film-watch{min-width:190px}
.film-player-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:14px 12px}
.film-player-controls a{display:flex;align-items:center;justify-content:center;gap:4px;background:#191923;border:1px solid #2b2a36;border-radius:7px;min-height:44px;font-size:11px;color:#b8b3c9}
.film-player-controls .icon{width:15px;height:18px}




.spicy-card.is-unlocked .spicy-play{background:#e11d48e0;border-color:#ffd0dc;color:#fff;box-shadow:0 6px 18px #e11d4859}
.spicy-card.is-unlocked .spicy-watch{color:#fff}
.spicy-card.is-unlocked .spicy-poster{border-color:#e11d4880}

.premium-unlocked{display:grid;gap:14px;justify-items:center;text-align:center;padding:22px 18px;border:1px solid #ffffff14;border-radius:16px;background:#ffffff08}
.premium-unlocked-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;background:#16a34a26;border:1px solid #22c55e66;color:#86efac;font-size:11px;font-weight:800;letter-spacing:.02em}
.premium-unlocked-badge .icon{width:14px;height:14px}
.premium-unlocked h3{margin:0;color:#fff;font-size:18px}
.premium-unlocked p{margin:0;color:#c9c6d2;font-size:13px;line-height:1.6}
.premium-unlocked-episodes{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;width:100%;margin-top:6px}
.premium-episode{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:12px;background:#e11d48;color:#fff;font-size:13px;font-weight:700;text-decoration:none}
.premium-episode .icon{width:16px;height:16px}