*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#06111f;color:#f4f9fd;line-height:1.55}.shell{width:min(1180px,calc(100% - 36px));margin:auto}.header{position:sticky;top:0;z-index:20;background:#030b15;border-bottom:1px solid #142437}.nav{min-height:126px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo-wrap{display:block;width:330px}.logo-wrap img{display:block;width:100%;height:auto}.nav nav{display:flex;gap:25px}.nav nav a{color:#d6e3ed;text-decoration:none;font-weight:700;font-size:14px}.menu{display:none;border:0;background:none;color:#fff;font-size:28px}.hero{padding:72px 0;background:radial-gradient(circle at 75% 30%,#0b3960 0,transparent 34%),linear-gradient(180deg,#0a223a,#071521)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.overline{color:#20b7ff;font-size:12px;font-weight:900;letter-spacing:1.8px}.hero h1{font-size:clamp(48px,6vw,76px);line-height:1.03;margin:12px 0 18px;letter-spacing:-1.7px}.hero p{font-size:20px;color:#b4c9da;max-width:720px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.button{display:inline-flex;padding:13px 20px;border-radius:12px;text-decoration:none;font-weight:900}.button.main{background:linear-gradient(90deg,#0499df,#0967e6);color:#fff}.button.secondary{border:1px solid #456079;color:#fff;background:#0a1a2a}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips span{padding:7px 10px;border:1px solid #203951;border-radius:999px;color:#a9c0d2;font-size:12px}.hero-logo{background:#02070d;border:1px solid #17354c;border-radius:26px;padding:16px;box-shadow:0 28px 70px #0008}.hero-logo img{width:100%;display:block;border-radius:18px}.section{padding:82px 0}.section.dark{background:#091724}.title{max-width:760px;margin-bottom:32px}.title h2,.store h2,.contact h2{font-size:clamp(32px,4vw,48px);line-height:1.08;margin:10px 0}.title p,.store p,.contact p{color:#9fb7c9}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid article{padding:24px;border:1px solid #173047;background:linear-gradient(180deg,#0b1c2d,#081522);border-radius:18px}.ico{font-size:31px}.grid h3{margin:10px 0 7px}.grid p{margin:0;color:#9fb5c6;font-size:14px}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.plan{position:relative;display:flex;flex-direction:column;gap:8px;padding:25px;border:1px solid #1a354e;background:#0b1d2f;border-radius:18px}.plan b{font-size:26px}.plan strong{font-size:34px}.plan small{color:#91aabd}.plan a{text-align:center;text-decoration:none;color:#fff;background:#087cce;padding:11px;border-radius:10px;font-weight:900;margin-top:10px}.plan.hot{border-color:#168ed2;box-shadow:0 0 35px #0070bb26}.plan em{position:absolute;right:15px;top:13px;color:#43c7ff;font-style:normal;font-size:9px;font-weight:900}.store{display:flex;align-items:center;justify-content:space-between;gap:40px}.store>div{max-width:760px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.contact-box{border:1px solid #1b354d;background:#0b1b2a;border-radius:18px;padding:10px}.contact-box a,.contact-box>div{display:flex;gap:13px;align-items:center;padding:17px;border-radius:12px;color:#fff;text-decoration:none}.contact-box a:hover{background:#10283c}.contact-box b,.contact-box small{display:block}.contact-box small{color:#8fa8bb}.foot{display:flex;justify-content:space-between;padding:28px 0;color:#859cad;font-size:13px}footer{background:#030a12;border-top:1px solid #112234}@media(max-width:900px){.nav{min-height:100px}.logo-wrap{width:250px}.menu{display:block}.nav nav{display:none;position:absolute;top:100px;left:0;right:0;padding:20px;background:#04101c;flex-direction:column}.nav nav.open{display:flex}.hero-grid,.contact{grid-template-columns:1fr}.hero-logo{max-width:650px}.grid{grid-template-columns:repeat(2,1fr)}.plans{grid-template-columns:repeat(2,1fr)}.store{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.shell{width:min(100% - 26px,1180px)}.nav{min-height:90px}.logo-wrap{width:220px}.nav nav{top:90px}.hero{padding:48px 0}.hero h1{font-size:46px}.hero p{font-size:17px}.grid,.plans{grid-template-columns:1fr}.section{padding:60px 0}.hero-logo{padding:10px}.foot{gap:10px;flex-direction:column}}
.coverage{background:linear-gradient(180deg,#071521,#081a29)}
.coverage-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
.coverage-info,.coverage-visual,.coverage-form{border:1px solid #183750;background:#0a1c2c;border-radius:22px}
.coverage-info{padding:28px}.coverage-info h3{font-size:25px;margin:0 0 18px}
.zone-tags{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}
.zone-tags span{padding:8px 12px;border-radius:999px;background:#102b41;border:1px solid #20506f;color:#c9e8f8;font-size:13px;font-weight:700}
.coverage-note{color:#8faabd;font-size:13px;margin:0 0 23px}
.coverage-open{border:0;cursor:pointer}
.coverage-visual{padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:290px;background:radial-gradient(circle,#103c59,#091a29 65%)}
.coverage-visual strong{font-size:20px;margin-top:17px}.coverage-visual p{color:#9cb5c7;max-width:420px}
.radar{width:115px;height:115px;border-radius:50%;border:1px solid #1f78a7;display:grid;place-items:center;box-shadow:0 0 0 22px #0b355044,0 0 0 44px #0b355022}
.tower{font-size:48px}
.coverage-form{display:none;margin-top:22px;padding:28px}.coverage-form.show{display:block}
.form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.form-head h3{font-size:27px;margin:5px 0 20px}.close{border:0;background:none;color:#fff;font-size:30px;cursor:pointer}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{font-size:12px;font-weight:800;color:#b9ccda}.form-grid .wide{grid-column:1/-1}
.form-grid input,.form-grid select{display:block;width:100%;margin-top:7px;padding:13px;border-radius:10px;border:1px solid #27455d;background:#071522;color:#fff;outline:none}
.location-box{margin-top:18px;padding:20px;border:1px solid #1b425e;border-radius:15px;background:#071725}.location-box h4{margin:0 0 6px}.location-box p{color:#9bb4c6;font-size:13px}
.location-actions{display:flex;gap:10px;flex-wrap:wrap}.location-actions button{border:0;cursor:pointer}
.location-status{margin-top:13px;padding:11px;border-radius:10px;background:#0b2234;color:#9fb8c9;font-size:12px}
.privacy{color:#7893a7;font-size:11px}.send-request{border:0;cursor:pointer}
@media(max-width:800px){.coverage-layout{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}

/* V8: tarjetas de planes */
.internet-v8{background:linear-gradient(180deg,#06131d,#081923);border-top:1px solid #143346;border-bottom:1px solid #143346}
.internet-title{max-width:780px}
.plans-v8{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.plan-v8{position:relative;min-height:345px;padding:30px 27px;border-radius:20px;background:linear-gradient(155deg,#0d292a,#0b1d22);border:1px solid #1d5557;display:flex;flex-direction:column}
.plan-v8.featured{border-color:#3bc9ca;box-shadow:0 18px 48px rgba(41,194,196,.12)}
.plan-name{font-size:12px;letter-spacing:2px;font-weight:900;color:#43cbca;margin-bottom:15px}
.speed{display:flex;align-items:baseline;gap:8px}.speed strong{font-size:58px;line-height:1;color:#fff}.speed span{color:#9bb0b2;font-weight:700}
.plan-price{margin:14px 0 20px;font-size:22px;font-weight:900;color:#f0fafa}.plan-price small{font-size:12px;color:#83999b;font-weight:600}
.plan-v8 ul{list-style:none;margin:0;padding:0}.plan-v8 li{padding:7px 0;color:#d8e7e7;font-size:14px}.plan-v8 li:before{content:"✓";color:#43cbca;font-weight:900;margin-right:10px}
.popular{position:absolute;right:15px;top:15px;padding:7px 10px;border-radius:999px;background:#6bc39f;color:#fff;font-size:9px;font-weight:900}
.plans-actions{text-align:center;margin-top:28px}.plan-coverage-btn{font-size:15px;padding:15px 25px!important;border:0;cursor:pointer}
.more-speed{margin-top:28px;border:1px solid #1d4c60;border-radius:20px;background:linear-gradient(135deg,#0a1d29,#0c2831);padding:27px 30px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.more-speed h3{margin:5px 0 8px;font-size:27px}.more-speed p{margin:0;max-width:700px;color:#98afb9;line-height:1.55}
.feasibility-btn{white-space:nowrap;cursor:pointer}
@media(max-width:1000px){.plans-v8{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.plans-v8{grid-template-columns:1fr}.plan-v8{min-height:auto}.more-speed{flex-direction:column;align-items:flex-start}.feasibility-btn,.plan-coverage-btn{width:100%;white-space:normal}}

/* V9 — Información legal */
.legal-v9{padding:42px 0;background:#081a19;border-top:1px solid #17403e}
.legal-head{text-align:center;max-width:760px;margin:0 auto 24px}
.legal-head h2{margin:6px 0 8px;font-size:25px;color:#f3fbfb}
.legal-head p{margin:0;color:#91aaa8;font-size:13px;line-height:1.55}
.legal-links{display:flex;justify-content:center;align-items:center;gap:0;flex-wrap:wrap}
.legal-links a{color:#9db5b3;font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:5px 18px;border-right:1px solid #47605e}
.legal-links a:last-child{border-right:0}
.legal-links a:hover{color:#45cbc7}
@media(max-width:650px){
 .legal-v9{padding:35px 0}
 .legal-links{flex-direction:column}
 .legal-links a{border-right:0;border-bottom:1px solid #274341;width:100%;text-align:center;padding:11px 5px}
 .legal-links a:last-child{border-bottom:0}
}


/* V10: formulario de cotización */
.quote-modal{position:fixed;inset:0;background:rgba(2,10,18,.78);display:none;align-items:center;justify-content:center;padding:20px;z-index:9999;overflow:auto}
.quote-modal.show{display:flex}
.quote-card{width:min(760px,96vw);background:#0a1c2c;border:1px solid #214765;border-radius:22px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.45)}
.quote-card textarea{width:100%;resize:vertical;min-height:120px;padding:13px;border-radius:10px;border:1px solid #28506e;background:#071522;color:#fff;font:inherit}
.form-message{margin-top:12px;min-height:20px;color:#91adbf}.form-message.ok{color:#7ee2a8}.form-message.err{color:#ff9a9a}
body.modal-open{overflow:hidden}


/* V11: cuenta y barra de administración */
.account-link{border:1px solid rgba(105,196,255,.35);border-radius:10px;padding:9px 12px!important}
.adminbar{position:sticky;top:72px;z-index:900;background:#071827;border-top:1px solid #17364d;border-bottom:1px solid #17364d;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.adminbar-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px}
.adminbar strong{font-size:13px;color:#dff4ff}.adminbar-links{display:flex;gap:8px;flex-wrap:wrap}.adminbar a{color:#9edcff;text-decoration:none;font-size:13px;font-weight:800;padding:8px 10px;border-radius:8px}.adminbar a:hover{background:#102b40}.clientbar{background:#0a1d2d}
@media(max-width:760px){.adminbar{top:62px}.adminbar-inner{align-items:flex-start;flex-direction:column;padding:10px 0}.adminbar-links{width:100%}.adminbar a{padding:7px 8px}}


/* V12: CLICK-ON inseparable + carrusel de portada */
.nowrap{white-space:nowrap}
/* V20: carrusel con caja fija. La página ya no cambia de altura entre imágenes. */
.hero-carousel{position:relative;overflow:hidden;height:430px;min-height:0;display:flex;align-items:center;justify-content:center;user-select:none;cursor:default}
.hero-carousel img{width:100%;height:100%;min-height:0;max-height:none;object-fit:contain;object-position:center center;display:block;border-radius:18px;transition:opacity .75s ease,transform .75s ease;pointer-events:none}
.hero-carousel img.carousel-fade{opacity:.12;transform:scale(.985)}
.carousel-loading{position:absolute;left:16px;bottom:14px;padding:6px 9px;border-radius:999px;background:#06111fcc;color:#8fb0c4;font-size:11px;opacity:0;transition:opacity .25s;pointer-events:none}
.hero-carousel.loading .carousel-loading{opacity:1}
@media(max-width:900px){.hero-carousel{height:350px}}
@media(max-width:600px){.hero-carousel{height:290px}}

/* V19: banner de texto + carrusel automático de marcas */
.hero-showcase{min-width:0;display:flex;flex-direction:column;gap:10px}
.tech-text-banner{overflow:hidden;border:1px solid rgba(41,169,255,.28);border-radius:12px;background:rgba(5,21,39,.86);padding:9px 0;white-space:nowrap}
.tech-text-track{display:flex;width:max-content;will-change:transform;animation:clickonTicker var(--ticker-speed,32s) linear infinite}
.tech-text-track span{display:block;padding-right:70px;color:#eaf7ff;font-size:.82rem;font-weight:700;letter-spacing:.01em}
@keyframes clickonTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.brand-strip{overflow:hidden;border-radius:12px;background:#fff;border:1px solid rgba(10,56,92,.13);padding:8px 0}
.brand-track{display:flex;align-items:center;width:max-content;gap:24px;will-change:transform;animation:brandTicker 42s linear infinite}
.brand-logo{width:92px;height:42px;object-fit:contain;flex:0 0 auto;padding:3px 7px;filter:saturate(.92)}
@keyframes brandTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:760px){.tech-text-track span{font-size:.74rem}.brand-logo{width:76px;height:34px}.brand-track{gap:16px}}
@media(prefers-reduced-motion:reduce){.tech-text-track,.brand-track{animation-play-state:paused}}

/* V20.1 - Banner de marcas: fondo blanco */
.brands-ticker,
.brands-marquee,
.brand-ticker,
.brand-marquee,
.logo-ticker,
.logos-ticker,
.marcas-ticker,
.marcas-marquee,
.brand-strip,
.brands-strip {
    background: #fff !important;
}

/* Banner de marcas totalmente transparente: sin fondo, borde ni sombra */
.brand-strip,
.brands-strip,
.brands-ticker,
.brands-marquee,
.brand-ticker,
.brand-marquee,
.logo-ticker,
.logos-ticker,
.marcas-ticker,
.marcas-marquee {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}


/* V20.3 - iPhone: ticker por scroll (sin transform) + marcas separadas a ancho completo */
.tech-text-banner{overflow:hidden!important;position:relative!important;-webkit-transform:translateZ(0);transform:translateZ(0)}
.tech-text-track{animation:none!important;position:relative!important;left:0;will-change:left!important;transform:none!important;-webkit-transform:none!important;flex-wrap:nowrap!important}
.tech-text-track span{flex:0 0 auto!important;-webkit-font-smoothing:antialiased}
.brand-strip-full{width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-top:26px!important;border-radius:0!important}
@media(max-width:900px){.brand-strip-full{margin-top:24px!important}}


/* V23 - FIX DEFINITIVO: marcas debajo de las dos columnas, ancho completo del contenido */
.brand-strip-full{
  width:100% !important;
  margin:30px 0 0 0 !important;
  border-radius:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:8px 0 !important;
  overflow:hidden !important;
}
.brand-strip-full .brand-track{
  background:transparent !important;
}
@media(max-width:900px){
  .brand-strip-full{margin-top:26px !important;}
}

/* V23 - banner de texto: siempre visible; movimiento por left en vez de transform/scrollLeft */
.tech-text-banner{
  position:relative !important;
  overflow:hidden !important;
  background:rgba(5,21,39,.86) !important;
  min-height:39px !important;
}
.tech-text-track{
  position:relative !important;
  left:0;
  display:flex !important;
  width:max-content !important;
  flex-wrap:nowrap !important;
  animation:none !important;
  transform:none !important;
  -webkit-transform:none !important;
  will-change:left !important;
}
.tech-text-track span{
  display:block !important;
  flex:0 0 auto !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* Marketplace CLICK-ON */
.market-showcase{padding:0;background:linear-gradient(180deg,#03111e,#061725);border-top:1px solid #14364b;border-bottom:1px solid #14364b;overflow:hidden}.market-showcase>.shell{padding-top:54px;padding-bottom:56px}.market-hero{position:relative;min-height:390px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 75% 40%,rgba(0,132,255,.20),transparent 38%),linear-gradient(115deg,#041322 0%,#06182a 55%,#071a2c 100%);box-shadow:0 22px 55px rgba(0,0,0,.25)}.market-hero-copy{position:relative;z-index:2;padding:44px 10px 44px 44px}.market-hero-copy h2{font-size:clamp(34px,4vw,54px);line-height:1.04;margin:10px 0 14px;max-width:720px}.market-hero-copy h2 span{display:block;color:#18b8ff}.market-hero-copy>p{color:#b7ccdc;font-size:17px;margin:0 0 28px}.market-hero-art{position:absolute;right:0;top:0;width:53%;height:100%;background:linear-gradient(90deg,#06182a 0%,transparent 18%),url('assets/marketplace-hero.png') center/cover no-repeat}.market-benefits{display:grid;grid-template-columns:repeat(4,max-content);gap:24px;margin:0 0 26px;color:#e9f7ff}.market-benefits span{display:flex;align-items:center;gap:8px;font-size:24px}.market-benefits b{font-size:12px;line-height:1.3}.market-shop-btn{display:inline-flex}.market-title{text-align:center;padding:30px 0 18px}.market-title h3{font-size:28px;margin:0 0 4px}.market-title p{margin:0;color:#9fb8ca}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.market-tile{position:relative;display:block;overflow:hidden;border-radius:18px;background:#f5fbff;color:#0a2440;text-decoration:none;border:1px solid #2dafff;transition:.2s ease}.market-tile:hover{transform:translateY(-3px);box-shadow:0 16px 38px #0006}.market-tile img{display:block;width:100%;height:132px;object-fit:cover}.market-tile>div{position:relative;padding:18px 52px 20px 20px;min-height:145px}.market-tile h3{font-size:20px;margin:0 0 7px}.market-tile p{font-size:14px;line-height:1.45;margin:0 0 12px;color:#24527b}.market-tile small{display:inline-block;padding:5px 9px;border-radius:999px;background:#c8edff;color:#0877c9;font-weight:800}.market-tile.pink{border-color:#e77ac2;background:#fff7fc}.market-tile.pink small{background:#ffd9ef;color:#b82b80}.market-tile.green{border-color:#58c58b;background:#f5fff8}.market-tile.green small{background:#d7f5df;color:#168348}.tile-arrow{position:absolute;right:18px;bottom:20px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#c9ebff;color:#0877c9;font-size:20px}
@media(max-width:900px){.market-showcase>.shell{padding-top:28px;padding-bottom:34px}.market-hero{grid-template-columns:1fr;min-height:0}.market-hero-copy{padding:30px 24px 270px}.market-hero-art{width:100%;height:250px;top:auto;bottom:0;background:linear-gradient(180deg,#06182a 0%,transparent 25%),url('assets/marketplace-hero.png') center/cover no-repeat}.market-benefits{grid-template-columns:1fr 1fr;gap:14px}.market-grid{grid-template-columns:1fr}.market-tile img{height:170px}}
@media(max-width:520px){.market-hero-copy{padding:26px 18px 245px}.market-benefits{gap:10px}.market-benefits span{font-size:20px}.market-benefits b{font-size:11px}.market-hero-art{height:225px}.market-title h3{font-size:24px}}

.market-coming-soon{margin-top:18px;display:grid;grid-template-columns:2.1fr .7fr .7fr .9fr auto;align-items:center;gap:18px;padding:16px 18px;border:1px solid #17648d;border-radius:16px;background:#041321;color:#eaf7ff}.coming-intro,.coming-benefit{display:flex;align-items:center;gap:12px}.coming-intro b{display:block;font-size:17px}.coming-intro small,.coming-benefit small{display:block;color:#a9c0d0;line-height:1.3}.coming-icon,.coming-benefit>span{font-size:27px}.coming-benefit{padding-left:18px;border-left:1px solid #16445f}.coming-button{display:inline-flex;align-items:center;justify-content:center;min-width:145px;padding:13px 20px;border-radius:12px;background:linear-gradient(135deg,#149fe8,#126ff1);font-weight:900;color:#fff;cursor:default;user-select:none}.market-coming-soon .coming-button:hover{transform:none}
@media(max-width:900px){.market-coming-soon{grid-template-columns:1fr 1fr;gap:14px}.coming-intro{grid-column:1/-1}.coming-benefit{padding-left:0;border-left:0}.coming-button{grid-column:1/-1;width:100%}}


/* V24 - ticker superior independiente de carrusel.php/JavaScript */
.tech-text-banner{
  overflow:hidden !important;
  position:relative !important;
  white-space:nowrap !important;
}
.tech-text-track{
  display:flex !important;
  width:max-content !important;
  position:relative !important;
  left:auto !important;
  flex-wrap:nowrap !important;
  transform:translate3d(0,0,0) !important;
  -webkit-transform:translate3d(0,0,0) !important;
  animation:clickonTickerV24 38s linear infinite !important;
  -webkit-animation:clickonTickerV24 38s linear infinite !important;
  will-change:transform !important;
}
.tech-text-track span{
  display:block !important;
  flex:0 0 auto !important;
  padding-right:70px !important;
}
@keyframes clickonTickerV24{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@-webkit-keyframes clickonTickerV24{
  from{-webkit-transform:translate3d(0,0,0)}
  to{-webkit-transform:translate3d(-50%,0,0)}
}
@media (prefers-reduced-motion: reduce){
  .tech-text-track{
    animation:clickonTickerV24 38s linear infinite !important;
    -webkit-animation:clickonTickerV24 38s linear infinite !important;
  }
}

/* Logos de negocios: mantenerlos completos dentro de la tarjeta */
.market-tile img.business-logo{object-fit:contain;background:#fff;padding:8px 14px}
.market-tile img.mony-logo{background:#fff3f8}
.market-tile img.navarrete-logo{background:#fff}