/* ARCHIVO VIVO V9 — CINEMATOGRÁFICO PREMIUM */
:root{--v9-bg:#030b20;--v9-panel:#06152d;--v9-cyan:#08d5ff;--v9-blue:#087dff;--v9-violet:#9256ff;--v9-line:#0876d9}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 70% 10%,#0b2454 0%,#030b20 44%,#030817 100%);color:#f1f7ff}
body::before{content:'';pointer-events:none;position:fixed;inset:0;background:linear-gradient(90deg,transparent 97%,#0cf2ff07 100%);background-size:70px 70px;z-index:-1}
.topbar{position:sticky;top:0;z-index:100;max-width:none;padding:10px clamp(20px,3vw,56px);min-height:83px;background:#020d22ed;backdrop-filter:blur(18px);border-bottom:1px solid #1765b480;box-shadow:0 12px 32px #0004}
.topbar .brand{gap:11px;flex-shrink:0}.brand-mark{font-size:0!important;display:grid!important;place-items:center;width:59px;height:55px;border:0!important;background:none!important;box-shadow:none!important}.brand-mark:before{content:'AV';display:grid;place-items:center;width:53px;height:53px;border:4px solid #0be5f3;border-right-color:#a54dff;border-bottom-color:#9059ff;border-radius:50%;transform:skew(-9deg);font:900 23px/1 system-ui;color:#eafaff;text-shadow:2px 2px #0db7ff;box-shadow:0 0 18px #00bfff44}
.brand-text{font-weight:900!important;font-size:22px!important;letter-spacing:-.6px!important}.brand-text b,.footer-brand b{color:#09d8ff!important}.brand-text small{letter-spacing:1.1px!important;font-size:8px!important;color:#c7ddfa!important}
.nav{gap:clamp(7px,1vw,18px)!important}.nav>a{font-size:12px!important;font-weight:750!important;color:#c4d7f2!important;padding:12px 7px!important}.nav>a:hover,.nav>a[aria-current]{color:#0fe1ff!important}.nav .nav-action{background:linear-gradient(110deg,#087dff,#05d4ed)!important;color:white!important;border-radius:12px!important;padding:12px 14px!important;box-shadow:0 0 20px #0088ff55}
.v9-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;width:min(1520px,calc(100% - 44px));margin:22px auto 0;align-items:start}
.v9-main{min-width:0}.v9-banner{min-height:410px;position:relative;overflow:hidden;border:1px solid #1689ee;border-radius:18px;background:#07142d;box-shadow:0 14px 45px #0009,0 0 28px #0047ff22}
.v9-banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020c21f5 0%,#061128c9 37%,#0816351c 85%),linear-gradient(0deg,#030b23b0,transparent 55%),url('../img/portada-cine.jpg') center/cover no-repeat;filter:saturate(1.65) contrast(1.12)}
.v9-banner:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 25%,#aa37ff4a,transparent 28%),radial-gradient(circle at 64% 70%,#007aff4d,transparent 34%);mix-blend-mode:screen}
.v9-banner-content{position:relative;z-index:1;padding:58px clamp(24px,4vw,65px);max-width:730px}.v9-eyebrow{font-size:12px;font-weight:850;letter-spacing:4px;color:#c6dfff;margin:0 0 18px}.v9-banner h1{font:900 clamp(37px,4.3vw,68px)/1.07 system-ui,sans-serif;letter-spacing:-2.4px;text-transform:uppercase;margin:0 0 18px;color:white;text-shadow:0 4px 20px #000a}.v9-banner h1 span{display:block;background:linear-gradient(100deg,#00e4ff 5%,#228dff 42%,#d35aff 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.v9-banner p.v9-intro{font-size:15px;line-height:1.6;max-width:530px;color:#d8e8ff;margin:0 0 25px}.v9-banner .actions{display:flex;flex-wrap:wrap;gap:12px}.v9-banner .btn-primary{background:linear-gradient(100deg,#087dff,#06d5f5)!important;box-shadow:0 0 26px #00aaff7a;border:1px solid #41e4ff}.v9-banner .btn-outline{border-color:#2aa5f6;color:white}
.v9-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:12px 0 18px}.v9-cat{min-height:82px;display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #1164ba;border-radius:12px;background:linear-gradient(145deg,#071b3c,#030c21);color:#fff;text-decoration:none;transition:.2s}.v9-cat:hover{transform:translateY(-3px);border-color:#0be1ff;box-shadow:0 0 20px #00aaff44}.v9-cat-icon{font-size:24px;flex-shrink:0;display:grid;place-items:center;width:40px;height:43px;background:#25114b;border:1px solid #8238eb;border-radius:10px;filter:drop-shadow(0 0 8px #b12fff88)}.v9-cat strong{display:block;font-size:11px}.v9-cat small{display:block;font-size:9px;color:#b9cde9;margin-top:4px}
.v9-showcase{padding:19px;border:1px solid #0a6cc4;border-radius:17px;background:linear-gradient(160deg,#061c3d,#030b21 70%);margin:0 0 18px}.v9-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.v9-section-title h2{font-size:22px;margin:0;color:#f4f8ff}.v9-section-title a{font-size:12px;color:#00dbff;text-decoration:none}.v9-poster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.v9-poster{display:block;overflow:hidden;border:1px solid #1661b2;border-radius:12px;background:#06132c;text-decoration:none;color:white;transition:transform .2s,border-color .2s}.v9-poster:hover{transform:translateY(-4px);border-color:#0de3ff}.v9-poster img{display:block;width:100%;aspect-ratio:1.65;object-fit:cover}.v9-poster strong{display:block;padding:10px 10px 0;font-size:13px}.v9-poster small{display:block;padding:4px 10px 12px;font-size:10px;color:#0fe2ff}.v9-showcase-note{font-size:11px;color:#91afcc;margin:13px 0 0}
.v9-rail{display:flex;flex-direction:column;gap:13px;position:sticky;top:104px}.v9-rail-card{border:1px solid #0d83e5;border-radius:17px;background:linear-gradient(150deg,#071e43,#020b20);padding:14px;box-shadow:0 12px 32px #0008}.v9-person{height:320px;position:relative;border-radius:13px;overflow:hidden;background:#081a38}.v9-person img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;filter:saturate(1.2)}.v9-person:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#03102c 0%,transparent 55%)}.v9-person-title{position:absolute;z-index:1;bottom:16px;left:15px;text-shadow:0 2px 10px #000}.v9-person-title strong{display:block;font-size:27px}.v9-person-title span{color:#24e2ff;font-size:12px}.v9-rail h3{font-size:17px;margin:10px 0 8px}.v9-rail p{font-size:12px;color:#c8d9f1;line-height:1.55;margin:0 0 14px}.v9-help-links{display:grid;gap:9px}.v9-help-links a{display:block;text-decoration:none;color:#e8f7ff;border:1px solid #0b76c6;border-radius:11px;padding:11px 13px;font-size:12px;background:#071a36}.v9-help-links a:hover{background:#0c3461;border-color:#00d9ff}.v9-rail-cta{border:0;background:linear-gradient(90deg,#037aff,#04ccef);color:#fff;font-weight:800;padding:13px 16px;border-radius:12px;cursor:pointer;width:100%;margin-top:13px}.v9-rail-cta:hover{filter:brightness(1.16)}.v9-rail-social{display:flex;gap:9px;align-items:center;justify-content:center;font-size:14px;color:#e6f6ff}.v9-rail-social a{border:1px solid #207cd2;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;color:#e6f6ff;text-decoration:none;font-weight:800}
/* Existing live Supabase sections remain; never fabricate published items. */
body[data-page=index]>.hero{display:none}body[data-page=index] main>.hero,body[data-page=index] .explore-panel{display:none!important}body[data-page=index] main>.section.shell,body[data-page=index] main>.small-status{max-width:min(1520px,calc(100% - 44px));width:auto}body[data-page=index] main>.section.shell{border:1px solid #0b427c;border-radius:17px;background:#06132b9c;padding:22px;margin-top:16px;margin-bottom:18px}body[data-page=index] main>.section.shell .section-heading h2{color:#f5faff}body[data-page=index] .cards{gap:16px}
.site-footer{background:#020a1b;border-top:1px solid #116bb5}.vivo-panel{border-color:#057fe9;box-shadow:0 20px 75px #000d,0 0 22px #0d8aff55}#vivo-launch{box-shadow:0 0 22px #00d6ff66}
@media(max-width:1200px){.v9-layout{grid-template-columns:minmax(0,1fr) 300px}.v9-categories{grid-template-columns:repeat(3,1fr)}.v9-person{height:280px}.v9-banner{min-height:390px}.nav>a{font-size:11px!important}}
@media(max-width:900px){.v9-layout{grid-template-columns:1fr}.v9-rail{position:static;display:grid;grid-template-columns:1fr 1fr}.v9-rail-card:first-child{grid-column:1}.v9-person{height:230px}.v9-banner{min-height:360px}.v9-banner-content{padding:45px 30px}.v9-banner h1{font-size:clamp(35px,7vw,55px)}}
@media(max-width:600px){.v9-layout{width:calc(100% - 22px);margin-top:12px;gap:10px}.v9-banner{min-height:410px}.v9-banner-content{padding:38px 22px}.v9-banner h1{font-size:37px;letter-spacing:-1.6px}.v9-eyebrow{font-size:10px;letter-spacing:2px}.v9-banner p.v9-intro{font-size:13px}.v9-categories{grid-template-columns:repeat(2,1fr)}.v9-poster-grid{grid-template-columns:repeat(2,1fr)}.v9-rail{grid-template-columns:1fr}.v9-person{height:250px}body[data-page=index] main>.section.shell,body[data-page=index] main>.small-status{max-width:calc(100% - 22px)}.v9-section-title h2{font-size:19px}.v9-cat{min-height:72px}.v9-cat-icon{width:34px;height:36px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.v9-cat,.v9-poster{transition:none}}

/* V9 referencia visual: distribución y componentes */
body[data-page="index"] .v9-topbar{display:flex;align-items:center;gap:18px;padding:8px clamp(12px,2vw,35px);min-height:76px}.v9-topbar .brand{min-width:260px}.v9-topbar .brand-mark{font-size:22px!important;letter-spacing:-3px;font-style:italic;font-weight:1000;color:#e6ffff!important;background:linear-gradient(140deg,#04dfff,#0067ff 50%,#b23cff)!important;border:2px solid #06d8ff!important;border-radius:50%!important;width:60px;height:60px;box-shadow:0 0 20px #005fff77!important}.v9-topbar .brand-mark:before{display:none}.v9-topbar .brand-text{font-size:20px!important}.v9-topbar .v9-nav{display:flex;align-items:stretch;justify-content:center;gap:0!important;flex:1}.v9-topbar .v9-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:68px;gap:4px;font-size:10px!important;padding:6px 7px!important;white-space:nowrap}.v9-topbar .v9-nav a span{font-size:24px;line-height:1.1;color:#d9e8ff}.v9-topbar .v9-nav a[aria-current]{background:linear-gradient(0deg,#052e5c,transparent);border-bottom:2px solid #00d9ff}.v9-topbar .v9-nav a[aria-current] span{color:#00e8ff}.v9-search{border:1px solid #0db4ff;border-radius:25px;display:flex;align-items:center;width:205px;height:38px;flex-shrink:1;min-width:140px;background:#04122b}.v9-search input{min-width:0;flex:1;width:100%;background:transparent;border:0;color:white;padding:0 12px;outline:none;font-size:12px}.v9-search button{background:none;border:0;color:#effaff;font-size:27px;cursor:pointer;padding:0 12px}.v9-unheval{display:flex;align-items:center;gap:9px;color:white;text-decoration:none;border-left:1px solid #1c62a0;padding-left:15px;min-width:145px}.v9-unheval img{width:47px;height:53px;object-fit:contain;background:#fff;border-radius:50%;padding:2px}.v9-unheval strong{color:#05dfff;font-size:13px}.v9-unheval small{display:block;font-size:10px;line-height:1.1;color:#e1edff}.v9-layout{width:calc(100% - 32px);max-width:1640px;grid-template-columns:minmax(0,1fr) 370px;gap:12px;margin:12px auto 0}.v9-banner{min-height:355px;border-radius:12px}.v9-banner-content{padding:40px 32px}.v9-banner h1{font-size:clamp(36px,3.5vw,58px)}.v9-banner .v9-intro{max-width:450px}.v9-categories{margin:10px 0;gap:6px}.v9-cat{min-height:66px;padding:7px;gap:7px;border-radius:9px}.v9-cat-icon{font-size:22px}.v9-showcase{padding:15px;margin-bottom:10px;border-radius:12px}.v9-section-title h2{font-size:18px}.v9-poster-grid{gap:9px}.v9-poster img{aspect-ratio:1.8}.v9-poster{position:relative}.v9-poster strong{font-size:12px}.v9-poster small{font-size:10px}.v9-latest{display:grid;grid-template-columns:1.55fr 1fr;gap:10px}.v9-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v9-mini-grid a{display:block;border:1px solid #12558e;border-radius:8px;overflow:hidden;color:white;text-decoration:none;font-size:11px;background:#051631}.v9-mini-grid img{width:100%;aspect-ratio:1.45;object-fit:cover;display:block}.v9-mini-grid span{display:block;padding:7px}.v9-disclaimer{display:block;margin-top:9px;color:#95b6d5;font-size:10px}.v9-audio-teasers{display:grid;gap:8px}.v9-audio-teasers a{display:flex;align-items:center;gap:9px;padding:12px 9px;border:1px solid #0870bb;border-radius:10px;text-decoration:none;color:white;background:#061c3d}.v9-audio-teasers strong{font-size:12px}.v9-audio-teasers small{display:block;font-size:10px;color:#a9c9e9;margin-top:3px}.v9-play{border:2px solid #00dfff;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;color:#00e9ff;flex-shrink:0}.v9-wave{color:#05b7ff;letter-spacing:1px;font-size:14px;margin-left:auto}.v9-rail{top:88px;gap:10px}.v9-rail-card{padding:10px;border-radius:12px}.v9-person{height:315px}.v9-person-title{bottom:12px;left:14px}.v9-person-title strong{font-size:25px;color:#fff;text-shadow:0 2px 12px #000}.v9-person-title span{display:block;max-width:190px;font-size:12px}.v9-assistant-body{padding:3px 5px}.v9-assistant-body h3{color:#e9f8ff;font-size:15px;margin:9px 0}.v9-help-links{display:grid;grid-template-columns:1fr 1fr;gap:6px}.v9-help-links a{padding:9px 8px;font-size:11px;border-radius:9px}.v9-help-links a:nth-child(2){grid-column:2}.v9-rail-cta{margin-top:10px;padding:11px}.v9-assistant-body>small{display:block;text-align:center;font-size:10px;color:#9eb6d1;margin:7px 0}.v9-social-card h3{color:#03e3ff;font-size:15px;margin:5px 3px 12px}.v9-rail-social{justify-content:flex-start;padding:0 3px}.v9-rail-social a{font-size:19px;background:linear-gradient(135deg,#087fff,#152f8d);border:0}.v9-rail-social a:nth-child(2){background:linear-gradient(135deg,#7a33dd,#e2369b,#f5a340)}.v9-rail-social a:nth-child(3){background:#d41c3b}.v9-rail-social a:nth-child(4){background:#0b1428}.v9-rail-social a:nth-child(5){background:#07a975}.v9-robot{display:flex;justify-content:space-around;align-items:center;min-height:108px}.v9-robot span{border:1px solid #0d9cff;border-radius:13px;padding:12px;color:#0ae5ff;font-size:12px}.v9-robot img{width:112px;height:108px;object-fit:contain;filter:drop-shadow(0 0 10px #00bfff)}body[data-page=index] .social-widget{display:none!important}body[data-page=index] #vivo-launch{right:16px;bottom:15px;width:56px;height:56px}body[data-page=index] .vivo-panel{right:16px;bottom:80px}body[data-page=index] .v9-showcase-note{display:block}body[data-page=index] .v9-showcase .v9-poster-grid a:before{content:'▶';position:absolute;top:28%;left:calc(50% - 18px);z-index:2;width:36px;height:36px;border:2px solid white;border-radius:50%;display:grid;place-items:center;background:#02091f99;color:white}body[data-page=index] .v9-showcase .v9-poster-grid a{position:relative}
@media(max-width:1350px){.v9-topbar .brand{min-width:200px}.v9-topbar .v9-nav a{min-width:53px;font-size:9px!important}.v9-search{width:155px}.v9-layout{grid-template-columns:minmax(0,1fr) 320px}.v9-latest{grid-template-columns:1fr}.v9-person{height:270px}}@media(max-width:1020px){.v9-topbar .v9-search{display:none}.v9-topbar .v9-unheval{min-width:115px}.v9-layout{grid-template-columns:1fr}.v9-rail{position:static;display:grid;grid-template-columns:1fr 1fr}.v9-latest{grid-template-columns:1.4fr 1fr}}@media(max-width:760px){.v9-topbar .v9-nav{display:none}.v9-topbar .v9-nav.open{display:flex;position:absolute;top:70px;left:0;right:0;background:#03132e;flex-wrap:wrap;z-index:200}.v9-topbar .menu-toggle{display:block}.v9-topbar .v9-unheval{margin-left:auto}.v9-layout{width:calc(100% - 20px)}.v9-rail{grid-template-columns:1fr}.v9-latest{grid-template-columns:1fr}.v9-categories{grid-template-columns:repeat(2,1fr)}.v9-poster-grid{grid-template-columns:repeat(2,1fr)}.v9-banner-content{padding:28px 20px}.v9-banner h1{font-size:35px}.v9-unheval small{display:none}}