@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#08090d;--panel:#111319;--panel2:#1b1d24;--text:#f5f5f8;--muted:#9295a2;--line:#272a34;--accent:#f00046;--accent2:#ff4775;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.topbar{height:70px;display:flex;align-items:center;gap:24px;padding:0 4.2%;background:rgba(12,13,17,.94);border-bottom:1px solid #ffffff09;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:12px;letter-spacing:1px;font-weight:700}.brand strong{display:block;font-size:14px;letter-spacing:2px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ff416f;border-radius:12px;background:linear-gradient(140deg,#fa164e,#751c50);font-weight:800;font-size:13px;letter-spacing:-1px}.search{height:39px;display:flex;flex:1;max-width:440px;background:#202127;border:1px solid #2c2e37;border-radius:11px;overflow:hidden}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:white;padding:0 14px;font:inherit}.search button{width:42px;background:transparent;color:#c9cbd3;border:0;font-size:25px;cursor:pointer}.topbar nav{display:flex;align-items:center;gap:19px;white-space:nowrap;color:#b5b6c0;font-size:13px}.topbar nav a:hover,.topbar nav .active{color:#fff}.nav-drop{position:relative;cursor:pointer}.dropdown{display:none;position:absolute;top:25px;left:-10px;background:#1a1c23;border:1px solid var(--line);border-radius:12px;padding:8px;min-width:150px;box-shadow:0 14px 40px #0008}.nav-drop:hover .dropdown{display:grid}.dropdown a{padding:9px;border-radius:7px}.dropdown a:hover{background:#2a2c35}.icon-btn{border:1px solid #2a2d36;background:#1a1c22;color:white;border-radius:10px;width:38px;height:38px;cursor:pointer;font-size:18px}.container{width:min(1500px,92%);margin:auto}.hero{margin:28px 0 44px;min-height:280px;border:1px solid #29202d;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 77% 30%,#522038 0%,transparent 38%),linear-gradient(110deg,#17131d,#0c0e15 65%);display:flex;align-items:center;padding:38px 5%;position:relative}.hero-copy{position:relative;z-index:2;max-width:490px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#ff668b}.hero h1{font:800 clamp(35px,4vw,56px)/1.02 Manrope,sans-serif;letter-spacing:-2px;margin:13px 0}.hero h1 em{color:#ff4775;font-style:normal}.hero p{color:#a8a7b2;line-height:1.7;max-width:360px;margin-bottom:24px}.primary-btn{display:inline-flex;align-items:center;gap:22px;border:0;border-radius:10px;padding:12px 17px;background:var(--accent);color:white;font-weight:700;font-size:13px;cursor:pointer}.primary-btn:hover{background:#ff285f}.hero-art{position:absolute;inset:0 0 0 48%;overflow:hidden}.hero-orb{position:absolute;width:340px;height:340px;border-radius:50%;right:15%;top:-60px;background:radial-gradient(circle at 35% 30%,#ff9cae,#d31a58 36%,#2d1235 68%,transparent 70%);filter:drop-shadow(0 0 70px #d31a583d);opacity:.72}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111019 0%,transparent 55%),linear-gradient(0deg,#111019 0%,transparent 45%)}.hero-note{position:absolute;z-index:2;right:7%;bottom:28px;border:1px solid #ffffff20;background:#17151cc9;backdrop-filter:blur(10px);padding:15px 19px;border-radius:13px;display:grid;gap:6px}.hero-note span{font-size:9px;color:#ff7694;letter-spacing:1.5px}.hero-note b{font-size:14px}.hero-note small{color:#9c9da7}.catalog-section{margin:0 0 38px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.section-head h2{font:800 24px Manrope,sans-serif;letter-spacing:-.6px;margin:5px 0 0}.flame{font-size:17px;color:#ff5c78}.section-controls{display:flex;gap:7px}.scroll-btn{border:1px solid #2c2e37;background:#171920;color:white;border-radius:9px;width:34px;height:32px;font-size:22px;cursor:pointer}.poster-row{display:grid;grid-auto-columns:minmax(145px,1fr);grid-auto-flow:column;gap:14px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding-bottom:6px}.poster-row::-webkit-scrollbar{display:none}.poster{min-width:0;display:block;overflow:hidden;border-radius:12px;background:#111319;transition:transform .2s,border-color .2s;scroll-snap-align:start}.poster:hover{transform:translateY(-4px)}.poster-img{height:clamp(180px,19vw,265px);background-position:center;background-size:cover;position:relative;background-color:#222}.poster-img:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#08090df2)}.provider,.featured{position:absolute;top:9px;left:9px;z-index:2;background:#090a0dcc;border:1px solid #ffffff20;padding:4px 6px;border-radius:5px;font-size:9px;font-weight:700}.featured{left:auto;right:8px;background:#ed124d}.poster-info{padding:10px 10px 12px;display:grid;gap:9px}.poster-info strong{font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}.poster-info small{color:#b8bac5;background:#24262d;padding:4px 7px;border-radius:20px;width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.bottom-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 30px;margin:48px 0;border-radius:20px;background:linear-gradient(110deg,#281721,#171820);border:1px solid #ffffff0d}.bottom-banner h2{font:700 24px Manrope;margin:8px 0}.bottom-banner p,footer p{color:var(--muted)}footer{border-top:1px solid var(--line);padding:28px 0 35px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}footer p{flex:1;font-size:12px}footer small{color:#777b88}.empty{color:var(--muted);padding:30px}.section-head .muted-link{color:var(--muted)}.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.watch-layout{width:min(1220px,94%);margin:18px auto;display:grid;grid-template-columns:300px minmax(300px,1fr) 250px;gap:12px;align-items:stretch}.detail-panel,.related-panel{background:#111319;border:1px solid #242731;border-radius:17px;padding:12px;min-height:calc(100vh - 110px)}.back-link{font-size:12px;color:#a8aab5;display:inline-block;margin-bottom:14px}.detail-top{display:flex;gap:11px;align-items:flex-start}.detail-top img{width:90px;height:126px;object-fit:cover;border-radius:10px}.detail-top h1{font:800 19px/1.25 Manrope;margin:6px 0 10px}.tag-list{display:flex;gap:5px;flex-wrap:wrap}.tag-list span{background:#252730;color:#c5c6cf;padding:5px 7px;border-radius:6px;font-size:10px}.description{font-size:12px;line-height:1.65;color:#a6a8b4;max-height:155px;overflow:auto;margin:16px 0}.detail-panel h3,.related-panel h3{font-size:13px;margin:18px 0 12px}.detail-panel h3 small{float:right;color:#888b97;font-weight:400}.episode-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-height:390px;overflow:auto}.episode-grid a{display:grid;place-items:center;min-height:45px;border:1px solid #2b2d36;border-radius:8px;background:#202229;color:#c7c8d0;font-weight:700}.episode-grid a:hover,.episode-grid a.selected{background:var(--accent);border-color:var(--accent);color:white}.player-column{min-width:0;display:flex;flex-direction:column}.player-frame{height:min(76vh,760px);min-height:450px;background:#050609;border:1px solid #292c36;border-radius:18px;overflow:hidden;display:grid;place-items:center}.player-frame video{width:100%;height:100%;object-fit:contain;background:#050609}.player-placeholder{text-align:center;padding:25px;color:#a3a5b1}.player-placeholder h2{color:#f3f3f5}.play-symbol{display:grid;place-items:center;margin:auto;width:65px;height:65px;border-radius:50%;background:var(--accent);color:white;padding-left:4px;font-size:22px;box-shadow:0 0 40px #f0004640}.player-caption{display:flex;justify-content:space-between;gap:10px;padding:13px 4px;color:#9fa1ac;font-size:12px}.player-caption strong{color:#fff}.related-panel{background:#111319}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.related-grid a{overflow:hidden;background:#1a1c23;border-radius:10px}.related-grid img{width:100%;height:150px;object-fit:cover;display:block}.related-grid strong{font-size:11px;line-height:1.4;display:block;padding:8px}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 50% 0,#321323,#08090d 60%)}.login-card{width:min(420px,100%);padding:30px;background:#12141b;border:1px solid #2a2d38;border-radius:20px;display:grid;gap:16px}.login-card h1{font:800 24px Manrope;margin:12px 0 0}.login-card p{color:var(--muted);margin:0}.login-card label,.admin-form label{display:grid;gap:8px;color:#c6c7d0;font-size:12px}.login-card input,.admin-form input:not([type=checkbox]),.admin-form textarea{width:100%;border:1px solid #30333d;border-radius:9px;background:#1c1f27;color:#fff;padding:12px;font:inherit;outline:none}.full-btn{width:100%;justify-content:center}.error{color:#ff7190!important}.admin-wrap{width:min(1200px,92%);margin:45px auto}.admin-wrap h1{font:800 34px Manrope;margin:8px 0}.admin-wrap>p{color:var(--muted)}.admin-columns{display:grid;grid-template-columns: minmax(260px,.8fr) 1.2fr;gap:22px;margin-top:28px}.admin-form,.admin-list{padding:22px;border:1px solid var(--line);border-radius:16px;background:#111319}.admin-form{display:grid;gap:15px;align-content:start}.admin-form h2,.admin-list h2{font:700 18px Manrope;margin:0 0 5px}.check-label{display:flex!important;align-items:center;gap:8px!important}.success{color:#74e0a5!important}.admin-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.admin-item span{display:grid;gap:4px}.admin-item small,.hint{color:var(--muted);font-size:11px}.admin-item a{color:#ff6b8d}.hint{margin-top:25px;line-height:1.7}.light-theme{--bg:#f2f3f7;--panel:#fff;--text:#171820;--muted:#686b77;--line:#dfe1e8}.light-theme .topbar{background:#fffffff0;border-color:#e1e2e8}.light-theme .topbar nav,.light-theme .topbar nav a{color:#454752}.light-theme .search,.light-theme .poster,.light-theme .detail-panel,.light-theme .related-panel,.light-theme .admin-form,.light-theme .admin-list{background:#fff;color:#171820;border-color:#e1e2e8}.light-theme .search input{color:#171820}.light-theme .poster-info small,.light-theme .episode-grid a{background:#eceef3;color:#3b3d47}.light-theme .episode-grid a.selected{background:var(--accent);color:white}.light-theme .hero{background:linear-gradient(110deg,#f9eaf0,#f3f1f8)}.light-theme .hero p{color:#646673}.light-theme .bottom-banner{background:#fff;color:#171820}.light-theme .admin-form input:not([type=checkbox]),.light-theme .admin-form textarea{background:#f7f8fb;color:#171820}.light-theme .player-caption strong{color:#171820}
@media(max-width:1100px){.topbar{gap:13px;padding:0 3%}.topbar nav{gap:11px;font-size:12px}.watch-layout{grid-template-columns:260px minmax(250px,1fr)}.related-panel{grid-column:1/-1;min-height:0}.related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.related-grid img{height:170px}.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.topbar{height:auto;min-height:65px;flex-wrap:wrap;padding:12px 4%;gap:12px}.brand{flex:1}.search{order:3;max-width:none;flex-basis:100%}.topbar nav{overflow-x:auto;order:4;width:100%;padding:2px 0 5px}.icon-btn{margin-left:auto}.hero{min-height:300px;padding:28px 7%;margin-top:18px}.hero-art{inset:0 0 0 35%;opacity:.55}.hero-orb{right:-60px;top:10px;width:260px;height:260px}.hero-note{right:5%;bottom:17px}.hero-copy{max-width:90%}.hero h1{font-size:42px}.poster-row{grid-auto-columns:42vw;gap:11px}.poster-img{height:230px}.section-head h2{font-size:21px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.poster-grid .poster-img{height:240px}.watch-layout{grid-template-columns:1fr;width:94%;}.detail-panel,.related-panel{min-height:0}.player-column{order:2}.player-frame{min-height:350px;height:62vh}.related-panel{order:3}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid img{height:180px}.bottom-banner{align-items:flex-start;flex-direction:column}.admin-columns{grid-template-columns:1fr}footer{gap:12px}footer p{flex-basis:100%;order:3}}
@media(min-width:761px) and (max-width:900px){.poster-row{grid-auto-columns:22vw}.watch-layout{grid-template-columns:240px minmax(0,1fr)}.related-panel{display:none}}


/* MODO SOLO MÓVIL: diseño mobile-first en cualquier tamaño de pantalla */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{font-size:14px}
.topbar{height:auto;min-height:0;position:sticky;top:0;padding:10px 12px;display:grid;grid-template-columns:auto 38px;gap:10px}
.topbar .brand{grid-column:1;grid-row:1}
.topbar .icon-btn{grid-column:2;grid-row:1;margin:0}
.topbar .search{grid-column:1/-1;grid-row:2;width:100%;max-width:none;height:40px;order:initial}
.topbar nav{grid-column:1/-1;grid-row:3;width:100%;display:flex;overflow-x:auto;gap:17px;padding:3px 0 5px;font-size:12px;order:initial;scrollbar-width:none}
.topbar nav::-webkit-scrollbar{display:none}
.topbar nav a,.nav-drop{flex:0 0 auto}
.nav-drop .dropdown{position:fixed;top:110px;left:12px;right:12px;max-height:55vh;overflow:auto;z-index:50}
.container{width:100%;padding:0 13px}
.hero{margin:14px 0 28px;min-height:270px;padding:25px 20px;border-radius:17px}
.hero-copy{max-width:100%}
.hero h1{font-size:39px;letter-spacing:-1.6px}
.hero p{max-width:260px;font-size:13px}
.hero-art{inset:0 0 0 25%;opacity:.5}
.hero-orb{width:230px;height:230px;right:-95px;top:12px}
.hero-note{right:12px;bottom:12px;padding:10px 12px;max-width:190px}
.hero-note b{font-size:12px}
.hero-note span{font-size:8px}
.section-head{margin-bottom:13px}
.section-head h2{font-size:21px}
.poster-row{grid-auto-columns:42vw;gap:11px;margin-right:-13px;padding-right:13px}
.poster-img{height:225px}
.poster-info{padding:9px 8px 11px;gap:7px}
.poster-info strong{font-size:11px;min-height:31px}
.poster-info small{font-size:9px}
.catalog-section{margin-bottom:29px}
.bottom-banner{margin:30px 0;padding:21px 18px;border-radius:16px}
.bottom-banner h2{font-size:20px}
footer{padding:22px 0 28px;gap:12px}
footer p{flex-basis:100%;order:3;font-size:11px}
.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.poster-grid .poster-img{height:230px}
.watch-layout{width:100%;margin:0;padding:12px;display:flex;flex-direction:column;gap:12px}
.detail-panel,.related-panel{min-height:0;padding:13px;border-radius:14px}
.detail-top img{width:84px;height:118px}
.detail-top h1{font-size:18px}
.description{max-height:130px}
.detail-panel h3{margin-top:14px}
.episode-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:235px}
.episode-grid a{min-height:43px;font-size:12px}
.player-column{order:2}
.player-frame{height:58vh;min-height:260px;max-height:520px;border-radius:14px}
.player-caption{font-size:11px;flex-wrap:wrap}
.related-panel{order:3}
.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.related-grid img{height:190px}
.related-grid strong{font-size:11px}
.login-page{padding:14px}
.login-card{padding:24px 19px}
.admin-wrap{width:calc(100% - 26px);margin:28px auto}
.admin-wrap h1{font-size:27px}
.admin-columns{grid-template-columns:1fr;gap:14px}
.admin-form,.admin-list{padding:16px}
.admin-item{align-items:flex-start}
.primary-btn{min-height:42px}
@media(min-width:600px){
  .container{max-width:520px;margin-left:auto;margin-right:auto}
  .topbar{padding-left:max(12px,calc((100% - 520px)/2));padding-right:max(12px,calc((100% - 520px)/2))}
  .watch-layout{max-width:520px;margin:0 auto}
  .admin-wrap{max-width:520px}
  .poster-row{grid-auto-columns:190px}
  .poster-img{height:245px}
}

