* {margin: 0;padding: 0;box-sizing: border-box;}
:root {
    /*--headerHeight: 50px;*/
    --containerWidthNarrow: 720px;
    --containerWidth: 1200px;
    --card:#fff;--bg:#f3f4f6;--text:#111827;--muted:#6b7280;--stroke:#e5e7eb;--ring:#a3e635;--ring-2:#84cc16;--shadow:0 8px 28px rgba(17,24,39,.08);
}
body {font-family: "Geist", sans-serif;color: #1a1a1a;line-height: 1.6;overflow-x: hidden;background-color: #F3F3F3;/* padding-top: 63px; */text-wrap: pretty;}
.container {width:var(--containerWidth);margin:0 auto;}
.containerNarrow {width:var(--containerWidthNarrow);margin:0 auto;}

/* Header */
body .logo {/* content: url(img/logo-black.svg); */}
header {position: fixed;top: 0;left: 0;right: 0;z-index: 1000;padding: 10px 0px;background-color: transparent;/* background-color: #313131; */transition: background-color 0.2s;background: linear-gradient(180deg,rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 100%);}
body header.scroll {background-color: #313131;}
nav {display: flex;justify-content: space-between;align-items: center;flex-wrap: nowrap;flex-direction: row;max-width: var(--containerWidth);margin: 0 auto;align-content: center;}
.logo {font-size: 24px;font-weight: 700;width: 80px;color: white;display: block;}
.nav-links {display: flex;gap: 36px;}
.nav-links a {color: white;text-decoration: none;font-size: 15px;font-weight: 400;transition: opacity 0.3s;}
.nav-links a:hover {opacity: 0.8;}

/* Hero Section */
#homeSlider {position: relative;/* height: 100vh; *//* width: 100%; */height: auto;aspect-ratio: 2.5/1;/* min-height: 800px; *//* overflow: hidden; */}
#homeSlider .swiper-slide {width: 100%;height: 100%;background-size: cover;background-position: center;opacity: 0;}
#homeSlider .swiper-slide.swiper-slide-active {opacity: 1;}
#homeSlider .swiper-slide img {position: absolute;inset:0;width: 100%;height: 100%;object-fit: cover;}
#homeSlider .swiper-slide .texto {position:absolute;bottom: 23%;left: 50%;transform: translateX(-50%);color: white;width: var(--containerWidth);z-index: 1;/* width:60%; */margin: 0 auto;}
#homeSlider .swiper-slide .texto h2 {font-weight: 800;font-size: 28px;letter-spacing: -0.015em;width:60%;}
#homeSlider .swiper-slide .texto h3 {font-weight:500;font-size: 18px;text-wrap:balance;line-height:1.2;height:2lh;width:60%;}
#homeSlider .swiper-slide .texto a {display:inline-block;background-color:#CFF68C;color:#3A3A3A;padding: 16px 50px;border-radius:50px;text-decoration: none;font-family: 'Geist',sans-serif;font-weight: 600;position: absolute;right: 10rem;top: 50%;transform: translateY(-50%);}
#homeSlider .swiper-slide .texto a:hover {background-color: #C0E581;}
#homeSlider .swiper-slide:has(.texto):after {content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);}
.hero-content {position: relative;z-index: 10;padding: 200px 80px 0;max-width: 600px;}
.hero-content h1 {font-size: 64px;font-weight: 800;color: white;margin-bottom: 16px;line-height: 1.1;}
.hero-content p {font-size: 24px;color: white;margin-bottom: 32px;font-weight: 400;}

/* Features Overlay */
.homeCards .features-overlay {margin-top: -70px;display: flex;gap: 24px;z-index: 1;/* width: 90%; *//* max-width: 1200px; *//* flex-wrap: nowrap; *//* justify-content: center; */width: var(--containerWidth);}
.homeCards .feature-card {flex: 1;background: white;padding: 32px;border-radius: 16px;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);transition: transform 0.3s, box-shadow 0.3s;}
.homeCards .feature-card:hover {transform: translateY(-8px);box-shadow: 0 12px 48px rgba(0, 0, 0, 0.15);}
.homeCards .feature-icon {width: 52px;height: 50px;/* background: #F5F5F5; */border-radius: 12px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}
.homeCards .feature-icon svg {width: 28px;height: 28px;}
.homeCards .feature-icon img {width:100%;height:100%;object-fit:contain;}
.homeCards .feature-card h3 {font-size: 18px;font-weight: 600;margin-bottom: 12px;color: #1a1a1a;line-height: 1.3;}
.homeCards .feature-card p {font-size: 14px;color: #666;line-height: 1.6;margin-bottom: 16px;}
.homeCards .feature-check {font-size: 14px;color: #333;font-weight: 500;display: flex;align-items: center;}
.homeCards .feature-check::before {content: '✓';color: #7ED321;font-weight: bold;margin-right: 8px;font-size: 16px;}
.connect-section .plataformas-button {/* background-color: #CFF68C; */color: white;padding: 16px 40px;border: none;border-radius: 30px;border: 1px solid;font-size: 16px;font-weight: 600;cursor: pointer;transition: all 0.3s;/* box-shadow: 0 4px 15px rgba(126, 211, 33, 0.3); */text-decoration: none;}
.cta-button:hover {background-color: #a2c763;transform: translateY(-2px);box-shadow: 0 6px 20px rgba(126, 211, 33, 0.4);}

.homeCards {display: flex;background-color: #F3F3F3;justify-content: center;margin: 0 0 4rem;}

/* Features Section - Remove old styles */
.features {padding: 160px 80px 100px;background-color: #FAFAFA;}

/* Fiberty Section */
.fiberty-section {padding: 3rem 0 5rem;/* width: var(--containerWidth); */margin: 0;background-color: #F3F3F3;/* text-align: center; */overflow: auto;}
.fiberty-section .container {padding:0 0 2rem;padding: 0;}
.fiberty-section .fiberty-section-content {width: var(--containerWidthNarrow);margin: 0 auto;box-shadow: 0 8px 24px rgba(27, 16, 79, .12);border-radius: 16px;}
.fiberty-section h2 {font-size: 48px;font-weight: 900;color: #735BAF;margin-bottom: 0;width: var(--containerWidthNarrow);margin: 0 auto;text-align: center;}
.fiberty-section p {font-size: 20px;color: #666;/* max-width: 900px; */margin: 0 auto;line-height: 1.5;width: var(--containerWidthNarrow);text-align: center;}
.plans-title {width: var(--containerWidth);margin: 0 auto 2rem;text-align: left;}
.plans-title h3 {font-size: 20px;font-weight: 500;color: #1a1a1a;}
.plans-title p {font-size: 20px;color: #666;}
#mapa {display:block;width: 100%;object-fit: contain;margin: 1rem auto 0;filter: drop-shadow(0 8px 24px rgba(27, 16, 79, .12));border-radius: 16px 16px 0 0;border: 1px solid rgba(27, 16, 79, .08);background: #fff;transition:0.2s;transition-timing-function: ease;}
#mapa:hover {/* scale:1.04; */}
#no-estamos-en-tu-barrio {font-size: 15px;margin: 1rem auto 0;display: none;}

#chkCov {margin: 0 auto;padding: 0rem 0 6rem;font-size:16px;line-height:1.3;background: #F8F8F8;}
#chkCov.containerNarrow {/* max-width:760px; */margin: -1px 0 0;padding: 3rem 2rem;background: #F8F8F8;border-radius: 0 0 16px 16px;box-shadow:0 10px 30px rgba(0,0,0,.08);/* z-index: 1; *//* position: relative; */}
#chkCov h3{margin:0 0 12px;font-size:24px}
#chkCov .row{display:flex;gap:10px;align-items:center}
#chkCov .pin{opacity:.6}
#chkCov select{flex:1;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;appearance:none;background:#fff}
#chkCov button{padding:12px 16px;border:0;border-radius:10px;background: #cff68c;color:#000;font-weight:700;cursor:pointer}
#chkCov button:hover {background-color: #C0E581;}
#covRes{margin-top:12px;text-align: center;}
#covRes.ok{color:#0a6}
#covRes.no{color:#555}
#covRes a{display:inline-block;margin-left:10px;padding: 12px 20px;border-radius: 50px;text-decoration: none;font-family: 'Geist', sans-serif;font-weight: 600;}
#covRes .go{background:#6b5bff;color:#fff}
#covRes .wa{background:#25d366;color:#000;}
#covRes .wa:hover{background: hsl(142 70% 46% / 1);}
#covRes .wa:active{background: hsl(142 70% 42% / 1);}
/* Unificar mapa+checker en una tarjeta */
#mapa{filter:none;border:1px solid rgba(27,16,79,.10);border-bottom:0;border-radius:16px 16px 0 0;margin:1rem auto 0;transition:none}
#mapa:hover{/* transform:none; *//* scale:1; */}
#chkCov{background:#fff}
#chkCov.containerNarrow{margin:0;padding:22px 20px;border: 1px solid rgba(27,16,79,.10);border-top:0;border-radius:0 0 16px 16px;/* box-shadow:0 8px 24px rgba(27,16,79,.12); */}
#chkCov h3{margin:0 0 10px;font-size:22px}
#chkCov .row{gap:8px}
#chkCov select{border-color:#e5e7eb;border-radius:10px}
#chkCov button{background:#a3e635}
#chkCov button:hover{background:#84cc16}


/* Plans Section */
.plans {padding: 0;background-color: #F8F8F8;/* background-color: #f4f7fb; */text-align: center;/* width: var(--containerWidth); */padding: 70px 0 50px;}
.plans-container {display: flex;justify-content: flex-start;gap: 24px;/* max-width: 1000px; */width: var(--containerWidth);margin: 0 auto;flex-wrap: nowrap;/* column-count: 3; */}
.plan-card {/* flex: 1; */padding: 30px 50px 40px;border-radius: 24px;text-align: left;/* color: white; */position: relative;overflow: hidden;width: calc(100% / 3);gap: 0;/* aspect-ratio: 5/3; */display: flex;box-shadow: 0px 4px 4px rgba(0, 0, 0, .15);flex-direction: column;justify-content: flex-start;align-items: flex-start;flex-wrap: nowrap;}
.plan-card::before {/* content: ''; */position: absolute;top: -50%;right: -50%;width: 200%;height: 200%;background: rgba(255, 255, 255, 0.1);transform: rotate(45deg);}
.plan-card.basic {background: #ffffff;}
.plan-card.pro {background: #DD743F;}
.plan-card.ultra {background: #735BAF;color:white;}
.plan-card h4 {font-size: 18px;font-weight: 600;margin-bottom: 16px;text-transform: uppercase;letter-spacing: 1px;font-family: "Inter", sans-serif;}
.plan-card img[src^='img/planesimg'] {position:absolute;top: 30px;right: 40px;width: 50px;height: 40px;object-fit: contain;object-position: center top;}
.plan-speed {font-size: 46px;font-weight: 900;/* margin-bottom: 8px; */line-height: 1;letter-spacing: -0.05em;margin: 1rem 0 1rem;}
.plan-card .detalle {}
.plan-card .detalle p {font-size: 16px;line-height: 1.3;opacity: 0.9;margin: 0 0 1em;}
.plan-card .detalle ul {}
.plan-card .detalle ul li {line-height:1.3}
.plan-card .precio {margin:1rem 0 0;}
.plan-card .precio .precioLista {font-size: 13px;}
.plan-card .precio .descuento {/* display: block; */line-height: 1;margin-left: 1em;background-color: rgba(0,0,0,0.05);padding: 3px 5px;border-radius: 3px;}
.plan-card .precio .precioFinal {font-size: 25px;display: inline-block;font-weight: 800;}
.comparaPlanesBox {width: var(--containerWidth);text-align: right;margin: 0 auto;}
.comparaPlanes {margin-top: 20px;display: inline-block;background-color: #CFF68C;color: #3A3A3A;padding: 16px 50px;border-radius: 50px;text-decoration: none;font-family: 'Geist', sans-serif;font-weight: 600;}
.comparaPlanes:hover {background-color: #C0E581;}
.plans-cta-container {margin: 1.5rem auto 0;display: flex;justify-content: flex-start;gap: 24px;/* max-width: 1000px; */width: var(--containerWidth);/* margin: 0 auto; */flex-wrap: nowrap;/* column-count: 3; */}
.plan-cta {position:relative;width: calc(100% / 3);padding: 0.8rem 0;border-radius: 32px;font-weight: 500;text-decoration: none;color: inherit;top: 0;transition:0.2s;box-shadow: 0px 2px 4px rgba(0, 0, 0, .15);}
.plan-cta:hover {top:-3px;}
.plan-cta.basic {background: #ffffff;}
.plan-cta.pro {background: #DD743F;}
.plan-cta.ultra {background: #735BAF;color:white;}
.plan-cta-insert {display: none;}

/* Promo Section */
.promo {/* padding: 0rem 0 3rem; */background-color: #F8F8F8;text-align: center;position: relative;text-align: center;display: flex;justify-content: center;}
.promo-image {/* width: 100%; */height: auto;/* margin-bottom: 32px; *//* max-width: var(--containerWidth); *//* margin: 30px auto; *//* margin: 0 auto; */width: var(--containerWidth);width: 100%;border-radius: 5px;}
.promo .text {position:absolute;bottom: 6rem;color:white;width: 100%;display: block;}
.promo .text h3 {font-size: 28px;font-weight: 800;line-height: 1;margin-bottom: 12px;}
.promo .text p {font-size: 16px;}

/* Connect Section */
.connect-section {position: relative;/* padding: 100px 80px; */background-image: url('Image 4.jpg');background-size: cover;background-position: center;background-attachment: fixed;text-align: center;position: relative;/* aspect-ratio: 2/1; */height: 40vw;}
.connect-section .conectate-bg {position: relative;/* inset:0; */z-index:0;height: 100%;width: 100%;object-fit: cover;object-position: center;}
.connect-section::before {content: '';position: absolute;inset: 0;background: rgba(0, 0, 0, 0.5);z-index: 1;}
.connect-fiber-line {position: absolute;top: 0;left: 0;right: 0;height: 400px;z-index: 2;}
.connect-content {position: absolute;z-index: 3;top: 46%;height: 54%;/* margin-bottom: 60px; */width: 100%;}
.connect-content h2 {font-size: 48px;font-weight: 700;color: white;line-height: 1;margin-bottom: 32px;}
.platforms-section {position: absolute;top: 100%;left: 50%;transform: translate(-50%,-50%);z-index: 3;}
.platforms-grid {display: flex;justify-content: center;gap: 20px;/* margin-bottom: 40px; */flex-wrap: nowrap;}
.platform-card {width: 160px;/* height: 80px; *//* background: rgba(255, 255, 255, 0.1); *//* backdrop-filter: blur(10px); *//* border-radius: 16px; *//* display: flex; *//* align-items: center; *//* justify-content: center; */transition: all 0.3s;/* border: 1px solid rgba(255, 255, 255, 0.2); */}
.platform-card:hover {background: rgba(255, 255, 255, 0.2);transform: translateY(-5px);}
.platform-card img {width: 100%;/* max-height: 50px; */display: block;}
.platforms-text {/* color: white; */font-size: 16px;opacity: 0.9;margin: 1rem 0 0;}

/* sumate Section */
#sumate {padding: 220px 80px 100px;background-color: #F8F8F8;}
#sumate h2 {font-size: 36px;font-weight: 700;text-align: center;margin-bottom: 20px;color: #1a1a1a;}
.step-indicators {display: flex;justify-content: center;gap: 40px;margin-bottom: 30px;}
.step {width: 40px;height: 40px;background-color: #E0E0E0;color: #999;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: 600;transition: all 0.3s;}
.step.active {background-color: #7ED321;color: white;}
.form-container {margin: 0 auto;background: white;padding: 48px;border-radius: 24px;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);width: var(--containerWidthNarrow);}
.form-group {margin-bottom: 20px;}
.form-group label {display: block;margin-bottom: 8px;font-size: 14px;font-weight: 500;color: #333;}
.form-group input {width: 100%;padding: 14px 18px;border: 1px solid #E0E0E0;border-radius: 12px;font-size: 15px;transition: all 0.3s;}
.form-group input:focus {outline: none;border-color: #7ED321;box-shadow: 0 0 0 3px rgba(126, 211, 33, 0.1);}
.form-row {display: grid;grid-template-columns: 1fr 1fr;gap: 16px;}
.submit-button {width: 100%;background-color: #CFF68C;color: #3A3A3A;padding: 16px;border: none;border-radius: 30px;font-size: 16px;font-weight: 600;cursor: pointer;transition: all 0.3s;margin-top: 24px;}
.submit-button:hover {background-color: #6BC11B;transform: translateY(-2px);box-shadow: 0 6px 20px rgba(126, 211, 33, 0.3);}
.form-footer {text-align: center;margin-top: 40px;font-size: 14px;color: #666;}

/* Página planes */
#planesSlider {position: relative;/* height: 100vh; *//* width: 100%; */height: 300px;}
#planesSlider .swiper-slide {width: 100%;height: 100%;background-size: cover;background-position: center;opacity: 0;}
#planesSlider .swiper-slide.swiper-slide-active {opacity: 1;}
#planesSlider .swiper-slide img {position: absolute;inset:0;width: 100%;height: 100%;object-fit: cover;}
body.planes,
body.terminospagina,
body.baja {padding-top: 64px;}
body.planes header,
body.terminospagina, {background-color: hsl(60 2% 13% / 1);}
body.baja header {background-color: hsl(60 2% 13% / 1);}
body.planes .logo {/* content: url(img/logo-black.svg); */}
:root{--brand: #735baf;--ink:#0b1220;--muted:#5b6b7f;--bg:#f4f7fb;--card:#fff;--border:rgba(12,23,35,.08);--shadow:0 8px 24px rgba(12,23,35,.08);}
.benefits{background: #F3F3F3;padding:40px 16px;color:var(--ink)}
.benefits h3{width:var(--containerWidth);margin:0 auto 18px;font-size:28px;font-weight:800;letter-spacing:-.2px}
.benefit-grid{width:var(--containerWidth);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.benefit{position:relative;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}
.benefit:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(12,23,35,.12)}
.badge{position:absolute;top:10px;right:10px;background:var(--brand);color: white;font-weight:800;font-size:12px;padding:4px 8px;border-radius:999px}
.ico{width: 25px;height: 25px;margin-bottom:10px;opacity:.9}
.ico svg{width:100%;height:100%;fill: #1e1e1c;}
.benefit h4{margin:0 0 6px;font-size:16px;font-weight:800}
.benefit p{margin:0;color:var(--muted);font-size:14px;line-height:1.35}
.benefits-cta{width:var(--containerWidth);margin:18px auto 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.btn{background: #181818;color: white;font-weight:800;border-radius:12px;padding:10px 14px;display:inline-block;text-decoration:none}
.btn:hover{filter:brightness(1.05)}
.link{color:#306ebf;text-decoration:underline}
@media(min-width:992px){.benefits{padding:56px 24px}.benefits h3{font-size:32px}}

.support-section{background:linear-gradient(135deg,#1f1f1f 0%,#2d2d2d 100%);padding: 70px 20px 20px;text-align:center;color:white;position:relative;z-index:5}
.support-container{max-width:var(--containerWidth);margin:0 auto}
.support-container h3{font-size:30px;font-weight:900;margin-bottom:10px;line-height: 1.2;}
.support-intro{font-size:16px;color:#ddd;margin-bottom:40px}
.support-grid{display:flex;justify-content: center;gap:50px;flex-wrap:wrap;margin-bottom:30px}
.support-item{text-decoration:none;color:white;font-weight:600;font-size:15px;display:flex;flex-direction:column;align-items:center;gap: 0;line-height: 1.2;width: 12%;transition:.3s;white-space: nowrap;}
.support-item .horario {font-size: 12px;font-weight:500;color: #bbb;margin: 5px 0 0;}
.icon-circle{width:70px;height:70px;border-radius:50%;background:#735BAF;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.3);transition:.3s;margin: 0 0 12px;}
.icon-circle i{font-size:30px;color:white}
.support-item:hover .icon-circle{transform:scale(1.1);background:#8d6bd4}
.support-item:hover{color:#CFF68C}
.support-note{font-size:13px;color:#bbb;line-height:1.5;/* max-width:600px; */margin:0 auto;white-space: nowrap;display:block}


/* Footer */
.support-grid {display: flex;flex-direction: row;align-content: center;flex-wrap: nowrap;align-items: flex-start;gap: 1.4rem;}
footer {background-color: #1F1F1F;color: white;padding: 80px 80px 40px;}
.footer-content {display: grid;grid-template-columns: repeat(3, 1fr);gap: 60px;max-width: 1200px;margin: 0 auto 60px;}
.footer-column h4 {font-size: 15px;font-weight: 500;margin-bottom: 20px;color: white;}
.footer-column a {display: block;color: #B0B0B0;text-decoration: none;font-size: 15px;margin-bottom: 12px;transition: color 0.3s;}
.footer-column a:hover {color: white;}
.footer-bottom {border-top: 1px solid #333;padding-top: 40px;}
.footer-info {display: flex;justify-content: space-between;align-items: center;}
.footer-info p {font-size: 16px;font-weight: 500;}
.contact-info {display: flex;gap: 32px;font-size: 14px;color: #B0B0B0;}

#solicitarBaja {margin:3rem 0;}
#solicitarBaja input,
#solicitarBaja select,
#solicitarBaja textarea{
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--stroke);
    border-radius: 12px;
    background: #fff;
    color: #111827;
    font-size: 16px;
    transition: .15s;
    margin: 0 0 1rem;
    box-sizing: border-box;
    box-shadow: inset 0 1px 0 #fafafa;
}
#solicitarBaja button {
    padding: 14px 28px;
    border: 0;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 800;
    cursor: pointer;
    margin: 0 6px;
    background: #d9f99d;
    color: #111827;
    border: 1px solid #c4f082;
    box-shadow: 0 8px 20px rgba(163, 230, 53, .25);
    transition: .15s;
}
    


/* Contratar */
/* Light UI - Contratar (estilo del ejemplo) */
/* CONTRATAR - LIMPIO Y CONCRETO */
body.contratar{--card:#fff;--bg:#f3f4f6;--text:#111827;--muted:#6b7280;--stroke:#e5e7eb;--ring:#a3e635;--ring-2:#84cc16;--shadow:0 8px 28px rgba(17,24,39,.08);padding-top:64px;background:var(--bg);color:var(--text)}
body.contratar header{background:#111827}
body.contratar #formCTA{width:var(--containerWidth);margin: 20px auto 5rem;padding:26px;border-radius:18px;background:var(--card);box-shadow:var(--shadow);border:1px solid var(--stroke);position: relative;}
/* STEPPER */
body.contratar .index{display:flex;align-items:center;gap:10px;margin:0 0 18px}
body.contratar .index .numero{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;font-weight:700;color:#84cc16;background:#f7fee7;border:2px solid #d9f99d;box-shadow:inset 0 0 0 2px #e5f5a6}
body.contratar .index .numero:not(.on){background:#fff;color:#111827;border:2px solid var(--stroke)}
body.contratar .index .numero.on{background:#d9f99d;border-color:#a3e635;color:#111827}
body.contratar .index .linea{height:2px;width:44px;background:linear-gradient(90deg,#e5e7eb,#c7d2fe)}
/* STEPS */
body.contratar #pasos{min-height:auto;overflow:visible;}
body.contratar .paso{display:none;opacity:0;transform:translateY(6px);transition:.2s}
body.contratar .paso.on{display:block;opacity:1;transform:none}
body.contratar .cabecera h3{text-align:left;color:#111827;margin:0 0 16px;font-size:clamp(22px,2.2vw,28px);font-weight:800}
body.contratar .content{padding:6px 0;}
body.contratar #paso1 .content {text-align: center;}
body.contratar #paso2 .content {text-align: center;}
/* COLUMNS */
body.contratar .half{display:inline-block;width:32%;vertical-align:top;margin-right:2%}
body.contratar .half:nth-child(3n){margin-right:0}
/* FORM */
body.contratar .form-mod{margin:12px 0;position:relative}
body.contratar .form-mod.hidden{display:none}
body.contratar .form-mod label{display:block;margin:0 0 6px;font-weight:700;color:#111827;font-size:.96rem}
.form-mod input[type="text"],
.form-mod input[type="email"],
.form-mod input[type="tel"],
.form-mod input[type="date"],
body.contratar .form-mod select {width:100%;padding:12px 14px;border:1px solid var(--stroke);border-radius:12px;background:#fff;color:#111827;font-size:16px;transition:.15s;box-sizing:border-box;box-shadow:inset 0 1px 0 #fafafa}
.form-mod input::placeholder/*,body.contratar .form-mod select:invalid*/{color:#9ca3af;}
.form-mod input:focus,body.contratar .form-mod select:focus{outline:none;border-color:#c4f082;box-shadow:0 0 0 4px rgba(163,230,53,.25)}
.form-mod.validate-error input,body.contratar .form-mod.validate-error select{border-color:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.15)}
.form-mod.ok input,body.contratar .form-mod.ok select{border-color:#a3e635;color: black;}
/*body.contratar .form-mod.ok::after{content:'✓';position:absolute;right:12px;top:36px;color:#16a34a;font-weight:900}*/
/* RADIO GROUP (LABEL + CHIPS) */
body.contratar .form-mod.radio{display:flex;flex-wrap:wrap;gap: 0 10px;justify-content: center;text-align: center;}
body.contratar .form-mod.radio .group-title{font-weight:700;color:#111827;font-size:.96rem;margin: 0 0px 5px 0;flex:0 0 100%;width: auto;display: inline-block;}
body.contratar .form-mod.radio input[type="radio"]{display:none}
body.contratar .form-mod.radio label{/* all:unset; */}
body.contratar .form-mod.radio label.chip{display:inline-flex;align-items:center;padding:8px 14px;background:#fff;border:1px solid var(--stroke);border-radius:999px;cursor:pointer;transition:.15s;margin:0;gap:8px}
body.contratar .form-mod.radio label.chip:hover{border-color:#d4d4d8;box-shadow:0 2px 10px rgba(2,6,23,.06)}
body.contratar .form-mod.radio input[type="radio"]:checked+label.chip{border-color:#b7e67e;background:#f3fce0;box-shadow:0 6px 18px rgba(132,204,22,.18)}
#home-cta-section {padding: 14rem 0 7rem;text-align: center;}
#home-cta-section-container {background-color: #eee;padding: 3rem 0;border-radius: 1rem;}
#home-cta {display: inline-block;position: relative;background-color: #CFF68C;margin: 1rem 0 0;color: #3A3A3A;padding: 16px 40px;border: none;border-radius: 30px;font-size: 16px;font-weight: 600;cursor: pointer;transition: background-color 0.2s, top 0.3s;box-shadow: 0 4px 15px rgba(126, 211, 33, 0.3);text-decoration: none;top: 0;}
#home-cta:hover {background-color: hsl(82 85% 72% / 1);top: -0.3rem;}
/* TITULOS DE SECCION */
.section-title{all:unset;display:block;font-weight:800;font-size:1rem;color:#111827;margin:12px 0}
/* PLANES - GRID ANCHO COMPLETO */
#planes-container{width:100%;margin-top:6px}
/* Reemplazá tu bloque por este */
/* Centrar y mismo ancho con 2 items (flex) */
#planes-list{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
#planes-list .plan-option{min-height:0;flex:0 1 340px;max-width:340px}
#planes-list .plan-option input[type="radio"]{display:none}
#planes-list .plan-option label{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:18px;border-radius:16px;cursor:pointer;transition:.2s;background:#fff;border:1px solid var(--stroke);box-shadow:0 2px 12px rgba(17,24,39,.06)}
#planes-list .plan-option label:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(17,24,39,.1)}
#planes-list .plan-option input[type="radio"]:checked+label{border:2px solid #b7e67e;background:#f7fee7;box-shadow:0 8px 20px rgba(132,204,22,.18)}
#planes-list .plan-option .megas{font-size:18px;font-weight:800;margin:0 0 8px;padding:0;background:transparent;border:0;color:#111827}
#planes-list .plan-option .texto{flex:1;color:#6b7280;font-size:.93rem;margin:6px 0 12px}
#planes-list .plan-option .precio{font-size:20px;font-weight:900;color:#111827}
/* Ductos */
#ducto-container {margin:2rem 0 0;}
#ducto-container select {width: auto;}
/* ROUTERS */
body.contratar #router-container {}
body.contratar #router-container .section-title {width: 100%;}
body.contratar .router-option{margin:0 0 12px;border:1px solid var(--stroke);border-radius:14px;overflow:hidden;background:#fff;text-align: left;}
body.contratar .router-option input[type="radio"]{display:none}
body.contratar .router-option label{display:flex;gap:12px;/* padding:14px; */cursor:pointer;transition:.15s;align-items:flex-start;margin:0;/* padding: 1rem 4rem; */position: relative;}
body.contratar .router-option label:hover{background:#fafafa}
body.contratar .router-option input[type="radio"]:checked+label{background:#f7fee7;border-left:3px solid #a3e635}
body.contratar .router-option .icon{margin-right:6px;font-size:22px;color:#84cc16;width:34px;display:flex;align-items:center;justify-content:center;position: absolute;top: 50%;transform: translateY(-50%);left: 1rem;}
body.contratar .router-option .info{flex:1;position:relative;padding: 1rem 4rem;}
body.contratar .router-option .titulo{font-weight:800;margin: 0;color:#111827;/* padding: 1rem 2rem; */}
body.contratar .router-option .texto-corto{color:#6b7280;font-weight:500}
body.contratar .router-option .info p{color:#6b7280;font-size:.92rem;margin:0}
body.contratar .router-option .info i.fas.fa-check-circle{position:absolute;right: 1rem;top: 50%;transform: translateY(-50%);color:#16a34a;opacity:0;transition:.15s}
body.contratar .router-option input[type="radio"]:checked+label .info i.fas.fa-check-circle{opacity:1}
body.contratar .contratar-disclaimer {width: 100%;font-size: 15px;}
/* TYC */
body.contratar .terminosycondiciones{/* text-align:left; */margin-top:16px;color:#6b7280;/* text-align: center; */}
body.contratar .terminosycondiciones input[type="checkbox"]{margin-right:8px;transform:scale(1.1)}
body.contratar .terminosycondiciones label {display:inline-block}
body.contratar .terminosycondiciones a{color:#111827;text-decoration:underline}
/* NAVEGACION */
body.contratar #navegacion{text-align:right;padding:18px 0;border-top:1px solid var(--stroke);margin-top:18px;display:none;position: sticky;bottom: 0;background-color: white;}
body.contratar #navegacion.on{display:block}
body.contratar #navegacion button,
body.contratar #paso-no-disponible button{padding:14px 28px;border:0;border-radius:999px;font-size:16px;font-weight:800;cursor:pointer;margin:0 6px;transition:.15s;display:none}
body.contratar #navegacion button.on,
body.contratar #paso-no-disponible button {display:inline-block}
body.contratar #navegacion button:disabled{opacity:.6;cursor:not-allowed}
body.contratar #anterior{background:#fff;color:#111827;border:1px solid var(--stroke)}
body.contratar #anterior:hover:not(:disabled){transform:translateY(-1px)}
body.contratar #siguiente,
body.contratar #paso-no-disponible button {background:#d9f99d;color:#111827;border:1px solid #c4f082;box-shadow:0 8px 20px rgba(163,230,53,.25)}
body.contratar #siguiente:hover:not(:disabled),
body.contratar #paso-no-disponible button:hover:not(:disabled) {filter:saturate(1.02);transform:translateY(-2px)}
#cambiar-plan {display:none;}
body.contratar #formCTA:has(#navegacion) #cambiar-plan {position:absolute;left:0;top: calc(100% + 1rem);display:block;font-size: 15px;}
/* RESUMEN */
body.contratar .resumen-pedido{background:#fafafa;padding:18px;border-radius:14px;border:1px solid var(--stroke)}
body.contratar .resumen-pedido h4{color:#111827;margin:0 0 10px;text-align:left}
body.contratar .resumen-pedido p{margin:6px 0;padding:10px 0;border-bottom:1px dashed var(--stroke);color:#111827}
body.contratar .resumen-pedido p:last-child{border-bottom:none}
body.contratar .confirmacion{font-style:italic;color:#6b7280;font-size:.9rem;text-align:left;margin-top:12px}
/* MAPA */
body.contratar #mapa-container{height:300px;width:100%;margin-top:12px;border-radius:14px;border:1px solid var(--stroke);overflow:hidden;box-shadow:0 4px 14px rgba(17,24,39,.08)}
/* SUCCESS */
body.contratar #success-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:10000}
body.contratar .success-content{background:#fff;padding:30px;border-radius:16px;text-align:center;max-width:520px;margin:20px;border:1px solid var(--stroke);box-shadow:var(--shadow);color:#111827}
body.contratar .success-content h3{color:#16a34a;margin:0 0 10px}
body.contratar .success-content button{background:#d9f99d;color:#111827;border:1px solid #c4f082;padding:12px 22px;border-radius:999px;font-size:16px;font-weight:800;cursor:pointer;margin-top:12px;box-shadow:0 6px 18px rgba(163,230,53,.25);transition:.15s}
body.contratar .success-content button:hover{transform:translateY(-2px)}
/* Estilos específicos para la sección de débito automático */
body.contratar #debito-automatico-container {margin: 2rem 0;padding: 20px;border: 1px solid var(--stroke);border-radius: 16px;background: #fafbfc;}
body.contratar #debito-automatico-container .section-title {color: #735BAF;font-size: 1.1rem;margin-bottom: 16px;}
body.contratar #debito-detalles {margin-top: 16px;padding: 16px;border-left: 3px solid #c4f082;background: #fff;border-radius: 12px;transition: all 0.3s ease;}
body.contratar #debito-detalles.hidden {display: none !important;}
body.contratar #debito-detalles .form-mod.radio {margin-bottom: 16px;}
body.contratar #debito-detalles .group-title {font-size: 0.95rem;color: #374151;margin-bottom: 8px;}
body.contratar #queres-adherirte-al-debito-automatico span {/* content: "33% de descuento"; *//* position: absolute; *//* top: calc(1lh + 8px); *//* left: 50%; *//* transform: translateX(-50%); */display: inline-block;margin: 0 0 0.5rem;background-color: #DD743F;color: white;/* display: inline-block; */padding: 0.3em 0.5em;white-space: nowrap;border-radius: 15px;line-height: 1;}
/* Ajustes para chips en débito automático */
body.contratar #debito-automatico-container .form-mod.radio label.chip {background: #fff;border: 2px solid var(--stroke);padding: 10px 16px;font-weight: 600;transition: all 0.2s;}
body.contratar #debito-automatico-container .form-mod.radio label.chip:hover {border-color: #c4f082;transform: translateY(-1px);}
body.contratar #debito-automatico-container .form-mod.radio input[type="radio"]:checked + label.chip {background: #f7fee7;border-color: #84cc16;box-shadow: 0 4px 12px rgba(132, 204, 22, 0.2);}


/* RESPONSIVE */
@media(max-width:1024px){
    body.contratar .half{width:48%;margin-right:4%}body.contratar .half:nth-child(2n){margin-right:0}#planes-list{grid-template-columns:repeat(2,minmax(220px,1fr))}
}
@media(max-width:768px){
    body.contratar #formCTA{width:clamp(92%,var(--containerWidth),96%)}
    body.contratar .half{display:block;width:100%;margin-right:0}
    body.contratar .index{justify-content:center}
    body.contratar #navegacion{text-align:center}
    #planes-list{grid-template-columns:1fr}
    #planes-list .plan-option{flex-basis:100%;max-width:100%}
    body.contratar #debito-automatico-container {margin: 1rem 0;padding: 16px;}
    body.contratar #debito-detalles {padding: 12px;margin-top: 12px;}
    body.contratar #debito-automatico-container .form-mod.radio {gap: 8px;}
    body.contratar #debito-automatico-container .form-mod.radio label.chip {padding: 8px 12px;font-size: 14px;}
    body.contratar .form-mod.radio .group-title {margin: 0 0 0.5rem;}
    body.contratar #queres-adherirte-al-debito-automatico span {position: relative;left: unset;top: unset;margin: 0;}
}


/* Responsive */
@media (max-width: 768px) {
    body.contratar .half {display: block;width: 100%;margin-right: 0;margin-bottom: 20px;}
    body.contratar .form-mod.radio {flex-direction: row;display: flex;flex-wrap: wrap;}
    .index .linea {width: 40px;}
    body.contratar .index .numero {width: 35px;height: 35px;font-size: 14px;}
    body.contratar #formCTA {margin: 10px;padding: 15px;}
}

/* Animaciones adicionales */
@keyframes pulse {
    0% {box-shadow: 0 4px 15px rgba(126, 211, 33, 0.3);}
    50% {box-shadow: 0 4px 25px rgba(126, 211, 33, 0.6);}
    100% {box-shadow: 0 4px 15px rgba(126, 211, 33, 0.3);}
}

.cta-button.pulse {animation: pulse 1s ease-in-out;}

/* Animated class for scroll animations */
.animated {opacity: 1 !important;transform: translateY(0) !important;}
.feature-card,
.plan-card,
.platform-card,
.plan-cta {opacity: 0;transform: translateY(30px);transition: all 0.6s ease-out;}
.platform-card {transition:0.2s;}
.platform-card:hover {scale: 1.05;background: unset;}

/* Mobile menu button */
.mobile-menu-btn {display: none;font-size: 24px;color: white;cursor: pointer;padding: 10px;}

/* Form focused state */
.form-group.focused label {color: #7ED321;}

/* Platform images transition */
.platform-card img {transition: transform 0.3s ease;}

/*INICIO TERMINOS Y CONDICIONES*/
.terminos {position: relative;width: 100%;padding: 9px 0px;background-color: #133e58;}
.terminos h3 {font-size: 11px;font-weight: 200;color: white;display: inline-block;}
.terminos h4 {font-size: 13px;font-weight: 600;color: white;display: inline-block;margin-right: 10px;margin: 0;position: absolute;right: 70px;top: 50%;transform: translateY(-50%);cursor: pointer;}
#botonterminos {font-size: 21px;vertical-align: middle;font-weight: 600;color: #133e58;display: inline-block;position: absolute;right: 0px;top: -9px;padding: 0 16px;height: calc(100% + 18px);border: 0;background-color: hsl(19deg 71% 61%);cursor: pointer;}
#botonterminos span {transform: rotate(0deg);transition:0.2s;position: relative;display: block;line-height: 1;color: white;vertical-align: middle;top:0;transition:0.2s;}
#botonterminos:hover span {top:3px;transition:0.2s;}
#botonterminos.on span {top:0;transform: rotate(180deg);transition: 0.3s;}
#botonterminos.on:hover span {top:-3px;transition:0.3s;}
#textoterminos {height: 100px;overflow:hidden;transition:0.2s;}
#textoterminos:after {content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);z-index:1;}
#textoterminos.on {height:500px;transition:0.3s;overflow-y: scroll;}
#textoterminos.on:after {background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);transition:0.3s;}
#textoterminos p {font-size: 11px;font-weight: 200;padding: 0;line-height: 1.6;}
#terminospagina {width: var(--containerWidthNarrow);margin: 3rem auto 0;}
#terminospagina p {font-size:90%;line-height: 1.7;}
/*FIN TERMINOS Y CONDICIONES*/

/* Mobile Responsive */
/* Mobile Responsive */
@media (max-width: 768px) {
    /* Header Mobile */
    :root {
        --containerWidthNarrow: 100%;
        --containerWidth: 100%;
    }
    body.planes {padding-top: 64px;}
    header {padding: 0px 20px;background: rgba(0, 0, 0, 0.9) !important;backdrop-filter: blur(10px);height: 70px;display: flex;align-items: center;flex-wrap: nowrap;flex-direction: row;justify-content: space-between;align-content: center;z-index: 99;}
    nav {position: relative;width: 100%;}
    .logo {width: 80px;z-index: 1001;}
    .mobile-menu-btn {display: block;font-size: 28px;color: white;cursor: pointer;padding: 8px;background: none;border: none;z-index: 1001;/* position: absolute; *//* top: 0; *//* right: 0; */}
    .nav-links {display: none;position: fixed;visibility: hidden;opacity: 0;transition: 0.2s;height: 0;top: 70px;display: flex;padding: 5vh 0;text-align: center;/* left: 0; */width: 100%;/* height: calc(100vh - 70px); */right: 0;bottom: 0;background: rgba(31, 31, 31, 0.9);flex-direction: column;gap: 32px;z-index: 1000;flex-wrap: nowrap;justify-content: flex-start;align-content: center;align-items: center;/* background-color: rgba(0,0,0,0.9) !important; */z-index: 90;}
    .nav-links.open {/* display:block; */height: calc(100vh - 70px);visibility: visible;opacity: 1;}
    .nav-links.active {display: flex;}
    .nav-links a {font-size: 20px;font-weight: 600;display: block;}
    
    /* Hero Mobile */
    #homeSlider {aspect-ratio: unset;height: 60vw;margin: 0;width: 100%;}
    #homeSlider .swiper-slide .texto {bottom: 36px;width: calc(100% - 40px);padding: 0;}
    #homeSlider .swiper-slide .texto h2 {font-size: 18px;line-height: 1.4;margin-bottom: 0px;text-align:center;width:100%;}
    #homeSlider .swiper-slide .texto h3 {font-size: 13px;line-height: 1.3;text-align:center;width:100%;}
    #homeSlider .swiper-pagination {bottom: 0px !important;}
    
    /* Features Cards Mobile */
    .homeCards {padding: 0;margin-top: 0px;margin: 0 0 2rem;}
    .homeCards .features-overlay {display: flex;flex-direction: row;width: 100%;gap: 16px;margin-top: 0px;padding: 2rem 1rem;justify-content: flex-start;overflow: scroll;}
    .homeCards .feature-card {padding: 24px 20px;border-radius: 12px;flex: 0 0 auto;width: 50vw;}
    .homeCards .feature-icon {width: 48px;height: 48px;margin-bottom: 16px;}
    .homeCards .feature-icon img {width: 100%;height: 100%;}
    .homeCards .feature-card h3 {font-size: 16px;margin-bottom: 8px;}
    .homeCards .feature-card p {font-size: 13px;line-height: 1.5;}
    /* Fiberty Section Mobile */
    .fiberty-section {padding: 40px 0px 20px;width: 100%;margin: 0 auto 0rem;}
    .fiberty-section h2 {font-size: 27px;line-height: 1.2;margin-bottom: 8px;padding: 0 10px;}
    .fiberty-section .container p {font-size: 15px;width: 100%;line-height: 1.6;margin-bottom: 18px;padding: 0 10px;}
    #mapa {/* width: calc(100% - 20px); */}
    .fiberty-section .fiberty-section-content {width: calc(100% - 20px);}
    .plans-title h3 {font-size: 24px;margin-bottom: 8px;text-align: center;}
    .plans-title p {font-size: 15px;text-align: center;}
    
    /* Plans Mobile */
    .plans {padding: 0;width: 100%;margin: 20px auto 30px;}
    .plans-title {margin: 0 auto 1rem;}
    .plans-container {display: flex;flex-direction: row;gap: 16px;padding: 1rem 1rem 5rem;justify-content: flex-start;overflow: scroll;flex-wrap: nowrap;}
    .plan-card {width: 60vw;padding: 32px 16px;border-radius: 16px;flex: 0 0 auto;overflow: visible;}
    .plan-card h4 {font-size: 16px;margin-bottom: 12px;}
    .plan-speed {font-size: 30px;margin-bottom: 4px;}
    .plan-card p {font-size: 14px;}
    .plan-card .detalle ul {padding-left: 1rem;margin-left: 0;list-style-position: inside;}
    .plan-card .detalle ul li {padding-left: 0;margin-left: 0;}
    .plan-card .detalle ul li::marker {margin-right: 5px !important;}
    .compare-button {width: 100%;margin-top: 24px;float: none;padding: 14px 32px;font-size: 15px;}
    .plans-cta-container {width: 100%;}
    .plan-cta {}
    .plan-cta-insert {display: block;position: absolute;top: calc(100% + 1rem);width: 60vw;left: 0;text-align: center;padding: 0.8rem 0;border-radius: 32px;font-weight: 500;text-decoration: none;color: inherit;flex: 0 0 auto;}
    .plan-cta-insert.basic {background: #ffffff;}
    .plan-cta-insert.pro {background: #DD743F;}
    .plan-cta-insert.ultra {background: #735BAF;color:white;}
    .plans-cta-container {display:none;}
    .comparaPlanesBox {text-align:center;}
    
    /* Promo Mobile */
    .promo {margin: 0;}
    .promo-image {margin: 0;}
    .promo .text {bottom: 1rem;padding: 0 20px;}
    .promo .text h3 {font-size: 20px;margin-bottom: 0;}
    .promo .text p {font-size: 14px;}
    /* Connect Section Mobile */
    .connect-section {min-height: auto;height: auto;}
    .connect-section .conectate-bg {width: 100%;height: auto;display: block;}
    .connect-content {position: relative;top: auto;height: auto;padding: 20px 0px 0;background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.9) 100%);}
    .connect-content h2 {font-size: 28px;margin-bottom: 24px;padding: 0 10px;line-height: 1.3;}
    .cta-button {padding: 14px 32px;font-size: 15px;width: auto;width: 300px;}
    .connect-section .plataformas-button {font-size: 13px;padding: 12px 18px;}
    .platforms-section {position: relative;top: auto;left: auto;transform: none;margin-top: 40px;padding: 0 0 1rem;/* background: white; */}
    .platforms-grid {display: flex;grid-template-columns: repeat(3, 1fr);gap: 0;padding: 1rem;margin-bottom: 0;margin-top: -30px;overflow: scroll;flex-wrap: nowrap;justify-content: flex-start;flex-direction: row;}
    .platform-card {width: 40vw;padding: 3px;flex: 0 0 auto;}
    .platform-card img {width: 100%;height: auto;object-fit: contain;/* max-height: 40px; */}
    .platforms-text {font-size: 12px;color: #666;text-align: center;}
    #home-cta-section {padding: 0;}
    #home-cta-section-container {padding:5rem 0;}
    /* sumate Mobile */
    #sumate {padding: 60px 20px 40px;background-color: #F8F8F8;}
    #sumate h2 {font-size: 28px;margin-bottom: 32px;}
    .step-indicators {gap: 16px;margin-bottom: 40px;overflow-x: auto;padding: 4px;}
    .step {min-width: 40px;width: 40px;height: 40px;font-size: 16px;flex-shrink: 0;}
    .form-container {width: 100%;padding: 32px 20px;border-radius: 16px;}
    .form-group {margin-bottom: 16px;}
    .form-group label {font-size: 13px;margin-bottom: 6px;}
    .form-group input {padding: 12px 14px;font-size: 14px;border-radius: 8px;}
    .form-row {grid-template-columns: 1fr;gap: 12px;}
    .submit-button {padding: 14px;font-size: 15px;margin-top: 20px;}
    .form-footer {margin-top: 24px;font-size: 12px;padding: 0 10px;}

    #planesSlider {height: 90px;}
    .benefits{padding: 20px 20px;/* overflow: scroll; */}
    .benefits h3{font-size:22px;line-height:1.3;margin-bottom:20px;text-align:center}
    .benefit-grid{gap:20px;display: flex;flex-wrap: nowrap;justify-content: space-between;flex-direction: row;overflow: scroll;padding: 1rem 0 2rem;}
    .benefit{padding:20px;border-radius:14px;width: calc(50% - 10px);flex: 0 0 auto;}
    .benefit h4{font-size:16px;margin-bottom:6px}
    .benefit p{font-size:13px;line-height:1.4}
    .ico{width:24px;height:24px;margin-bottom:8px}
    .benefits-cta{flex-direction:column;align-items:center;margin-top:24px;gap: 20px;}
    .benefits-cta .btn{width:100%;text-align:center;font-size:15px;padding:12px 0}
    /* Footer Mobile */
    footer {padding: 40px 20px 30px;text-align: center;}
    .footer-content {grid-template-columns: 1fr;gap: 32px;margin-bottom: 32px;}
    .footer-column h4 {font-size: 16px;margin-bottom: 16px;}
    .footer-column a {font-size: 14px;margin-bottom: 10px;}
    .footer-bottom {padding-top: 24px;}
    .footer-info {flex-direction: column;text-align: center;gap: 16px;}
    .footer-info p {font-size: 14px;}
    .contact-info {flex-direction: column;gap: 8px;font-size: 13px;}
    /* Utilities Mobile */
    body {overflow-x: hidden;padding-top: 70px;}
    /* Swiper adjustments */
    .swiper-pagination-bullet {width: 8px;height: 8px;}
    .swiper-pagination-bullet-active {background: #CFF68C;}

    #chkCov h3 {text-align:center;}
    #chkCov .row {display:flex;flex-direction: column;text-align: center;}
    #chkCov .pin {}
    
    .support-grid {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;}
    .support-item {width: 40%;font-size: 14px;display: flex;flex-direction: column;}
    .support-item span {white-space:nowrap;}
    .support-note {white-space:initial;}

}

/* monitores grandes */
@media (min-width:1400px){
    #homeSlider .swiper-slide .texto h2 {font-size: 35px;}
    #homeSlider .swiper-slide .texto h3 {font-size: 24px;}
}

/* Tablet especifico */
@media (min-width: 769px) and (max-width: 1024px) {
    :root {
        --containerWidthNarrow: 100%;
        --containerWidth: 100%;
    }
    header {padding: 20px 40px;}
    #homeSlider .swiper-slide .texto {width: calc(100% - 80px);}
    #homeSlider .swiper-slide .texto h2 {font-size: 36px;}
    #homeSlider .swiper-slide .texto h3 {font-size: 24px;}
    .homeCards .features-overlay {width: calc(100% - 80px);}
    .fiberty-section,
    .plans {width: calc(100% - 80px);padding: 60px 40px;}
    .form-container {width: 600px;}
    .platforms-grid {gap: 15px;}
    .platform-card {width: 150px;}
}

/* Landscape mobile */
@media (max-width: 768px) and (orientation: landscape) {
    :root {
        --containerWidthNarrow: 100%;
        --containerWidth: 100%;
    }
    #homeSlider {aspect-ratio: 16/9;min-height: 400px;}
    #homeSlider .swiper-slide .texto h2 {font-size: 24px;}
    #homeSlider .swiper-slide .texto h3 {font-size: 16px;}
    .homeCards .features-overlay {flex-direction: row;overflow-x: auto;gap: 12px;padding-bottom: 12px;}
    .homeCards .feature-card {min-width: 250px;flex-shrink: 0;}
}