@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,700;1,800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#041329;--dark:#020d20;--panel:#071d3d;--blue:#087cff;--cyan:#00c9ed;--text:#f6f8ff;--muted:#a4b5ce;--line:#203b5e;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--navy);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.6}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button:disabled{cursor:wait;opacity:.6}svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.container{width:min(1200px,calc(100% - 80px));margin:auto}.skip{position:fixed;left:15px;top:-100px;background:var(--cyan);color:var(--navy);z-index:20;padding:12px}.skip:focus{top:10px}.utility{background:#081e3d;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.03em}.utility .container{display:flex;justify-content:space-between;padding-block:9px}.utility .container>span{color:var(--cyan)}.utility a{color:#ccd8e9}.header{position:sticky;top:0;z-index:10;background:rgba(4,19,41,.97);border-bottom:1px solid #1d3552}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{display:block;flex-shrink:0;width:205px;height:48px;background-image:url('assets/logo-original.png');background-repeat:no-repeat;background-size:169% auto;background-position:49.5% 50.5%}.header nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.header nav>a:not(.button),.nav-link{transition:color .2s}.header nav>a:hover,.nav-link:hover{color:var(--cyan)}.nav-link{border:0;background:none;padding:0;font-size:13px;font-weight:600}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:53px;background:var(--blue);border:1px solid var(--blue);border-radius:8px;color:white;font-size:12px;letter-spacing:.04em;font-weight:800;padding:16px 25px;transition:background .2s,transform .2s,border-color .2s}.button:hover{background:#2090ff;border-color:#2090ff;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.button.small{min-height:41px;padding:10px 20px;font-size:11px;border-radius:30px;gap:20px}.menu-toggle{display:none}.hero{position:relative;min-height:600px;overflow:hidden;background:#072857}.hero-photo{position:absolute;inset:0;background:url('assets/hero-gamer.png') center 48%/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,21,50,.97) 0%,rgba(4,30,72,.88) 26%,rgba(4,30,72,.25) 53%,transparent 74%)}.hero-content{position:relative;padding-block:60px;z-index:1}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:800;color:var(--cyan);margin:0 0 19px;text-transform:uppercase}.status-dot{width:6px;height:6px;border-radius:100%;background:var(--cyan);display:inline-block;margin-right:7px;box-shadow:0 0 0 4px #00c9ed18}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(62px,6.8vw,100px);font-style:italic;letter-spacing:-.015em;font-weight:800;line-height:.92;margin:0 0 24px}h1>span{color:var(--cyan)}.hero-copy{font-size:16px;line-height:1.7;color:#d4e3f6;margin:0 0 27px}.hero-caption{display:flex;align-items:center;gap:12px;margin-top:28px;color:#9ab4d3;font-size:11px;line-height:1.6}.hero-caption strong{font-weight:600;color:#dce9fa}.hero-caption svg{color:var(--cyan);width:29px;height:29px}.hero-number{position:absolute;right:35px;bottom:25px;font-size:9px;letter-spacing:.25em;color:#d2e9ff;writing-mode:vertical-rl}.promo{background:var(--blue)}.promo .container{display:flex;justify-content:center;align-items:center;gap:24px;min-height:75px}.promo svg{width:38px;height:38px}.promo p{font-size:20px;font-weight:600;margin:0;letter-spacing:-.02em}.promo strong{font-weight:800}.promo a{font-size:28px;margin-left:20px}.section{padding-block:90px}h2{font-size:clamp(30px,3.1vw,43px);font-weight:800;letter-spacing:-.05em;line-height:1.2;margin:0 0 20px}h2 span{color:var(--cyan)}.section-heading{text-align:center;margin-bottom:55px}.section-heading .eyebrow{margin-bottom:15px}.section-heading h2{margin-bottom:14px}.section-heading>p:last-child{color:var(--muted);font-size:14px}.plans-section{background:radial-gradient(ellipse at 50% 40%,#0a2851 0%,var(--navy) 65%)}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.plan{position:relative;background:linear-gradient(155deg,#0a2346,#06172f);padding:30px 29px 27px;border:1px solid #285583;border-radius:var(--radius);display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.plan:hover{border-color:var(--cyan);transform:translateY(-5px)}.plan.featured{background:linear-gradient(155deg,#105fe0,#073b92 65%,#052452);border-color:#099dff}.recommended{position:absolute;top:-17px;left:50%;transform:translateX(-50%);background:var(--cyan);color:#032652;font-size:10px;font-weight:800;letter-spacing:.07em;border-radius:30px;white-space:nowrap;padding:8px 24px}.plan-top{display:flex;align-items:center;justify-content:space-between;color:var(--cyan);margin-bottom:21px}.plan-index{font-size:9px;letter-spacing:.15em;font-weight:800}.plan-top svg{width:22px;height:22px}.plan h3{font-size:19px;letter-spacing:-.02em;margin:0 0 8px}.speed{font-size:61px;letter-spacing:-.07em;font-weight:800;line-height:1.15;margin:0 0 18px;color:var(--cyan)}.speed>span{font-size:21px;letter-spacing:-.03em}.featured .speed{color:white}.price{font-size:60px;letter-spacing:-.065em;font-weight:800;line-height:1.1;margin:0 0 12px}.price>span{font-size:25px;font-weight:600;letter-spacing:-.02em}.price>small{font-size:12px;font-weight:500;letter-spacing:0;color:#c0d7ef}.plan-description{color:#aabdd6;font-size:11px;padding-bottom:22px;margin:0;border-bottom:1px solid #335476}.featured .plan-description{color:#d2e6ff;border-color:#4785dc}.plan ul{list-style:none;padding:0;margin:24px 0 28px;flex:1}.plan li{position:relative;font-size:12px;padding-left:22px;margin-bottom:13px;line-height:1.4}.plan li:before{content:'✓';position:absolute;left:0;color:var(--cyan);font-weight:800;font-size:15px}.featured li:before{color:#8aefff}.plan .button{font-size:10px;gap:10px;width:100%;justify-content:space-between;padding-inline:18px}.outline{background:transparent;border-color:#46bddc}.outline:hover{background:#0b3e63;border-color:var(--cyan)}.light{background:white;color:#064398;border-color:white}.light:hover{background:#d7faff;border-color:#d7faff}.plan-note{text-align:center;color:#91a6c3;font-size:10px;margin:23px 0 34px}.benefit-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;padding:24px 10px}.benefit-strip>div{display:flex;justify-content:center;align-items:center;gap:16px}.benefit-strip>div+div{border-left:1px solid var(--line)}.benefit-strip svg{color:var(--cyan);width:28px;height:28px}.benefit-strip p{margin:0;font-size:11px;line-height:1.8}.benefit-strip strong,.benefit-strip p span{display:block}.benefit-strip p span{color:var(--muted);font-size:10px}.entertainment{border-top:1px solid var(--line);background:#061831}.entertainment-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.section-copy{font-size:14px;color:var(--muted);max-width:420px;line-height:1.9}.tv-art{position:relative;padding:40px 0 40px 8px}.screen{position:relative;aspect-ratio:1.5;border:8px solid #163d6c;border-radius:18px;background:radial-gradient(ellipse at 70% 20%,#088eff 0,#0842a4 30%,#061c46 75%);box-shadow:0 30px 75px #0007;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.screen:before{content:'';position:absolute;width:320px;height:320px;right:-180px;top:-190px;border:65px solid #00d7ff28;transform:rotate(30deg)}.play{display:grid;place-items:center;border:1px solid #88e9ff80;background:#08a8ff20;border-radius:50%;width:60px;height:60px;color:#c9f4ff;font-size:24px;padding-left:4px}.screen-label{font-size:10px;font-weight:800;letter-spacing:.15em;margin:20px 0}.screen-grid{display:flex;gap:6px}.screen-grid span{font-size:8px;letter-spacing:.1em;color:#b4dbff;border:1px solid #73bfff55;border-radius:5px;padding:8px 18px}.tv-base{width:35%;height:19px;border-bottom:7px solid #214d7f;transform:perspective(50px) rotateX(25deg);margin:auto}.tv-tag{position:absolute;bottom:36px;right:-18px;transform:rotate(-5deg);padding:10px 24px;border-radius:6px;background:var(--cyan);color:#003b65;font-size:11px;font-weight:800;box-shadow:0 10px 40px #0005}.tv-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0 27px}.tv-options>div+div{border-left:1px solid var(--line);padding-left:20px}.tv-options span{color:var(--cyan);font-size:8px;font-weight:800;letter-spacing:.1em;display:block}.tv-options strong{font-size:18px;display:block;margin-top:6px}.tv-options p{font-size:10px;color:var(--muted);margin:3px 0}.text-link{border:0;background:none;padding:0;color:var(--cyan);font-size:12px;font-weight:700;display:inline-flex;gap:16px;align-items:center}.text-link:hover{color:white}.coverage{background:#09284e;border-block:1px solid #23496e;padding-block:42px}.coverage-inner{display:flex;align-items:center;gap:25px}.coverage-icon{display:grid;place-items:center;border:1px solid #18619d;border-radius:50%;width:65px;height:65px;flex-shrink:0;color:var(--cyan)}.coverage-icon svg{width:31px;height:31px}.coverage .eyebrow{font-size:8px;margin-bottom:8px}.coverage h2{font-size:28px;margin-bottom:9px}.coverage p:not(.eyebrow){font-size:12px;color:#a8bfdc;margin:0}.coverage .button{margin-left:auto;white-space:nowrap;font-size:10px;padding:15px 20px}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.faq-section .text-link{margin-top:20px}.faqs details{border-bottom:1px solid var(--line)}.faqs details:first-child{border-top:1px solid var(--line)}.faqs summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;font-weight:700;padding:23px 0}.faqs summary::-webkit-details-marker{display:none}.faqs summary:after{content:'+';color:var(--cyan);font-size:22px;font-weight:400}.faqs details[open] summary:after{content:'−'}.faqs details p{font-size:12px;line-height:1.9;color:var(--muted);padding:0 25px 23px 0;margin:0}footer{background:#020a15;border-top:1px solid #162b40;padding:55px 0 18px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:45px}.footer-grid .logo{width:185px;height:45px}.footer-grid h3{font-size:12px;margin:10px 0 20px}.footer-grid p{color:#8598b2;font-size:11px}.footer-grid a:not(.logo),.footer-grid button{display:block;font-size:11px;color:#a8b7cc;margin:10px 0;border:0;background:none;padding:0;text-align:left}.footer-grid a:hover,.footer-grid button:hover{color:var(--cyan)}.footer-grid button.text-link{color:var(--cyan)}.footer-bottom{border-top:1px solid #15273c;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;color:#7589a2;font-size:9px}.footer-bottom p{margin:0}.floating-contact{position:fixed;right:25px;bottom:22px;z-index:9;display:flex;align-items:center;gap:10px;background:#07624e;border:1px solid #368e7e;color:white;border-radius:50px;box-shadow:0 8px 40px #0006;padding:12px 18px;font-size:11px;font-weight:700}.floating-contact svg{width:22px;height:22px}.floating-contact:hover{background:#08765e}dialog{background:#071b35;color:var(--text);border:1px solid #286094;border-radius:20px;width:min(530px,calc(100% - 30px));padding:35px;max-height:90dvh;box-shadow:0 35px 100px #0009}dialog::backdrop{background:#010b1ed9;backdrop-filter:blur(6px)}dialog h2{font-size:29px;letter-spacing:-.04em;padding-right:15px;margin-bottom:14px}dialog .eyebrow{font-size:9px}dialog>p:not(.eyebrow){font-size:12px;color:var(--muted)}.close-dialog{position:absolute;right:16px;top:14px;background:transparent;border:0;color:#a7bdd5;font-size:28px;padding:0 6px}form{margin-top:23px}label{display:block;font-size:11px;font-weight:700;margin-bottom:15px}input,select,textarea{display:block;width:100%;margin-top:7px;background:#041329;color:white;border:1px solid #294568;border-radius:7px;padding:10px 12px;font-size:12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #00c9ed22}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.optional{font-weight:400;color:var(--muted)}.form-notice{font-size:10px;color:#a9bbd1;line-height:1.7;border-top:1px solid var(--line);padding-top:14px}.form-submit{width:100%;font-size:11px}.form-result{font-size:11px;color:var(--cyan);line-height:1.7}.form-result:empty{display:none}
@media(min-width:1500px){.hero{min-height:680px}.hero-content{padding-block:80px}.hero-photo{background-position:center 48%}}
@media(max-width:1000px){.container{width:calc(100% - 48px)}.header nav{gap:20px}.logo{width:180px;height:45px}.plan{padding:28px 20px 22px}.speed{font-size:52px}.price{font-size:54px}.plan li{font-size:11px}.entertainment-grid{gap:45px}.coverage-inner{gap:18px}.coverage h2{font-size:24px}.coverage-icon{display:none}.faq-grid{gap:45px}.footer-grid{gap:25px}.hero{min-height:570px}.hero-content{padding-block:55px}}
@media(max-width:760px){html{scroll-padding-top:78px}.container{width:calc(100% - 36px)}.utility{font-size:9px}.utility .container{padding-block:7px}.nav-wrap{height:72px}.logo{width:174px;height:42px}.menu-toggle{display:flex;width:40px;height:40px;flex-direction:column;justify-content:center;gap:7px;border:1px solid #2c5074;border-radius:8px;background:none;padding:10px}.menu-toggle span{width:18px;height:1px;background:white}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#061831;padding:20px;border-bottom:1px solid #23476a;align-items:stretch}.header nav.open{display:flex;flex-direction:column;gap:0}.header nav>a,.header .nav-link{padding:13px 5px;text-align:left;font-size:14px}.header nav .button{margin-top:10px}.hero{min-height:680px}.hero-photo{background-position:66% center}.hero-shade{background:linear-gradient(90deg,#041329e0,#04132950),linear-gradient(0deg,#041329e8 0%,transparent 65%)}.hero-content{padding-block:38px}.hero .eyebrow{font-size:8px;letter-spacing:.15em}h1{font-size:73px;line-height:.95;margin-top:15px}.hero-copy{font-size:13px;max-width:230px}.hero .button{font-size:10px;min-height:48px;padding:13px 18px;gap:18px}.hero-caption{margin-top:25px;font-size:10px}.hero-number{display:none}.promo .container{gap:12px;min-height:77px}.promo p{font-size:14px;line-height:1.5;max-width:250px}.promo svg{width:29px;height:29px}.promo a{margin-left:0;font-size:23px}.section{padding-block:60px}.section-heading{margin-bottom:40px}.section-heading h2{font-size:32px;max-width:310px;margin-inline:auto}.section-heading>p:last-child{font-size:12px;max-width:290px;margin-inline:auto}.eyebrow{font-size:8px}.plan-grid{grid-template-columns:1fr;gap:32px;max-width:440px;margin:auto}.plan{padding:27px}.plan h3{font-size:20px}.plan-top{margin-bottom:13px}.speed{font-size:64px;margin-bottom:12px}.price{font-size:60px}.plan li{font-size:12px;margin-bottom:14px}.plan-description{font-size:12px}.plan .button{font-size:11px}.recommended{font-size:9px}.plan-note{font-size:9px;max-width:320px;margin:24px auto 30px}.benefit-strip{grid-template-columns:1fr;padding:5px 22px}.benefit-strip>div{justify-content:flex-start;padding:18px 5px;gap:20px}.benefit-strip>div+div{border-left:0;border-top:1px solid var(--line)}.benefit-strip p{font-size:12px}.benefit-strip p span{font-size:11px}.entertainment-grid{grid-template-columns:1fr;gap:25px}.tv-art{max-width:420px;width:100%;margin:auto;padding:5px 15px 25px 0}.tv-tag{right:0;bottom:25px}.entertainment h2{font-size:34px}.tv-options{max-width:400px}.coverage{padding-block:35px}.coverage-inner{align-items:flex-start;flex-direction:column;gap:23px}.coverage h2{font-size:27px;max-width:300px}.coverage .button{margin-left:0}.faq-grid{grid-template-columns:1fr;gap:30px}.faq-section h2{font-size:34px}.faq-section .text-link{margin-top:10px}.faqs summary{font-size:12px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-grid h3{margin-bottom:14px}.footer-grid .logo{width:175px;height:40px}.footer-bottom{display:block;padding-bottom:65px}.footer-bottom>span{display:block;margin-top:7px}.floating-contact{right:16px;bottom:16px;padding:12px 15px;font-size:10px}dialog{padding:29px 22px}dialog h2{font-size:27px}.form-row{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Carrusel familiar: originales sin compresión adicional. */
.hero-slides{position:absolute;inset:0 0 0 34%;overflow:hidden;background:#09264b}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 950ms ease,visibility 950ms;overflow:hidden}
.hero-slide.is-active{opacity:1;visibility:visible;z-index:1}
.hero-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%;transform:scale(1.015);transition:transform 7s cubic-bezier(.2,.5,.4,1)}
.hero-slide.is-active img{transform:scale(1.065)}
.hero-shade{z-index:2;background:linear-gradient(90deg,#041329 0%,#06204a 25%,rgba(5,30,65,.96) 34%,rgba(5,30,65,.6) 47%,rgba(5,30,65,.08) 65%,rgba(3,19,41,.05) 85%),linear-gradient(0deg,rgba(4,19,41,.6),transparent 35%)}
.hero-content{z-index:3;pointer-events:none;padding-left:22px}.hero-content a{pointer-events:auto}
.carousel-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:40px;height:58px;border:1px solid #aedcff50;background:#04132965;backdrop-filter:blur(6px);border-radius:9px;display:grid;place-items:center;color:white;transition:background .2s,border-color .2s}
.carousel-arrow:hover{background:#087cff;border-color:#00c9ed}.carousel-arrow svg{width:25px;height:25px;stroke-width:2}.carousel-prev{left:12px}.carousel-next{right:12px}
.carousel-controls{position:absolute;z-index:4;bottom:23px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;border:1px solid #c2ddff30;border-radius:40px;background:#04132999;backdrop-filter:blur(10px);padding:8px 14px}
.carousel-dots{display:flex;align-items:center;gap:9px}.carousel-dots button{position:relative;padding:0;border:0;width:9px;height:9px;border-radius:20px;background:#b5c6dc70;transition:width .35s,background .35s}.carousel-dots button:before{content:'';position:absolute;inset:-9px}.carousel-dots button.is-active{width:27px;background:var(--cyan)}.carousel-counter{font-size:9px;letter-spacing:.12em;white-space:nowrap;color:#cee4ff}.carousel-pause{display:grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid #8db1d955;border-radius:50%;background:transparent;font-size:12px;color:white}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.hero{min-height:700px}.hero-slides{inset:0}.hero-slide img{object-position:58% 50%}.hero-shade{background:linear-gradient(90deg,#041329cc,#04132922),linear-gradient(0deg,#041329f5 0%,#04132970 38%,#04132930 75%)}.hero-content{padding-left:26px;padding-right:26px}.hero h1{font-size:clamp(54px,11.5vw,73px)}.hero .hero-copy{max-width:240px}.carousel-arrow{width:31px;height:46px;top:52%;border-radius:6px}.carousel-prev{left:5px}.carousel-next{right:5px}.carousel-arrow svg{width:21px;height:21px}.carousel-controls{bottom:19px}.hero-caption{max-width:230px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.hero-slide img,.hero-slide.is-active img{transform:none;transition:none}}

/* Fotos HD más claras; degradado localizado para mantener el texto legible. */
.hero-slide img{filter:brightness(1.09) contrast(1.025)}
.hero-shade{background:linear-gradient(90deg,#041329 0%,#06204a 24%,rgba(5,30,65,.92) 33%,rgba(5,30,65,.43) 45%,transparent 65%),linear-gradient(0deg,rgba(4,19,41,.35),transparent 25%)}
.benefit-strip{grid-template-columns:repeat(2,1fr)}
@media(max-width:760px){.benefit-strip{grid-template-columns:1fr}.hero-shade{background:linear-gradient(90deg,#041329b8,#04132908),linear-gradient(0deg,#041329e8 0%,#04132950 38%,transparent 75%)}}

/* Barrido rectangular: 12 piezas se separan y ensamblan de izquierda a derecha. */
.hero-slide{transition:none}.hero-slide img,.hero-slide.is-active img{transform:none;transition:none}
.is-assembling .hero-slide{visibility:hidden;opacity:0}
.rectangle-transition{position:absolute;inset:0;z-index:2;background:#09264b;overflow:hidden;pointer-events:none}
.rectangle-tile{position:absolute;inset:0;will-change:transform,opacity}
.rectangle-tile img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:brightness(1.09) contrast(1.025)}
h1.animated-headline{line-height:.95}.animated-headline>.headline-line{display:block;color:var(--text);white-space:nowrap}.animated-headline>.headline-line:nth-child(2){color:var(--cyan)}
.headline-letter{display:inline-block;transform-origin:50% 85%}
.headline-run .headline-letter{animation:headline-assemble 950ms cubic-bezier(.16,.8,.25,1) both;animation-delay:var(--letter-delay)}
@keyframes headline-assemble{0%{opacity:0;transform:translateY(30px) rotateX(65deg);filter:blur(5px)}65%{opacity:1;filter:blur(0)}100%{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}}
.plans-section{padding-top:42px}.plans-section .section-heading{margin-bottom:42px}
@media(max-width:760px){.rectangle-tile img{object-position:58% 50%}.plans-section{padding-top:30px}.plans-section .section-heading{margin-bottom:35px}}
@media(prefers-reduced-motion:reduce){.headline-run .headline-letter{animation:none;opacity:1;transform:none;filter:none}}

/* Barrido continuo de derecha a izquierda, independiente de la tipografía. */
.sweep-panel{position:absolute;inset:0}.sweep-panel img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:brightness(1.09) contrast(1.025)}
.sweep-panel:last-child{will-change:clip-path}
.headline-run .headline-letter{animation:headline-repeat 4s cubic-bezier(.16,.8,.25,1) infinite both;animation-delay:var(--letter-delay)}
@keyframes headline-repeat{0%{opacity:0;transform:translateY(22px) rotateX(50deg);filter:blur(4px)}14%,100%{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}}
.floating-contact{background:#128c45;border-color:#3cbd73}.floating-contact:hover{background:#16a452}.floating-contact strong{display:block;font-size:12px;letter-spacing:.03em}.floating-contact>span{line-height:1.5}
@media(max-width:760px){.sweep-panel img{object-position:58% 50%}.floating-contact strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.headline-run .headline-letter{animation:none;opacity:1;transform:none;filter:none}}


/* Cinco franjas verticales: giro 3D escalonado de derecha a izquierda. */
.five-panel-transition{perspective:1500px;perspective-origin:50% 50%;overflow:hidden}
.flip-strip{position:absolute;top:0;bottom:0;width:20%;perspective:1100px}
.flip-rotor{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.flip-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#09264b}
.flip-back{transform:rotateY(180deg)}
.flip-face img{position:absolute;top:0;width:500%;max-width:none;height:100%;object-fit:cover;object-position:50% 45%;filter:brightness(1.09) contrast(1.025)}
@media(max-width:760px){.flip-face img{object-position:58% 50%}}

/* Ícono con transparencia real, sombra y flotación suave. */
.floating-contact.whatsapp-floating-icon{display:block;width:76px;height:76px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;right:27px;bottom:25px;animation:whatsapp-float 3.6s ease-in-out infinite;isolation:isolate}
.floating-contact.whatsapp-floating-icon:hover{background:transparent}
.whatsapp-floating-icon:before{content:'';position:absolute;inset:13px;border-radius:50%;background:#26d34b40;box-shadow:0 0 25px 9px #22d34d30;z-index:-1;animation:whatsapp-halo 2.8s ease-in-out infinite}
.whatsapp-floating-icon img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 8px #0008) drop-shadow(0 0 6px #21cf4a66);transition:filter .25s,scale .25s}
.whatsapp-floating-icon:hover img{scale:1.08;filter:drop-shadow(0 12px 10px #0009) drop-shadow(0 0 12px #21cf4aaa)}
.whatsapp-tooltip{position:absolute;right:90px;top:22px;white-space:nowrap;background:#061b32;color:white;border:1px solid #2b785b;border-radius:8px;padding:9px 13px;font-size:11px;font-weight:700;opacity:0;visibility:hidden;transform:translateX(6px);transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none}
.whatsapp-floating-icon:hover .whatsapp-tooltip,.whatsapp-floating-icon:focus-visible .whatsapp-tooltip{opacity:1;visibility:visible;transform:translateX(0)}
@keyframes whatsapp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes whatsapp-halo{0%,100%{opacity:.5;scale:.9}50%{opacity:1;scale:1.12}}
@media(max-width:760px){.floating-contact.whatsapp-floating-icon{width:64px;height:64px;right:17px;bottom:19px}.whatsapp-tooltip{right:74px;top:14px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.floating-contact.whatsapp-floating-icon,.whatsapp-floating-icon:before{animation:none}}
/* Barrido lateral combinado con zoom suave de la imagen. */
.hero-slide.is-active img{animation:portal-photo-zoom 6s ease-out both}
@keyframes portal-photo-zoom{from{transform:scale(1)}to{transform:scale(1.07)}}
.sweep-panel{position:absolute;inset:0}
.sweep-panel img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:brightness(1.09) contrast(1.025);transform:scale(1.07)}
.sweep-panel:last-child img{animation:portal-photo-zoom 6s ease-out both}
@media(max-width:760px){.sweep-panel img{object-position:58% 50%}}
@media(prefers-reduced-motion:reduce){.hero-slide.is-active img,.sweep-panel:last-child img{animation:none;transform:none}}

/* Planes grises: precio primero, velocidad debajo y azul al pasar el mouse. */
.plan,.plan.featured{background:#e3e5e9;color:#102443;border:1px solid #bcc4cf;box-shadow:0 8px 22px #0002;transition:background .3s,color .3s,box-shadow .3s,transform .3s,border-color .3s}
.plan .plan-top,.plan.featured .plan-top{color:#225a99}.plan .price{color:#102443;font-size:70px;margin:18px 0 13px}.plan .price>span{font-size:27px}.plan .price>small{color:#526780}
.plan .speed,.plan.featured .speed{color:#0868d9;font-size:43px;letter-spacing:-.04em;margin:0 0 22px}.plan .speed>span{font-size:20px}
.plan .plan-description,.plan.featured .plan-description{color:#4d627b;border-color:#b8c5d4}.plan li:before,.plan.featured li:before{color:#0874e8}
.plan .button,.plan.featured .button{background:transparent;color:#075dc0;border-color:#4382bf}.plan .recommended{background:#087cff;color:white}
.plan:hover,.plan.featured:hover,.plan:focus-within,.plan.featured:focus-within{background:#096ee8;color:white;border-color:#3db7ff;box-shadow:0 20px 45px #006cff50,0 8px 18px #0004;transform:translateY(-7px)}
.plan:hover .plan-top,.plan:focus-within .plan-top,.plan:hover .price,.plan:focus-within .price,.plan:hover .speed,.plan:focus-within .speed{color:white}
.plan:hover .price>small,.plan:focus-within .price>small,.plan:hover .plan-description,.plan:focus-within .plan-description{color:#e0edff;border-color:#71afff}
.plan:hover li:before,.plan:focus-within li:before{color:#9cffff}
.plan:hover .button,.plan:focus-within .button{background:white;border-color:white;color:#075dc0}
@media(max-width:760px){.plan .price{font-size:66px}.plan .speed{font-size:40px}}
/* Pie de página con tipografía más grande y legible. */
.footer-grid h3{font-size:20px;margin:8px 0 22px;color:#ffffff}
.footer-grid p{font-size:16px;line-height:1.8;color:#bdcce0}
.footer-grid a:not(.logo),.footer-grid button{font-size:16px;line-height:1.65;margin:13px 0;color:#d3dff0}
.footer-grid button.text-link{font-size:16px;color:#00d4f5}
.footer-bottom{font-size:13px;color:#a8bad1;line-height:1.8}
.footer-grid .logo{width:220px;height:54px}
@media(max-width:760px){.footer-grid h3{font-size:19px}.footer-grid p,.footer-grid a:not(.logo),.footer-grid button,.footer-grid button.text-link{font-size:15px}.footer-bottom{font-size:12px}.footer-grid .logo{width:205px;height:50px}}
/* Elimina visualmente el fondo del logo conservando el diseño original. */
.logo{filter:url(#portalmas-transparent-logo)}
/* Menú con sombra celeste al pasar el mouse o enfocar con teclado. */
.header nav>a:not(.button),.header nav>.nav-link{border-radius:8px;padding:10px 13px;transition:color .22s,background .22s,box-shadow .22s,text-shadow .22s}
.header nav>a:not(.button):hover,.header nav>.nav-link:hover,.header nav>a:not(.button):focus-visible,.header nav>.nav-link:focus-visible{color:#b7f5ff;background:#00c9ed12;box-shadow:0 0 18px #00c9ed55,0 3px 12px #38cfff35;text-shadow:0 0 10px #00c9edaa}
@media(min-width:761px){.header nav{gap:10px}}
/* Menú: subrayado animado, sin recuadro ni fondo. */
.header nav>a:not(.button),.header nav>.nav-link{position:relative;background:transparent;border-radius:0;box-shadow:none;transition:color .25s,text-shadow .25s}
.header nav>a:not(.button):after,.header nav>.nav-link:after{content:'';position:absolute;left:13px;right:13px;bottom:3px;height:2px;background:#27d9ff;box-shadow:0 2px 9px #00c9ed80;transform:scaleX(0);transform-origin:center;transition:transform .28s ease}
.header nav>a:not(.button):hover,.header nav>.nav-link:hover,.header nav>a:not(.button):focus-visible,.header nav>.nav-link:focus-visible{color:#61e7ff;background:transparent;box-shadow:none;text-shadow:0 0 12px #00c9ed70;outline:none}
.header nav>a:not(.button):hover:after,.header nav>.nav-link:hover:after,.header nav>a:not(.button):focus-visible:after,.header nav>.nav-link:focus-visible:after{transform:scaleX(1)}
/* Menú con bloque sólido redondeado, como la referencia. */
.header nav>a:not(.button),.header nav>.nav-link{padding:13px 17px;border-radius:5px;background:transparent;box-shadow:none;text-shadow:none;transition:background .2s,color .2s}
.header nav>a:not(.button):after,.header nav>.nav-link:after{display:none}
.header nav>a:not(.button):hover,.header nav>.nav-link:hover,.header nav>a:not(.button):focus-visible,.header nav>.nav-link:focus-visible{background:#087cff;color:#fff;box-shadow:none;text-shadow:none;outline:none}
@media(max-width:760px){.header nav>a:not(.button),.header nav>.nav-link{padding:13px 17px}}
/* Tarjetas de planes: diseño editorial compacto y jerarquía comercial. */
.plan-grid{gap:25px;align-items:stretch}
.plan,.plan.featured{padding:29px 29px 25px;border-radius:14px;background:#e9ecf1;border:1px solid #c5cdd9;border-top:4px solid #657c99;box-shadow:0 12px 30px #0003;overflow:visible}
.plan.featured{border-top-color:#087cff}
.plan .plan-top{margin-bottom:16px;align-items:center}
.plan .plan-index{font-size:10px;letter-spacing:.12em;color:#506a87}
.plan .plan-top>span:last-child{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#d7e1ed;color:#1868c1}
.plan .plan-top svg{width:21px;height:21px}
.plan h3{font-size:24px;letter-spacing:-.04em;margin:0 0 17px}
.plan .price{font-size:68px;letter-spacing:-.065em;margin:0 0 15px;line-height:1.15;font-weight:800}
.plan .price>span{font-size:25px;margin-right:2px}.plan .price>small{font-size:13px;margin-left:3px}
.plan .speed,.plan.featured .speed{display:flex;align-items:baseline;gap:7px;font-size:36px;background:#d5e4f7;border:1px solid #bdcee4;border-radius:8px;padding:10px 15px;margin:0 0 15px;color:#075dc0;line-height:1.15;letter-spacing:-.035em}
.plan .speed>span{font-size:16px;font-weight:700;letter-spacing:0}
.plan .plan-description,.plan.featured .plan-description{font-size:13px;line-height:1.65;color:#4c627c;padding-bottom:17px;min-height:61px;border-color:#c4cdd9}
.plan ul{margin:20px 0 26px;min-height:225px}
.plan li{font-size:14px;line-height:1.55;padding-left:25px;margin-bottom:12px}
.plan li:before{font-size:15px;top:0}
.plan .button,.plan.featured .button{background:#0b68d7;border-color:#0b68d7;color:white;min-height:52px;border-radius:8px;font-size:11px;font-weight:800;padding:15px 18px;letter-spacing:.025em}
.plan .recommended{top:-17px;left:auto;right:20px;transform:none;font-size:9px;padding:7px 18px;border-radius:5px;letter-spacing:.06em;box-shadow:0 5px 12px #006aff30}
.plan:hover,.plan.featured:hover,.plan:focus-within,.plan.featured:focus-within{background:#0868d9;border-color:#229fff;border-top-color:#77e5ff;box-shadow:0 22px 45px #007bff45,0 8px 25px #0003;transform:translateY(-6px)}
.plan:hover .plan-index,.plan:focus-within .plan-index{color:#d5e9ff}
.plan:hover .plan-top>span:last-child,.plan:focus-within .plan-top>span:last-child{background:#ffffff20;color:white}
.plan:hover .speed,.plan:focus-within .speed{background:#ffffff18;border-color:#ffffff45;color:white}
.plan:hover .button,.plan:focus-within .button{background:white;border-color:white;color:#0759b7}
.plan:hover .plan-description,.plan:focus-within .plan-description{border-color:#ffffff40;color:#e0edff}
@media(max-width:1000px) and (min-width:761px){.plan,.plan.featured{padding:23px 21px}.plan h3{font-size:21px}.plan li{font-size:12px}.plan .price{font-size:59px}.plan .speed{font-size:31px}.plan ul{min-height:245px}}
@media(max-width:760px){.plan-grid{gap:30px}.plan,.plan.featured{padding:26px}.plan h3{font-size:25px}.plan .price{font-size:68px}.plan .speed{font-size:36px}.plan ul{min-height:0}.plan li{font-size:14px}.plan .plan-description{min-height:0}.plan .button{font-size:12px}}
.plan:hover .button,.plan.featured:hover .button,.plan:focus-within .button,.plan.featured:focus-within .button{background:#fff;border-color:#fff;color:#0759b7}.plan.featured:hover li:before,.plan.featured:focus-within li:before{color:#b4f7ff}
/* Nueva propuesta: cabecera de marca y módulos comerciales. */
.plan,.plan.featured{padding:0 26px 25px;background:#e7eaf0;border:1px solid #b8c7d9;border-radius:20px;box-shadow:0 15px 35px #0003;overflow:hidden;gap:0}
.plan .plan-top{margin:0 -26px;padding:19px 26px 10px;background:#10355f;color:#bfe8ff}
.plan .plan-index{color:#97c7ee;font-size:9px}
.plan .plan-top>span:last-child{background:#ffffff12;color:#79d8ff;width:32px;height:32px;border-radius:50%}
.plan h3{margin:0 -26px 0;padding:0 26px 23px;background:#10355f;color:#fff;font-size:26px}
.plan.featured .plan-top,.plan.featured h3{background:#0868d9}
.plan .recommended{position:relative;top:auto;right:auto;left:auto;transform:none;order:-1;margin:0 -26px;padding:8px;text-align:center;background:#00c9ed;color:#002d50;border-radius:0;box-shadow:none;font-size:9px}
.plan:not(.featured){margin-top:30px}
.plan .price{margin:22px 0 14px;font-size:72px;line-height:1.15;letter-spacing:-.07em;color:#09264a}
.plan .price>span{font-size:25px}.plan .price>small{font-size:13px;color:#496581}
.plan .speed,.plan.featured .speed{margin:0 -26px 18px;padding:13px 26px;background:#ccdbed;border:0;border-radius:0;color:#075fc5;font-size:32px;letter-spacing:-.035em;line-height:1.2}
.plan .speed>span{font-size:17px}
.plan .plan-description,.plan.featured .plan-description{font-size:13px;padding-bottom:16px;min-height:62px;border-bottom:1px solid #bdcbdc;color:#435f7c}
.plan ul{margin:17px 0 22px;min-height:222px}.plan li{font-size:13px;line-height:1.55;margin-bottom:12px;padding-left:23px}
.plan .button,.plan.featured .button{min-height:51px;border-radius:30px;background:#10355f;border-color:#10355f;color:#fff;font-size:11px;justify-content:center;gap:22px}
.plan.featured .button{background:#0868d9;border-color:#0868d9}
.plan:hover,.plan.featured:hover,.plan:focus-within,.plan.featured:focus-within{background:#0969da;border-color:#53d4ff;box-shadow:0 22px 45px #008dff45;transform:translateY(-5px)}
.plan:hover .price,.plan:focus-within .price{color:white}
.plan:hover .speed,.plan.featured:hover .speed,.plan:focus-within .speed,.plan.featured:focus-within .speed{background:#ffffff18;color:#fff;border:0}
.plan:hover .button,.plan.featured:hover .button,.plan:focus-within .button,.plan.featured:focus-within .button{background:#fff;border-color:#fff;color:#0756b1}
@media(max-width:760px){.plan:not(.featured){margin-top:0}.plan-grid{gap:24px}.plan ul{min-height:0}.plan .price{font-size:70px}.plan .plan-description{min-height:0}}