/* Catálogo compacto de series, inspirado en la referencia visual. */
.series-page{min-height:100vh;background:#0a0a0a;color:#f5f5f5;font-family:'DM Sans',sans-serif}
.series-header{width:100%;padding:6px 5px 12px;border-bottom:1px solid #252525;background:#0a0a0a}
.series-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:31px}
.series-brand{font-family:'Manrope',sans-serif;font-size:14px;font-weight:800;letter-spacing:.2px;color:#ff5b84;text-shadow:0 0 12px #ff245355}
.series-search{width:min(310px,48vw);height:33px;display:flex;align-items:center;border:1px solid #292929;border-radius:20px;background:#171717;overflow:hidden}
.series-search input{min-width:0;width:100%;height:100%;padding:0 12px;border:0;outline:0;background:transparent;color:#f5f5f5;font:11px 'DM Sans',sans-serif}
.series-search input::placeholder{color:#777}
.series-search button{width:38px;height:100%;border:0;background:transparent;color:#ddd;font-size:13px;cursor:pointer}
.genre-filters{display:flex;align-items:center;gap:9px;margin-top:12px;overflow-x:auto;scrollbar-width:none}
.genre-filters::-webkit-scrollbar{display:none}
.genre-filters a{flex:0 0 auto;padding:6px 13px;border:1px solid #282828;border-radius:20px;background:#191919;color:#aaa;font-size:10px;line-height:1.2;transition:background .18s,color .18s,border-color .18s}
.genre-filters a:hover{border-color:#454545;color:#fff}
.genre-filters a.active{border-color:#ff2856;background:#ff2856;color:#fff}
.series-main{width:min(936px,calc(100% - 32px));margin:10px auto 0}
.series-heading{display:flex;align-items:baseline;gap:9px;margin:0 0 14px}
.series-heading h1{margin:0;color:#f4f4f4;font:800 19px 'Manrope',sans-serif;letter-spacing:-.4px}
.series-heading>span{color:#777;font-size:10px}
.clear-filters{margin-left:auto;color:#aaa;font-size:11px}
.clear-filters:hover,.series-footer a:hover{color:#ff5279}
.series-grid{display:grid;grid-template-columns:repeat(auto-fill,127px);align-items:start;gap:12px}
.series-card{position:relative;min-width:0;overflow:hidden;border:1px solid #282828;border-radius:12px;background:#141414;transition:transform .2s,border-color .2s,box-shadow .2s}
.series-card:hover{transform:translateY(-3px);border-color:#444;box-shadow:0 12px 28px #0008}
.series-card-link{display:block;color:inherit}
.series-poster-wrap{position:relative;width:100%;height:166px;overflow:hidden;background:#202020}
.series-poster{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.series-card:hover .series-poster{transform:scale(1.04)}
.episode-badge{position:absolute;top:7px;right:6px;padding:4px 7px;border-radius:12px;background:#171717e8;color:#fff;font-size:9px;font-weight:700}
.series-info{min-height:64px;padding:8px 9px 7px}
.series-info>strong{display:-webkit-box;min-height:28px;overflow:hidden;color:#f3f3f3;font-size:11px;font-weight:700;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.series-meta{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:7px}
.series-meta small{overflow:hidden;color:#747474;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.series-meta .series-genre{color:#13d2c9;font-weight:700}
.favorite-btn{position:absolute;top:7px;left:7px;display:grid;place-items:center;width:27px;height:27px;padding:0;border:0;border-radius:50%;background:#111c;color:#fff;font-size:17px;line-height:1;cursor:pointer;backdrop-filter:blur(6px);transition:background .18s,color .18s,transform .18s}
.favorite-btn:hover{transform:scale(1.08)}
.favorite-btn.is-favorite{background:#ff2856;color:#fff}
.empty{grid-column:1/-1;margin:8px 0;color:#999;font-size:13px}
.series-footer{display:flex;justify-content:space-between;margin:38px 0 20px;padding-top:13px;border-top:1px solid #222;color:#666;font-size:10px}
.series-footer a{color:#888}
@media(max-width:600px){.series-header{padding:8px 12px 12px}.series-search{width:min(230px,68vw)}.series-main{width:calc(100% - 26px);margin-top:16px}.series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.series-poster-wrap{height:auto;aspect-ratio:3/4}.series-info{min-height:67px}.series-info>strong{font-size:12px}.episode-badge{font-size:9px}.series-heading h1{font-size:18px}}
@media(min-width:601px) and (max-width:900px){.series-main{width:min(650px,calc(100% - 36px))}}
.series-progress{position:absolute;right:0;bottom:0;left:0;height:4px;background:#0009;z-index:2}
.series-progress span{display:block;height:100%;background:#fe2c55;box-shadow:0 0 8px #fe2c5580}
.series-page .series-header{position:fixed;top:0;right:0;left:0;z-index:1000;background:rgba(10,10,10,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.series-page .series-main{margin-top:0;padding-top:94px}
.player-main{width:min(1120px,calc(100% - 32px));margin:18px auto 42px;padding-top:94px}
.player-layout{display:grid;grid-template-columns:minmax(230px,290px) minmax(300px,420px) minmax(220px,280px);justify-content:center;gap:12px;align-items:stretch}
.player-sidebar{display:flex;min-width:0;flex-direction:column;gap:12px}
.player-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:13px;color:#777;font-size:12px;flex-wrap:wrap}
.player-breadcrumb a{color:#aaa}
.player-breadcrumb a:hover{color:#fe2c55}
.player-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;padding:7px 13px;border:1px solid #2a2a2a;border-radius:20px;background:#1a1a1a;color:#eee;font-size:12px;font-weight:700}
.player-back:hover{background:#252525}
.player-back span{font-size:20px;line-height:12px}
.player-series-card{position:relative;display:flex;align-items:flex-start;gap:11px;margin:0;padding:12px;border:1px solid #20232b;border-radius:14px;background:#0e1118}
.player-series-card .favorite-btn{top:12px;right:12px;left:auto}
.player-series-poster{width:76px;height:112px;flex:0 0 auto;object-fit:cover;border-radius:9px;background:#222}
.player-series-copy{min-width:0}
.player-series-copy h1{margin:0 0 8px;color:#fff;font:800 17px/1.2 'Manrope',sans-serif}
.player-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}
.player-tags span{padding:3px 9px;border-radius:12px;background:#202020;color:#25f4ee;font-size:10px;font-weight:700}
.player-series-copy p{max-height:115px;overflow:auto;margin:0 0 8px;color:#aaa;font-size:11px;line-height:1.5}
.player-series-copy>small{color:#888;font-size:11px}
.series-video-section{display:flex;min-width:0;flex-direction:column;gap:9px}
.series-video-frame{position:relative;display:grid;place-items:center;width:100%;height:min(78vh,760px);min-height:450px;aspect-ratio:9/16;overflow:hidden;border:1px solid #252525;border-radius:16px;background:#000;box-shadow:0 8px 32px #0009}
.series-video-frame video{display:block;width:100%;height:100%;background:#000;object-fit:contain}
.series-video-frame .drive-video-embed{display:block;width:100%;height:100%;border:0;background:#000}
.video-topline{position:absolute;top:12px;right:12px;left:12px;z-index:3;display:flex;align-items:center;gap:8px;pointer-events:none}
.video-topline>span{padding:5px 8px;border-radius:14px;background:#fe2c55;color:white;font-size:10px;font-weight:800}
.video-topline>strong{max-width:75%;overflow:hidden;padding:5px 9px;border:1px solid #ffffff18;border-radius:14px;background:#08090bc9;color:#fff;font-size:11px;text-overflow:ellipsis;white-space:nowrap;backdrop-filter:blur(8px)}
.video-center-play{position:absolute;top:50%;left:50%;z-index:3;display:grid;place-items:center;width:66px;height:66px;padding-left:4px;transform:translate(-50%,-50%);border:1px solid #ffffff35;border-radius:50%;background:#fe2c55e8;color:#fff;font-size:24px;cursor:pointer;box-shadow:0 8px 30px #0008;transition:opacity .2s,transform .2s}
.video-center-play:hover{transform:translate(-50%,-50%) scale(1.08)}
.is-playing .video-center-play{opacity:0;pointer-events:none}
.video-play-error .video-center-play{opacity:1;pointer-events:auto}
.modern-video-controls{position:absolute;right:0;bottom:0;left:0;z-index:4;padding:32px 14px 12px;background:linear-gradient(transparent,#000e 35%,#000f);color:#fff}
.video-seek,.video-volume{height:4px;margin:0;accent-color:#fe2c55;cursor:pointer}
.video-seek{display:block;width:100%;margin-bottom:10px}
.modern-controls-row{display:flex;align-items:center;gap:10px;min-height:30px}
.video-control-btn{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;font-size:16px;cursor:pointer}
.video-control-btn:hover{background:#ffffff20}
.video-clock{display:flex;align-items:center;gap:5px;color:#f4f4f4;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
.video-clock-separator{color:#999}
.video-controls-spacer{flex:1}
.video-volume{width:72px}
.video-speed{height:29px;padding:0 6px;border:1px solid #ffffff30;border-radius:7px;background:#171717d9;color:#fff;font-size:10px}
.video-speed option{background:#171717;color:#fff}
.video-play-error::after{position:absolute;right:12px;bottom:62px;left:12px;z-index:4;content:'No se pudo cargar este video. Verifica que la URL directa MP4 esté disponible.';padding:9px 11px;border:1px solid #ff6b6b55;border-radius:9px;background:#180d0ddd;color:#ffdada;font-size:11px;text-align:center}
.series-video-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:24px;text-align:center;background:radial-gradient(ellipse at center,#191919 0,#050505 75%)}
.series-video-empty strong{margin:14px 0 5px;font-size:16px}
.series-video-empty p{max-width:360px;margin:0;color:#888;font-size:12px}
.video-play-icon{display:grid;place-items:center;width:58px;height:58px;padding-left:4px;border-radius:50%;background:#fe2c55;color:white;font-size:22px;box-shadow:0 6px 24px #fe2c5566}
.series-video-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #2a2a2a;border-radius:10px;background:#151515}
.series-video-toolbar>strong{overflow:hidden;color:#eee;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.series-video-toolbar>strong span{color:#999;font-weight:500}
.episode-navigation{display:flex;gap:7px;flex:0 0 auto}
.episode-navigation a,.episode-navigation span{padding:7px 10px;border:1px solid #303030;border-radius:18px;background:#202020;color:#eee;font-size:11px;font-weight:700}
.episode-navigation a:hover{border-color:#fe2c55;background:#fe2c55}
.episode-navigation .disabled{color:#666}
.player-episodes{min-height:0;padding:12px;border:1px solid #20232b;border-radius:14px;background:#0e1118}
.player-episodes-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.player-episodes-heading h2{margin:0;color:#fff;font:800 17px 'Manrope',sans-serif}
.player-episodes-heading p{margin:4px 0 0;color:#888;font-size:11px}
.auto-next-label{display:flex;align-items:center;gap:7px;color:#aaa;font-size:11px;white-space:nowrap;cursor:pointer}
.auto-next-label input{width:15px;height:15px;accent-color:#fe2c55}
.player-episode-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(38px,auto);align-content:start;gap:6px;max-height:calc(78vh - 65px);min-height:180px;overflow-y:auto;padding-right:3px;scrollbar-color:#454b5a #151820;scrollbar-width:thin}
.player-episode-grid a{display:grid;place-items:center;min-height:38px;border:1px solid #2c2c2c;border-radius:8px;background:#202020;color:#eee;font-size:11px;font-weight:700;transition:background .15s,border-color .15s,transform .15s}
.player-episode-grid a:hover{transform:translateY(-1px);border-color:#555;background:#282828}
.player-episode-grid a.active{border-color:#fe2c55;background:#fe2c55;color:#fff;box-shadow:0 4px 12px #fe2c5540}
.player-no-episodes{grid-column:1/-1;margin:4px 0;color:#888;font-size:12px}
.player-related{min-width:0;padding:12px;border:1px solid #20232b;border-radius:14px;background:#111318}
.player-related h2{margin:0 0 11px;padding-bottom:9px;border-bottom:1px solid #292c34;color:#eee;font:800 13px 'Manrope',sans-serif}
.player-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.player-related-grid>a{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #272a32;border-radius:10px;background:#181a20}
.player-related-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;background:#222}
.player-related-grid strong{display:-webkit-box;overflow:hidden;padding:7px 7px 1px;color:#eee;font-size:10px;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.player-related-grid small{padding:0 7px 7px;color:#858894;font-size:9px}
.player-related-grid p{grid-column:1/-1;color:#888;font-size:11px}
.episode-form select{width:100%;padding:11px 12px;border:1px solid #30323c;border-radius:10px;background:#101116;color:#f5f5f8;font:inherit}
.episode-form-row{display:grid;grid-template-columns:minmax(90px,.65fr) minmax(0,1.35fr);gap:12px}
.admin-message{padding:10px 13px;border:1px solid #22c55e44;border-radius:9px;background:#22c55e12}
.episodes-admin-list,.admin-catalog-list{margin-top:16px}
.episode-form .hint{margin:0;color:#8c8f9c;font-size:11px;line-height:1.5}
.episode-form .primary-btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1050px){.player-layout{grid-template-columns:minmax(230px,290px) minmax(300px,420px);justify-content:center}.player-related{grid-column:1/-1}.player-related-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.player-related-grid img{aspect-ratio:3/4}.player-episode-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:700px){.player-main{width:calc(100% - 24px);margin:14px auto 28px;padding-top:118px}.player-layout{display:flex;flex-direction:column}.player-sidebar{display:contents}.player-series-card{order:1}.series-video-section{order:2}.player-episodes{order:3}.player-related{order:4}.player-series-card{gap:12px;padding:11px}.player-series-card .favorite-btn{top:9px;right:9px}.player-series-poster{width:82px;height:116px}.player-series-copy h1{font-size:17px;padding-right:24px}.player-series-copy p{font-size:11px;max-height:52px;overflow:auto}.series-video-frame{width:min(100%,calc(min(72svh,780px)*9/16));height:min(72svh,780px);min-height:360px;margin-inline:auto;border-radius:13px}.series-video-toolbar{align-items:flex-start;flex-direction:column}.episode-navigation{width:100%}.episode-navigation a,.episode-navigation span{flex:1;text-align:center}.player-episodes{padding:13px}.player-episodes-heading h2{font-size:15px}.player-episode-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-height:none;min-height:0;overflow:visible;gap:6px}.player-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.modern-video-controls{padding:28px 9px 8px}.modern-controls-row{gap:5px}.video-volume{width:48px}.video-control-btn{width:29px;height:29px}.video-speed{font-size:9px}}
@media(max-width:390px){.player-episode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.player-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.series-video-frame{width:min(100%,calc(min(72svh,780px)*9/16));min-height:340px}}
@media(max-width:600px){.episode-form-row{grid-template-columns:1fr}}

/* Panel de gestión con pestañas para serie y episodio. */
.admin-content-panel{overflow:hidden;margin:20px 0;border:1px solid #30333e;border-radius:18px;background:linear-gradient(145deg,#15171e,#101116 75%);box-shadow:0 18px 48px #0006}
.admin-tab-list{display:flex;gap:8px;padding:12px;border-bottom:1px solid #292c34;background:linear-gradient(180deg,#12141a,#0d0f14)}
.admin-tab{position:relative;display:flex;flex:1;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:10px 16px;border:1px solid #30333d;border-radius:12px;background:#191b22;color:#aeb1bc;font:700 13px 'DM Sans',sans-serif;cursor:pointer;transition:transform .18s,background .18s,color .18s,border-color .18s,box-shadow .18s}
.admin-tab:hover{transform:translateY(-1px);border-color:#484b57;background:#22242d;color:#fff}
.admin-tab[aria-selected="true"]{border-color:#ff426b;background:linear-gradient(135deg,#ff315d,#d91649);color:#fff;box-shadow:0 7px 20px #fa245344,inset 0 1px #ffffff30}
.admin-tab-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#ffffff12;color:inherit;font-size:17px;line-height:1}
.admin-tab:focus-visible{outline:2px solid #fe2c55;outline-offset:2px}
.admin-tab-panel[hidden]{display:none}
.admin-tab-panel .admin-form{display:grid;gap:16px;padding:22px;border:0;border-radius:0;background:transparent;box-shadow:none}
.admin-tab-panel .admin-form h2{margin:0 0 2px;color:#fff;font:800 19px 'Manrope',sans-serif}
.episode-number-hint{color:#858997;font-size:10px;line-height:1.4}
.episode-number-control{display:flex;align-items:stretch;gap:7px}
.episode-number-control input{flex:1;min-width:0}
.episode-increment-btn{display:grid;place-items:center;width:46px;flex:0 0 46px;border:1px solid #ff416b;border-radius:10px;background:linear-gradient(145deg,#ff315d,#d91649);color:#fff;font:700 24px/1 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 5px 16px #fa245333,inset 0 1px #ffffff35;transition:transform .16s,filter .16s,box-shadow .16s}
.episode-increment-btn:hover{transform:translateY(-1px);filter:brightness(1.12);box-shadow:0 8px 20px #fa245355,inset 0 1px #ffffff40}
.episode-increment-btn:active{transform:scale(.96)}
.episode-increment-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.episode-rows{display:grid;gap:8px;width:100%;min-width:0}
.episode-rows-heading,.episode-entry{display:grid;grid-template-columns:minmax(92px,150px) minmax(0,1fr) 82px;align-items:center;gap:10px}
.episode-rows-heading{padding:0 3px;color:#aeb1bc;font-size:11px}
.episode-rows-heading strong:nth-child(2){text-align:center}
.episode-entry input{width:100%;min-width:0;min-height:40px;border:1px solid #30333d;border-radius:8px;background:#1c1f27;color:#fff;padding:9px 10px;font:12px 'DM Sans',sans-serif}
.episode-entry input:focus{border-color:#ff426b;outline:2px solid #ff426b22}
.episode-entry .episode-remove-btn{min-height:36px;padding:7px 10px;border:0;border-radius:7px;background:#df514b;color:#fff;font:600 11px 'DM Sans',sans-serif;cursor:pointer;transition:filter .16s}
.episode-entry .episode-remove-btn:hover{filter:brightness(1.12)}
.episode-entry .episode-remove-btn:disabled{visibility:hidden}
.episode-add-btn{justify-self:start;min-height:34px;padding:7px 12px;border:0;border-radius:7px;background:#43ad68;color:white;font:600 12px 'DM Sans',sans-serif;cursor:pointer}
.episode-add-btn:hover{background:#369957}
.episode-form>.primary-btn{min-height:40px;padding:10px 16px;border-radius:8px}
@media(max-width:600px){.admin-tab-list{gap:7px;padding:9px}.admin-tab{gap:6px;min-height:44px;padding:8px 5px;font-size:10px}.admin-tab-icon{width:20px;height:20px;font-size:14px}.admin-tab-panel .admin-form{padding:16px}}
@media(max-width:560px){.episode-rows-heading,.episode-entry{grid-template-columns:minmax(65px,90px) minmax(0,1fr) 64px;gap:6px}.episode-entry .episode-remove-btn{padding:6px 4px;font-size:10px}.episode-entry input{padding:8px 6px;font-size:11px}.episode-rows-heading{font-size:10px}}

/* Catálogo destacado: portada amplia, tarjetas cinematográficas y más aire. */
.series-page:not(.player-page){background:radial-gradient(ellipse at 50% 0,#20101a 0,transparent 34%),#09090c}
.series-page:not(.player-page) .series-header{padding:13px max(22px,calc((100% - 1280px)/2)) 14px;border-bottom-color:#ffffff12;background:rgba(9,9,12,.9)}
.series-page:not(.player-page) .series-toolbar{min-height:40px}
.series-page:not(.player-page) .series-brand{display:flex;align-items:center;gap:10px;color:#fff;font:800 18px 'Manrope',sans-serif;letter-spacing:-.4px}
.series-page:not(.player-page) .series-brand::before{content:'S';display:grid;place-items:center;width:33px;height:33px;border-radius:11px;background:linear-gradient(145deg,#ff4b79,#bf174d);color:#fff;font-size:17px;box-shadow:0 5px 20px #ff285544}
.series-page:not(.player-page) .series-search{width:min(360px,45vw);height:40px;border-color:#ffffff16;border-radius:14px;background:#ffffff0b;transition:border-color .2s,background .2s,box-shadow .2s}
.series-page:not(.player-page) .series-search:focus-within{border-color:#ff386e88;background:#ffffff10;box-shadow:0 0 0 3px #ff386e18}
.series-page:not(.player-page) .series-search input{font-size:12px}
.series-page:not(.player-page) .series-search button{color:#ff7b9d;font-size:17px}
.series-page:not(.player-page) .genre-filters{gap:8px;margin-top:13px}
.series-page:not(.player-page) .genre-filters a{padding:8px 15px;border-color:#ffffff10;border-radius:20px;background:#ffffff08;color:#aaa;font-size:11px;font-weight:600}
.series-page:not(.player-page) .genre-filters a:hover{border-color:#ff477766;background:#ff477718;color:#fff}
.series-page:not(.player-page) .genre-filters a.active{border-color:#ff3b6d;background:linear-gradient(120deg,#ff426f,#d82056);color:white;box-shadow:0 5px 16px #ff285533}
.series-page:not(.player-page) .series-main{width:min(1200px,calc(100% - 48px));margin:0 auto;padding-top:108px}
.catalog-hero{position:relative;display:flex;align-items:flex-end;min-height:310px;margin:8px 0 36px;overflow:hidden;border:1px solid #ffffff18;border-radius:24px;background:#171018;isolation:isolate;box-shadow:0 24px 65px #0007}
.catalog-hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:.6;filter:saturate(.82);transition:transform .8s,opacity .4s}
.catalog-hero:hover .catalog-hero-image{transform:scale(1.035);opacity:.72}
.catalog-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#09090cf2 0%,#0a090ccf 38%,#0a090c35 76%),linear-gradient(0deg,#09090caa,transparent 65%)}
.catalog-hero-copy{display:flex;max-width:560px;flex-direction:column;align-items:flex-start;padding:36px 42px}
.catalog-kicker,.catalog-section-kicker{color:#ff7b9d;font-size:10px;font-weight:800;letter-spacing:1.6px}
.catalog-kicker{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.catalog-kicker i{width:7px;height:7px;border-radius:50%;background:#ff3d70;box-shadow:0 0 12px #ff3d70}
.catalog-hero-copy>strong{color:#fff;font:800 clamp(28px,4vw,46px)/1.05 'Manrope',sans-serif;letter-spacing:-1.8px;text-shadow:0 5px 24px #0008}
.catalog-hero-meta{margin-top:12px;color:#fff;font-size:12px;font-weight:700}
.catalog-hero-meta b{padding:0 7px;color:#ff527c}
.catalog-hero-description{display:-webkit-box;max-width:430px;margin-top:11px;overflow:hidden;color:#cbc7ce;font-size:13px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.catalog-hero-cta{display:flex;align-items:center;gap:18px;margin-top:20px;padding:11px 18px;border:1px solid #ff7893;background:linear-gradient(120deg,#ff416f,#d82056);border-radius:10px;color:#fff;font-size:12px;font-weight:800;box-shadow:0 8px 22px #d8205644;transition:transform .2s,box-shadow .2s}
.catalog-hero:hover .catalog-hero-cta{transform:translateY(-2px);box-shadow:0 12px 28px #d8205666}
.catalog-hero-cta b{font-size:17px}
.catalog-hero-number{position:absolute;right:26px;bottom:23px;color:#ffffffa8;font:800 20px 'Manrope',sans-serif}
.catalog-hero-number small{color:#ffffff80;font-size:11px}
.series-page:not(.player-page) .series-heading{align-items:flex-end;justify-content:space-between;margin:0 0 17px}
.series-page:not(.player-page) .series-heading>div{display:grid;gap:5px}
.catalog-section-kicker{font-size:9px;letter-spacing:1.5px}
.series-page:not(.player-page) .series-heading h1{display:flex;align-items:center;gap:10px;font-size:24px;letter-spacing:-.8px}
.catalog-count{display:grid;place-items:center;min-width:24px;height:22px;padding:0 6px;border:1px solid #ffffff17;border-radius:7px;background:#ffffff0a;color:#a3a0a8;font:600 10px 'DM Sans',sans-serif;letter-spacing:0}
.series-page:not(.player-page) .clear-filters{padding:8px 12px;border:1px solid #ffffff17;border-radius:9px;background:#ffffff08;font-size:11px}
.clear-filters b{margin-left:6px;color:#ff668b;font-size:15px}
.series-page:not(.player-page) .series-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px;align-items:stretch}
.series-page:not(.player-page) .series-card{border-color:#ffffff12;border-radius:16px;background:linear-gradient(155deg,#1a181e,#101013);box-shadow:0 8px 24px #0003;transition:transform .28s,border-color .28s,box-shadow .28s}
.series-page:not(.player-page) .series-card:hover{transform:translateY(-6px);border-color:#ff477966;box-shadow:0 18px 36px #0008,0 0 22px #ff285510}
.series-page:not(.player-page) .series-poster-wrap{height:auto;aspect-ratio:3/4;background:linear-gradient(145deg,#321329,#16131a)}
.series-page:not(.player-page) .series-poster{transition:transform .55s,filter .3s}
.series-page:not(.player-page) .series-card:hover .series-poster{transform:scale(1.06);filter:saturate(1.1)}
.series-page:not(.player-page) .series-poster-wrap::after{position:absolute;inset:30% 0 0;content:'';pointer-events:none;background:linear-gradient(transparent,#07070bd9)}
.series-page:not(.player-page) .episode-badge{top:10px;right:10px;padding:5px 8px;border:1px solid #ffffff24;border-radius:8px;background:#0c0b10d9;font-size:9px;letter-spacing:.3px;backdrop-filter:blur(8px)}
.series-page:not(.player-page) .series-info{display:flex;min-height:84px;flex-direction:column;justify-content:space-between;padding:12px 12px 11px}
.series-page:not(.player-page) .series-info>strong{min-height:34px;font-size:13px;line-height:1.35}
.series-page:not(.player-page) .series-meta{margin-top:10px}
.series-page:not(.player-page) .series-meta small{font-size:10px}
.series-page:not(.player-page) .series-meta .series-genre{padding:4px 7px;border:1px solid #16d8ce26;border-radius:7px;background:#16d8ce0c;color:#42e5db;font-size:9px}
.series-page:not(.player-page) .favorite-btn{top:10px;left:10px;width:32px;height:32px;border:1px solid #ffffff28;background:#0d0b10b8;font-size:18px;backdrop-filter:blur(8px)}
.series-page:not(.player-page) .favorite-btn.is-favorite{border-color:#ff7597;background:#ff2856}
.series-page:not(.player-page) .series-footer{margin-top:42px;padding-top:18px;border-color:#ffffff12;font-size:11px}
@media(max-width:760px){.series-page:not(.player-page) .series-main{width:min(100% - 28px,640px);padding-top:124px}.catalog-hero{min-height:270px;margin:6px 0 30px;border-radius:19px}.catalog-hero-copy{max-width:85%;padding:27px 24px}.catalog-hero-copy>strong{font-size:clamp(27px,7vw,38px)}.catalog-hero-number{right:17px;bottom:16px}.series-page:not(.player-page) .series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.series-page:not(.player-page) .series-heading h1{font-size:21px}}
@media(max-width:430px){.series-page:not(.player-page) .series-header{padding:10px 12px 12px}.series-page:not(.player-page) .series-brand{font-size:16px}.series-page:not(.player-page) .series-brand::before{width:30px;height:30px}.series-page:not(.player-page) .series-search{width:min(220px,62vw);height:37px}.series-page:not(.player-page) .genre-filters{gap:6px}.series-page:not(.player-page) .genre-filters a{padding:7px 11px;font-size:10px}.catalog-hero{min-height:245px}.catalog-hero-copy{max-width:92%;padding:22px 18px}.catalog-hero-description{font-size:11px}.catalog-hero-number{display:none}.series-page:not(.player-page) .series-grid{gap:10px}.series-page:not(.player-page) .series-info{min-height:76px;padding:10px}.series-page:not(.player-page) .series-info>strong{font-size:12px}}

/* Reproductor: escenario cinematográfico y paneles de navegación más claros. */
.player-page{background:radial-gradient(ellipse at 50% 15%,#29101c 0,transparent 42%),#08090d}
.player-page .series-header{padding:12px max(22px,calc((100% - 1320px)/2)) 13px;border-bottom-color:#ffffff12;background:rgba(8,9,13,.91)}
.player-page .series-toolbar{min-height:40px}
.player-page .series-brand{display:flex;align-items:center;gap:10px;color:#fff;font:800 18px 'Manrope',sans-serif;letter-spacing:-.4px}
.player-page .series-brand::before{content:'S';display:grid;place-items:center;width:33px;height:33px;border-radius:11px;background:linear-gradient(145deg,#ff4b79,#bf174d);color:#fff;font-size:17px;box-shadow:0 5px 20px #ff285544}
.player-page .series-search{width:min(360px,45vw);height:39px;border-color:#ffffff16;border-radius:14px;background:#ffffff0b}
.player-page .series-search input{font-size:12px}
.player-page .series-search button{color:#ff7b9d;font-size:17px}
.player-page .genre-filters{gap:8px;margin-top:11px}
.player-page .genre-filters a{padding:7px 13px;border-color:#ffffff10;border-radius:20px;background:#ffffff08;color:#aaa;font-size:10px;font-weight:600}
.player-page .genre-filters a:hover{border-color:#ff477766;background:#ff477718;color:#fff}
.player-page .player-main{width:min(1320px,calc(100% - 48px));margin:0 auto;padding-top:114px}
.player-page .player-breadcrumb{margin-bottom:14px;color:#777;font-size:11px}
.player-page .player-breadcrumb a{color:#d5cbd1}
.player-page .player-back{margin-bottom:17px;padding:8px 15px;border-color:#ffffff18;border-radius:10px;background:#ffffff09;color:#eee;transition:border-color .2s,background .2s,transform .2s}
.player-page .player-back:hover{transform:translateX(-2px);border-color:#ff477766;background:#ff477714}
.player-page .player-layout{grid-template-columns:minmax(250px,300px) minmax(420px,560px) minmax(250px,300px);gap:18px;align-items:start}
.player-page .player-sidebar{gap:15px}
.player-page .player-series-card,.player-page .player-episodes,.player-page .player-related{border-color:#ffffff14;border-radius:17px;background:linear-gradient(145deg,#15161e,#0e1016);box-shadow:0 15px 36px #0005}
.player-page .player-series-card{gap:14px;padding:15px}
.player-page .player-series-poster{width:86px;height:124px;border:1px solid #ffffff18;border-radius:11px;box-shadow:0 8px 20px #0005}
.player-page .player-series-copy h1{padding-right:20px;font-size:18px;letter-spacing:-.4px}
.player-page .player-tags span{padding:5px 9px;border:1px solid #20d6cc20;border-radius:8px;background:#20d6cc10;color:#45e2d9;font-size:9px}
.player-page .player-series-copy p{max-height:135px;color:#b5b6c0;font-size:12px;line-height:1.6}
.player-page .player-series-copy>small{display:inline-flex;margin-top:1px;padding:5px 8px;border:1px solid #ffffff13;border-radius:7px;background:#ffffff08;color:#b5b6c0;font-size:10px}
.player-page .player-series-card .favorite-btn{top:13px;right:13px;width:30px;height:30px;border:1px solid #ffffff26;background:#090a0ecc}
.player-page .player-series-card .favorite-btn.is-favorite{border-color:#ff7597;background:#ff2856}
.player-page .player-episodes{padding:16px}
.player-page .player-episodes-heading{align-items:flex-start;margin-bottom:15px}
.player-page .player-episodes-heading h2{font-size:17px;letter-spacing:-.3px}
.player-page .player-episodes-heading p{color:#8e919d;font-size:10px}
.player-page .auto-next-label{padding:6px 8px;border:1px solid #ffffff12;border-radius:8px;background:#ffffff07;font-size:9px}
.player-page .player-episode-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));grid-auto-rows:minmax(42px,auto);gap:8px;max-height:min(48vh,440px);min-height:90px}
.player-page .player-episode-grid a{min-height:42px;border-color:#ffffff16;border-radius:10px;background:#ffffff08;color:#c8c8d0;font-size:10px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}
.player-page .player-episode-grid a:hover{transform:translateY(-2px);border-color:#ff477766;background:#ff477718}
.player-page .player-episode-grid a.active{border-color:#ff426f;background:linear-gradient(135deg,#ff416f,#d91d53);color:#fff;box-shadow:0 7px 18px #ff285544}
.player-page .series-video-section{gap:12px}
.player-page .series-video-frame{height:min(82vh,850px);min-height:500px;border:1px solid #ffffff25;border-radius:20px;box-shadow:0 25px 70px #0009,0 0 0 5px #ffffff05;isolation:isolate}
.player-page .series-video-frame video{border-radius:19px}
.player-page .drive-video-embed{border-radius:19px}
.player-page .video-topline{top:15px;right:15px;left:15px;gap:9px}
.player-page .video-topline>span{padding:6px 10px;border:1px solid #ff8aa044;border-radius:9px;background:linear-gradient(135deg,#ff416f,#d91d53);font-size:10px;box-shadow:0 5px 16px #0004}
.player-page .video-topline>strong{padding:7px 11px;border-radius:9px;background:#09090dd9;font-size:11px}
.player-page .video-center-play{width:76px;height:76px;border:1px solid #ffffff66;background:linear-gradient(145deg,#ff517b,#e91f58);box-shadow:0 12px 36px #ff285566,0 0 0 9px #ff315d20}
.player-page .modern-video-controls{padding:42px 18px 15px;background:linear-gradient(transparent,#000d 32%,#000f)}
.player-page .video-seek{height:5px;margin-bottom:12px}
.player-page .video-control-btn{width:36px;height:36px}
.player-page .video-clock{font-size:11px}
.player-page .player-related{padding:16px}
.player-page .player-related h2{margin-bottom:13px;padding-bottom:11px;font-size:15px}
.player-page .player-related-grid{gap:10px}
.player-page .player-related-grid>a{border-color:#ffffff12;border-radius:12px;background:#ffffff07;transition:transform .2s,border-color .2s,box-shadow .2s}
.player-page .player-related-grid>a:hover{transform:translateY(-3px);border-color:#ff477766;box-shadow:0 10px 22px #0006}
.player-page .player-related-grid img{aspect-ratio:3/4}
.player-page .player-related-grid strong{padding:9px 9px 3px;font-size:11px}
.player-page .player-related-grid small{padding:0 9px 9px;font-size:9px}
@media(max-width:1100px){.player-page .player-layout{grid-template-columns:minmax(250px,300px) minmax(360px,560px);gap:15px}.player-page .player-related{grid-column:1/-1}.player-page .player-related-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:700px){.player-page .player-main{width:calc(100% - 26px);padding-top:128px}.player-page .player-layout{display:flex;flex-direction:column;gap:13px}.player-page .player-sidebar{display:contents}.player-page .player-series-card{order:1;width:100%}.player-page .series-video-section{order:2;width:100%}.player-page .player-episodes{order:3;width:100%}.player-page .player-related{order:4;width:100%}.player-page .player-series-poster{width:76px;height:108px}.player-page .player-series-copy h1{font-size:16px}.player-page .series-video-frame{width:min(100%,calc(min(76svh,820px)*9/16));height:min(76svh,820px);min-height:360px;margin-inline:auto;border-radius:16px}.player-page .series-video-frame video,.player-page .drive-video-embed{border-radius:15px}.player-page .player-episode-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));max-height:none;min-height:0;overflow:visible}.player-page .player-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.player-page .player-related-grid strong{font-size:10px}.player-page .modern-video-controls{padding:30px 10px 9px}.player-page .modern-controls-row{gap:5px}.player-page .video-volume{width:48px}.player-page .video-control-btn{width:30px;height:30px}}
@media(max-width:430px){.player-page .player-main{width:calc(100% - 20px);padding-top:126px}.player-page .player-breadcrumb{font-size:10px}.player-page .player-back{margin-bottom:12px}.player-page .player-series-card,.player-page .player-episodes,.player-page .player-related{border-radius:14px}.player-page .player-series-card{padding:11px}.player-page .player-series-poster{width:68px;height:98px}.player-page .player-series-copy p{font-size:10px}.player-page .series-video-frame{width:min(100%,calc(min(72svh,700px)*9/16));min-height:330px}.player-page .player-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-page .player-episodes{padding:12px}.player-page .player-episodes-heading h2{font-size:15px}}

/* Espacios publicitarios gráficos, etiquetados y adaptables. */
.ad-placement{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px;margin:0 0 28px}
.ad-card{position:relative;display:flex;min-width:0;min-height:110px;flex-direction:column;overflow:hidden;border:1px solid #ffffff18;border-radius:14px;background:linear-gradient(130deg,#21141d,#111217);box-shadow:0 10px 28px #0004;transition:transform .2s,border-color .2s,box-shadow .2s}
.ad-card:hover{transform:translateY(-3px);border-color:#ff477766;box-shadow:0 16px 32px #0006}
.ad-card img{display:block;width:100%;height:120px;object-fit:cover}
.ad-disclosure{position:absolute;top:8px;left:8px;z-index:1;padding:4px 7px;border:1px solid #ffffff30;border-radius:6px;background:#08090bd9;color:#fff;font-size:9px;font-weight:700;letter-spacing:.4px;backdrop-filter:blur(8px)}
.ad-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;color:#f4f4f6;font-size:11px;font-weight:700}
.ad-card-title b{color:#ff668b;font-size:15px}
.player-page .ad-placement{margin-top:22px}
.player-page .ad-card{min-height:100px}
.player-page .ad-card img{height:110px}
.admin-tab-panel.ad-admin-panel{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:start;gap:10px;padding:0 18px 18px}
.admin-tab-panel.ad-admin-panel[hidden]{display:none}
.admin-tab-panel .ad-admin-form{padding:18px;border:1px solid #292d37;border-radius:14px;background:#0d0f14}
.ad-admin-form select{width:100%;min-height:42px;padding:10px;border:1px solid #30333d;border-radius:9px;background:#1c1f27;color:#fff;font:inherit}
.ad-admin-list{min-width:0;padding:18px;border:1px solid #292d37;border-radius:14px;background:#0d0f14}
.ad-admin-list>h2{margin:0 0 13px;color:#fff;font:700 15px 'Manrope',sans-serif}
.ad-admin-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #ffffff12}
.ad-admin-item>img{width:66px;height:44px;flex:0 0 auto;border:1px solid #ffffff18;border-radius:7px;object-fit:cover;background:#181920}
.ad-admin-copy{display:grid;min-width:0;flex:1;gap:4px}
.ad-admin-copy strong{overflow:hidden;color:#f3f3f5;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.ad-admin-copy small{color:#898d99;font-size:9px}
.ad-admin-item form{margin:0}
.ad-admin-action,.ad-admin-delete{min-height:30px;padding:6px 9px;border:1px solid #ffffff1b;border-radius:7px;background:#ffffff0a;color:#ddd;font:600 10px 'DM Sans',sans-serif;cursor:pointer}
.ad-admin-action:hover{border-color:#ffb54766;background:#ffb54715;color:#ffce75}
.ad-admin-delete:hover{border-color:#ff596866;background:#ff596815;color:#ff999f}
@media(max-width:700px){.admin-tab-panel.ad-admin-panel{grid-template-columns:minmax(0,1fr);padding:0 12px 14px}.ad-admin-list,.admin-tab-panel .ad-admin-form{padding:14px}.ad-admin-item{gap:7px}.ad-admin-item>img{width:52px;height:40px}.ad-admin-action,.ad-admin-delete{padding:5px 7px;font-size:9px}}
@media(max-width:520px){.ad-placement{grid-template-columns:minmax(0,1fr);gap:9px}.ad-card{min-height:80px}.ad-card img{height:100px}.player-page .ad-placement{margin-top:16px}}