:root{--ink:#1a0a3a;--purple:#30106c;--purple-2:#5d1bb2;--magenta:#e5007d;--yellow:#ffd100;--paper:#fff;--soft:#f6f3fb;--muted:#706982;--green:#20c66b;--shadow:0 22px 60px rgba(28,7,61,.14)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.site-header{height:78px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:32px;background:rgba(20,5,48,.93);backdrop-filter:blur(16px);color:#fff;position:fixed;inset:0 0 auto;z-index:30;border-bottom:1px solid rgba(255,255,255,.12)}
.brand{display:flex;align-items:center;gap:14px}.brand img{width:88px;height:42px;object-fit:cover;border-radius:8px}.brand .cx-logo{width:72px;object-position:center}.brand-divider{width:1px;height:28px;background:rgba(255,255,255,.35)}
nav{display:flex;gap:28px;font-size:14px;font-weight:700}nav a{opacity:.8;transition:.2s}nav a:hover{opacity:1;color:var(--yellow)}
.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:var(--yellow);color:#241047;font-weight:900;padding:15px 24px;box-shadow:0 12px 30px rgba(255,209,0,.25);transition:transform .2s,box-shadow .2s;cursor:pointer;font-family:inherit}.button:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(255,209,0,.35)}.button-small{padding:11px 18px;font-size:13px}
.hero{min-height:760px;padding:150px clamp(24px,6vw,90px) 70px;position:relative;color:white;background:radial-gradient(circle at 75% 15%,rgba(229,0,125,.36),transparent 32%),radial-gradient(circle at 10% 90%,rgba(90,45,200,.45),transparent 28%),linear-gradient(135deg,#12042e 0%,#2e0760 50%,#170332 100%);isolation:isolate;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.watermark{position:absolute;left:-2vw;bottom:16px;font-family:Montserrat,sans-serif;font-weight:900;font-size:clamp(80px,14vw,210px);letter-spacing:-10px;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07);z-index:-1;white-space:nowrap}
.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);z-index:-1}.hero-glow-one{width:480px;height:480px;right:-230px;top:90px;border:1px solid rgba(255,209,0,.25);box-shadow:0 0 110px rgba(229,0,125,.2)}.hero-glow-two{width:260px;height:260px;left:38%;bottom:-130px;background:rgba(229,0,125,.12)}
.hero-content{max-width:620px;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:1.8px;font-size:12px;font-weight:800;color:#fff}.eyebrow i{display:block;width:30px;height:3px;background:var(--yellow);border-radius:3px}
.hero h1{font-family:Montserrat,sans-serif;font-size:clamp(46px,5.5vw,82px);line-height:.98;letter-spacing:-3px;margin:22px 0}.hero h1 em{font-style:normal;color:var(--yellow)}.hero-content>p{font-size:18px;line-height:1.65;color:rgba(255,255,255,.76);max-width:570px}.hero-actions{display:flex;gap:12px;margin:32px 0}.button-ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.3);color:#fff;box-shadow:none}.hero-proof{display:flex;gap:28px;border-top:1px solid rgba(255,255,255,.18);padding-top:24px;color:rgba(255,255,255,.7);font-size:12px}.hero-proof span{display:flex;flex-direction:column}.hero-proof b{color:#fff;font-size:16px}
.entertainment-stage{position:absolute;right:clamp(20px,5vw,72px);top:128px;width:min(47vw,720px);z-index:3}.stage-heading{display:flex;justify-content:space-between;align-items:end;margin:0 4px 18px}.stage-heading span{text-transform:uppercase;color:var(--yellow);font-size:11px;letter-spacing:2px;font-weight:800}.stage-heading h2{font:800 clamp(21px,2.2vw,34px)/1.1 Montserrat,sans-serif;margin:5px 0 0}.streaming-logos{display:flex;align-items:center;gap:8px}.streaming-logos b{font-size:10px;border:1px solid rgba(255,255,255,.2);border-radius:7px;padding:7px 9px;background:rgba(255,255,255,.08)}.streaming-logos .disney{color:#68e5ff}.streaming-logos .paramount{color:#fff}.streaming-logos .hbo{color:#eab9ff}
.poster-grid{display:grid;grid-template-columns:1.15fr .9fr;grid-template-rows:220px 220px;gap:14px}.poster{position:relative;overflow:hidden;border-radius:22px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(255,255,255,.13);box-shadow:0 24px 60px rgba(0,0,0,.28);isolation:isolate}.poster:before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:transform .5s}.poster:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(9,2,27,.98),rgba(20,4,53,.08) 80%)}.poster:hover:before{transform:scale(1.04)}.poster-family{grid-row:span 2}.poster-family:before{background-image:radial-gradient(circle at 70% 20%,#62dcff,transparent 25%),linear-gradient(145deg,#072f68,#280661 56%,#e5007d)}.poster-premieres:before{background-image:radial-gradient(circle at 18% 15%,#ff4cb1,transparent 24%),linear-gradient(125deg,#1d064b,#5c149f 55%,#10155b)}.poster-streaming:before{background-image:radial-gradient(circle at 80% 30%,#ffd100,transparent 22%),linear-gradient(135deg,#e5007d,#56128f 55%,#0d093f)}
.poster-number{position:absolute;right:18px;top:10px;font:900 58px Montserrat;color:rgba(255,255,255,.08)}.poster>span{text-transform:uppercase;color:var(--yellow);font-size:10px;font-weight:800;letter-spacing:1.8px}.poster h3{font:800 22px/1.1 Montserrat;margin:8px 0}.poster p{font-size:12px;color:rgba(255,255,255,.68);margin:0;line-height:1.45}.availability-note{font-size:10px;color:rgba(255,255,255,.45);margin:12px 4px 0;text-align:right}
.plans-section{padding:100px clamp(22px,5vw,76px);background:linear-gradient(#fff,#f8f5fc);position:relative}.plans-section:after{content:"CX";position:absolute;right:-25px;top:12px;font:900 180px Montserrat;color:rgba(48,16,108,.025)}.section-title{text-align:center;max-width:780px;margin:0 auto 50px;position:relative;z-index:1}.eyebrow.dark{color:var(--magenta)}.section-title h2{font:900 clamp(34px,4vw,54px)/1.05 Montserrat;margin:18px 0 14px;letter-spacing:-2px}.section-title>p{color:var(--muted);font-size:17px}.section-title strong{color:var(--purple)}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1240px;margin:auto;align-items:stretch}.plan-card{background:#fff;border:1px solid #e9e2f1;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);position:relative;transition:transform .25s}.plan-card:hover{transform:translateY(-6px)}.plan-card.featured{border:2px solid var(--magenta);transform:translateY(-12px)}.plan-card.featured:hover{transform:translateY(-18px)}.recommended{position:absolute;z-index:4;right:14px;top:14px;background:var(--yellow);color:var(--purple);padding:7px 12px;border-radius:999px;font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:1px}.plan-image-wrap{height:250px;position:relative;overflow:hidden;background:#1d074d}.plan-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.plan-card:hover .plan-image-wrap img{transform:scale(1.04)}.plan-badge{position:absolute;left:16px;bottom:15px;background:rgba(229,0,125,.95);color:#fff;padding:8px 13px;border-radius:9px;font-size:11px;font-weight:900;text-transform:uppercase;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.plan-body{padding:27px}.plan-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--magenta);font-weight:900;font-size:11px;margin:0}.plan-body h3{font:800 21px Montserrat;margin:6px 0 3px}.plan-body h3 b{font-size:39px;letter-spacing:-2px}.plan-streaming{height:42px;font-size:13px;color:var(--muted);margin:4px 0 15px}.price{display:flex;align-items:flex-start;color:var(--purple);margin:4px 0 18px}.price sup{font-size:22px;font-weight:900;margin-top:7px}.price strong{font:900 55px/.9 Montserrat;letter-spacing:-3px}.price span{font-size:24px;font-weight:900;line-height:.8;margin:7px 0 0 3px}.price small{font-size:9px;text-transform:uppercase;color:var(--muted);letter-spacing:.8px}.plan-body ul{padding:0;margin:0 0 24px;list-style:none}.plan-body li{padding:8px 0 8px 25px;border-bottom:1px solid #eee9f4;font-size:13px;position:relative}.plan-body li:before{content:"✓";position:absolute;left:0;color:var(--magenta);font-weight:900}.plan-button{width:100%;background:var(--purple);color:#fff;box-shadow:none}.plan-button:hover{background:var(--magenta)}.terms{text-align:center;color:#827b8f;font-size:10px;margin:32px auto 0;max-width:800px}
.contact-section{padding:90px clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr minmax(380px,520px);gap:9vw;align-items:center;color:#fff;background:radial-gradient(circle at 15% 30%,rgba(229,0,125,.36),transparent 32%),linear-gradient(130deg,#16043a,#3d0875);position:relative;overflow:hidden}.contact-section:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;border:80px solid rgba(255,209,0,.05);right:-280px;bottom:-330px}.eyebrow.light{color:#fff}.contact-copy h2{font:900 clamp(38px,4.4vw,62px)/1.02 Montserrat;margin:22px 0;letter-spacing:-2px}.contact-copy>p{color:rgba(255,255,255,.73);font-size:17px;line-height:1.7;max-width:590px}.contact-highlights{display:flex;gap:12px;margin-top:36px}.contact-highlights span{display:flex;flex-direction:column;gap:4px;font-size:11px;color:rgba(255,255,255,.67);padding-right:18px;border-right:1px solid rgba(255,255,255,.18)}.contact-highlights span:last-child{border:0}.contact-highlights b{color:var(--yellow);font-size:20px}
.lead-form{background:#fff;color:var(--ink);padding:34px;border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.3);position:relative;z-index:2}.form-heading span{font-size:10px;color:var(--magenta);font-weight:900;text-transform:uppercase;letter-spacing:1.5px}.form-heading h3{font:800 26px Montserrat;margin:7px 0 24px}.lead-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;text-transform:uppercase;letter-spacing:.8px;font-weight:800;margin-bottom:15px}.lead-form input,.lead-form select{width:100%;height:48px;border:1px solid #dcd5e6;border-radius:10px;background:#faf9fc;padding:0 14px;color:var(--ink);font:500 14px Manrope;outline:none}.lead-form input:focus,.lead-form select:focus{border-color:var(--magenta);box-shadow:0 0 0 3px rgba(229,0,125,.1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lead-form .check{flex-direction:row;align-items:flex-start;text-transform:none;letter-spacing:0;color:var(--muted);font-weight:500;line-height:1.4}.check input{width:17px;height:17px;flex:0 0 auto;margin:1px 0}.form-button{width:100%;background:var(--green);color:#fff;box-shadow:0 12px 28px rgba(32,198,107,.25)}.form-button svg{width:20px;fill:#fff;margin-right:9px}.form-status{min-height:18px;margin:10px 0 0;color:var(--magenta);font-size:12px;text-align:center}
footer{background:#0e0225;color:rgba(255,255,255,.64);padding:28px clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:48px;height:48px;border-radius:50%;object-fit:cover}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{color:#fff;font-size:14px}.footer-brand span{font-size:9px}.footer-brand+p{margin-left:auto}footer a{color:#fff;font-weight:700}
.floating-whatsapp{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--green);box-shadow:0 12px 34px rgba(0,0,0,.27);z-index:20;transition:transform .2s}.floating-whatsapp:hover{transform:scale(1.08)}.floating-whatsapp svg{width:30px;fill:#fff}
@media(max-width:1050px){.site-header nav{display:none}.hero{padding-top:125px}.hero-content{max-width:580px}.entertainment-stage{position:relative;right:auto;top:auto;width:100%;margin-top:65px}.poster-grid{grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:280px}.poster-family{grid-row:auto}.hero{min-height:auto}.plan-grid{grid-template-columns:repeat(2,1fr)}.plan-card:last-child{grid-column:1/-1;max-width:520px;justify-self:center;width:100%}.contact-section{grid-template-columns:1fr 1fr;gap:5vw;padding-inline:45px}}
@media(max-width:720px){.site-header{height:68px;padding:0 17px}.brand img{width:73px;height:36px}.brand .cx-logo{width:58px}.button-small{font-size:0;padding:11px}.button-small:after{content:"WhatsApp";font-size:11px}.hero{padding:112px 19px 52px}.hero h1{font-size:46px;letter-spacing:-2px}.hero-content>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-proof{gap:15px;justify-content:space-between}.hero-proof b{font-size:14px}.stage-heading{align-items:flex-start;gap:20px}.streaming-logos{display:none}.poster-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.poster{min-width:82vw;height:320px;scroll-snap-align:center}.plans-section{padding:72px 18px}.section-title h2{font-size:38px}.plan-grid{grid-template-columns:1fr;gap:22px}.plan-card.featured{transform:none}.plan-card.featured:hover{transform:translateY(-6px)}.plan-card:last-child{grid-column:auto}.plan-image-wrap{height:280px}.contact-section{padding:70px 18px;grid-template-columns:1fr}.contact-highlights{justify-content:space-between}.lead-form{padding:25px 19px}.form-row{grid-template-columns:1fr}.contact-copy h2{font-size:40px}footer{flex-direction:column;text-align:center}.footer-brand+p{margin:0}.watermark{letter-spacing:-5px}.floating-whatsapp{width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.stage-heading>div:first-child{min-width:0}
@media(max-width:720px){.stage-heading h2{font-size:20px;max-width:310px}}

/* Ajustes visuales del segundo borrador */
.brand{gap:0}.brand img{width:96px;height:44px}
.cx-watermark{position:absolute;left:-35px;bottom:-45px;width:clamp(280px,35vw,580px);height:auto;border-radius:50%;opacity:.055;filter:grayscale(1) brightness(4);mix-blend-mode:screen;z-index:-1;pointer-events:none}
.entertainment-stage{top:135px}
.gamer-visual{height:500px;position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.16);box-shadow:0 28px 80px rgba(0,0,0,.38)}
.gamer-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,3,42,.55),transparent 42%),linear-gradient(0deg,rgba(16,3,42,.92),transparent 52%)}
.gamer-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.gamer-caption{position:absolute;left:28px;right:28px;bottom:27px;z-index:2;display:flex;flex-direction:column;gap:6px}
.gamer-caption span{color:var(--yellow);font-size:11px;text-transform:uppercase;letter-spacing:1.7px;font-weight:900}
.gamer-caption strong{max-width:470px;font:800 clamp(22px,2.4vw,36px)/1.12 Montserrat,sans-serif}
.section-title{max-width:1050px;margin-bottom:42px}.section-title h2{margin:16px 0 5px}.section-title>p.fiber-line{color:var(--muted);font-size:21px;line-height:1.25;margin:0}.section-title strong{color:var(--purple)}
.plan-grid{max-width:1160px}.plan-card{box-shadow:0 16px 45px rgba(28,7,61,.1)}.plan-card:before{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--purple),var(--magenta))}.plan-card.featured{transform:translateY(-8px)}.plan-card.featured:hover{transform:translateY(-14px)}
.recommended{right:18px;top:22px}.plan-body{padding:32px}.plan-badge{display:inline-flex;position:static;background:#f4eafd;color:var(--purple-2);padding:8px 12px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;box-shadow:none;margin-bottom:23px}.plan-body h3 b{font-size:43px}.price strong{font-size:57px}
.contact-copy{text-align:center}.contact-copy .eyebrow{justify-content:center}.contact-copy h2{font-size:clamp(34px,4vw,54px);line-height:1.06;margin:18px 0 14px}.contact-copy>p{font-size:18px;line-height:1.6;margin-inline:auto}.contact-highlights{justify-content:center;text-align:left;margin-top:32px}
.form-heading{text-align:center}.form-heading h3{font-size:27px;margin:0 0 24px}
.form-button{background:#9b4de3;box-shadow:0 12px 28px rgba(73,17,125,.28)}.form-button:hover{background:#b05cf3;box-shadow:0 16px 36px rgba(73,17,125,.34)}
footer{min-height:150px;padding:30px clamp(22px,5vw,76px);position:relative;display:grid;place-items:center;justify-content:center;gap:0}.footer-center{width:min(380px,80vw);display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.footer-center a{color:#fff;font-size:15px;font-weight:800}.footer-line{width:100%;height:1px;background:rgba(255,255,255,.22)}.footer-center p{margin:0}.footer-distributor{position:absolute;right:clamp(22px,5vw,76px);bottom:20px;margin:0;text-align:right;font-size:10px}.floating-whatsapp{background:#9b4de3;box-shadow:0 12px 34px rgba(73,17,125,.4)}.floating-whatsapp:hover{background:#b05cf3}
@media(max-width:1050px){.entertainment-stage{top:auto}}
@media(max-width:720px){.brand img{width:78px;height:37px}.gamer-visual{height:340px;border-radius:20px}.gamer-visual img{object-position:62% center}.gamer-caption{left:20px;right:20px;bottom:20px}.section-title>p.fiber-line{font-size:19px}.plan-card.featured{transform:none}.plan-card.featured:hover{transform:translateY(-6px)}.contact-copy h2{font-size:38px}footer{min-height:180px;padding-bottom:58px}.footer-distributor{right:20px;bottom:17px;max-width:280px}.cx-watermark{width:320px;left:-70px;bottom:-20px}}
.plan-body li{font-size:14px}
.gamer-visual{height:540px;overflow:visible;border:0;border-radius:0;box-shadow:none;background:transparent}
.gamer-visual:after{display:none}
.gamer-visual img{height:100%;object-fit:cover;opacity:.92;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 15%,#000 88%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 10%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,#000 15%,#000 88%,transparent 100%);filter:saturate(.95) contrast(1.03)}
@media(max-width:720px){.gamer-visual{height:340px;margin-inline:-19px}.gamer-visual img{object-position:62% center;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 88%,transparent 100%)}}
.plan-services{min-height:52px;margin:9px 0 14px;display:flex;align-items:center;align-content:center;flex-wrap:wrap;gap:7px}
.service-logo{height:25px;display:inline-flex;align-items:center;justify-content:center;padding:0 9px;border-radius:7px;white-space:nowrap;font-size:10px;line-height:1;font-weight:900}
.service-logo.zapping{background:#e5007d;color:#fff;font-size:11px;letter-spacing:-.4px}
.service-logo.disney{background:#082c78;color:#fff;font-family:cursive;font-size:12px}
.service-logo.paramount{background:#1465d8;color:#fff;font-family:Georgia,serif;font-style:italic;font-size:9px}
.service-logo.hbo{background:#160526;color:#fff;font-family:Arial,sans-serif;font-size:12px;letter-spacing:-.7px}
@media(max-width:1100px) and (min-width:721px){.service-logo{padding-inline:7px;font-size:9px}.service-logo.disney{font-size:10px}.service-logo.hbo{font-size:11px}}
nav{font-size:16px}
img.service-logo{width:48px;height:38px;display:block;padding:3px;border-radius:8px;object-fit:cover;box-shadow:0 4px 12px rgba(30,8,65,.13)}
img.service-logo.hbo{width:60px;background:#090914}
img.service-logo.paramount{background:#fff}

/* Collapsible navigation on phones and tablets. */
html { scroll-padding-top: 94px; }
.menu-toggle { display: none; }
@media (max-width: 1050px) {
  .site-header { height: 78px; display: flex; gap: 14px; }
  .site-header .brand { margin-right: auto; }
  .site-header > .button { order: 1; }
  .menu-toggle {
    order: 2; display: flex; flex-direction: column; justify-content: center;
    align-items: center; gap: 5px; width: 44px; height: 44px; flex-shrink: 0;
    border: 1px solid #ffffff55; border-radius: 10px; background: transparent;
    color: white; cursor: pointer;
  }
  .menu-toggle span { display: block; width: 22px; height: 2px; background: currentColor; transition: transform .2s, opacity .2s; }
  .menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .site-header nav {
    display: none; position: absolute; top: 100%; left: 0; right: 0;
    padding: 12px 20px 18px; background: #1a073b;
    border-top: 1px solid #ffffff22; box-shadow: 0 16px 28px #0003;
    flex-direction: column; gap: 4px; font-size: 16px;
  }
  .site-header nav.is-open { display: flex; }
  .site-header nav a { display: flex; align-items: center; min-height: 48px; padding: 8px 12px; opacity: 1; border-radius: 8px; }
  .site-header nav a:hover { background: #ffffff0d; }
  .menu-toggle:focus-visible, .site-header nav a:focus-visible { outline: 2px solid var(--yellow); outline-offset: 3px; }
}
@media (max-width: 720px) {
  .site-header { height: 68px; }
  html { scroll-padding-top: 84px; }
}