/* NextNetworks - static rebuild */
:root{
  --blue:#364ffb;
  --blue-dark:#0c267d;
  --navy:#051137;
  --navy-2:#0a1f66;
  --coral:#eb5b72;
  --cyan:#30e0dc;
  --gray:#767676;
  --light:#f8f8f8;
  --light-2:#eceff1;
  --text:#0f1011;
  --radius:14px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{
  font-family:'Poppins',Arial,Helvetica,sans-serif;
  color:var(--text);
  background:#fff;
  line-height:1.5;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 24px;}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--blue);color:#fff;border:none;border-radius:999px;
  padding:14px 34px;font-weight:600;font-size:1rem;cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  box-shadow:0 8px 20px rgba(54,79,251,.35);
}
.btn:hover{transform:translateY(-2px);background:#2c41d6;}
.btn.outline{background:transparent;border:2px solid #fff;color:#fff;box-shadow:none;}
.btn.outline:hover{background:#fff;color:var(--blue);}
.btn.small{padding:10px 22px;font-size:.9rem;}
.eyebrow{
  text-transform:uppercase;letter-spacing:.12em;font-weight:700;
  color:var(--blue);font-size:.8rem;margin-bottom:10px;display:block;
}
h1,h2,h3,h4{font-weight:700;line-height:1.15;}
h2{font-size:clamp(1.8rem,3.4vw,2.6rem);}
.section{padding:80px 0;}
.section.tight{padding:56px 0;}
.text-center{text-align:center;}
.muted{color:var(--gray);}

/* Header (replica del sitio original) */
.navbar-wrapper{
  position:fixed;top:0;left:0;width:100%;padding:48px 0;transition:.2s;z-index:10;
  color:#fff;
}
.navbar-wrapper.scrolled{padding:1rem 0;background-color:#0f1011;}
.navbar-wrapper.solid{background-color:#0f1011;padding:1.35rem 0;}
.navbar-wrapper.solid.scrolled{padding:1rem 0;box-shadow:0 2px 18px rgba(0,0,0,.35);}
.navbar-wrapper .nav{display:flex;justify-content:space-between;align-items:center;}
.logo-link img{height:32px;width:auto;}
.bars-button{font-size:32px;display:none;background:none;border:0;color:#fff;cursor:pointer;line-height:1;}
.close-button{display:none;background:none;border:0;color:#fff;cursor:pointer;font-size:36px;line-height:1;}
.mobile-logo{display:none;}

.links-wrapper{display:flex;justify-content:flex-start;align-items:center;gap:2rem;}
.link-nav{color:rgba(255,255,255,.55);transition:.2s;font-size:.95rem;white-space:nowrap;}
.link-nav:hover{color:rgba(255,255,255,.85);}
.link-nav.active{color:#fff;}
div.link-nav{cursor:default;}

/* Menu desplegable de soluciones */
.options-dropdown{position:relative;}
/* El desplegable flotante es solo de escritorio: en movil el menu
   se despliega en linea y estas reglas lo sacaban del margen. */
@media only screen and (min-width:801px){
  .link-options{
    position:absolute;top:170%;left:50%;transform:translateX(-50%) translateY(6px);
    background:#fff;border-radius:14px;border:1px solid #e6e8f2;
    box-shadow:0 24px 50px rgba(5,17,55,.35);
    padding:10px;width:max-content;min-width:330px;max-width:min(420px,90vw);
    /* .link-nav hereda white-space:nowrap y las descripciones no envolvian */
    white-space:normal;
    opacity:0;visibility:hidden;transition:.18s ease;
  }
  .options-dropdown:hover .link-options,
  .options-dropdown:focus-within .link-options{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
}
.link-option{display:flex;align-items:flex-start;gap:.75rem;padding:10px 12px;border-radius:8px;}
.link-option:hover{background:var(--light);}
.icon-option{flex-shrink:0;}
.icon-option img{height:32px;width:auto;}
.text-option{display:flex;flex-direction:column;min-width:0;}
.text-option .title{color:var(--blue);font-weight:700;font-size:.92rem;}
.text-option .description{color:var(--gray);font-size:.78rem;line-height:1.35;white-space:normal;overflow-wrap:anywhere;}

/* Boton de idioma */
.lang-toggle{
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);
  color:#fff;font-weight:700;cursor:pointer;font-family:inherit;font-size:.85rem;
  padding:7px 16px;border-radius:999px;transition:.2s;white-space:nowrap;line-height:1.4;
}
.lang-toggle:hover{background:var(--blue);border-color:var(--blue);}

@media only screen and (max-width:800px){
  .navbar-wrapper{padding:1rem 0;}
  .navbar-wrapper.scrolled{padding:.5rem 0;}
  .bars-button{display:block;}
  .links-wrapper{
    position:fixed;top:0;left:calc(100% + 1rem);width:100%;height:100%;
    background-color:#0f1011;flex-direction:column;align-items:stretch;
    padding:4.5rem 1.25rem 2rem;transition:.2s;gap:.35rem;
    overflow-y:auto;-webkit-overflow-scrolling:touch;
  }
  .links-wrapper.opened{left:0;}
  .close-button{display:block;position:absolute;left:1rem;top:22px;}
  .mobile-logo{display:block;margin:0 auto 2.5rem;}
  .mobile-logo img{height:42px;}

  .links-wrapper .link-nav{
    width:100%;text-align:center;padding:.85rem 0;color:rgba(255,255,255,.8);font-size:1.05rem;
  }
  .links-wrapper .link-nav.active{color:#fff;}
  .options-dropdown{width:100%;}
  .options-dropdown > span{display:block;width:100%;text-align:center;position:relative;}
  .options-dropdown > span::after{
    content:"";display:inline-block;margin-left:.5rem;vertical-align:middle;
    border-left:5px solid transparent;border-right:5px solid transparent;
    border-top:6px solid currentColor;transition:transform .2s ease;
  }
  .options-dropdown.open > span::after{transform:rotate(180deg);}

  .link-options{
    position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;
    background:rgba(255,255,255,.05);border-radius:12px;display:none;
    min-width:0;width:100%;margin:.35rem 0 .5rem;padding:.4rem;
  }
  .options-dropdown.open .link-options{display:block;}
  .link-option{
    width:100%;align-items:center;gap:.75rem;padding:.7rem .85rem;
  }
  .link-option:hover{background:rgba(255,255,255,.08);}
  .icon-option img{height:26px;}
  .text-option{min-width:0;}
  .text-option .title{font-size:.95rem;}
  .text-option .description{display:none;}
  .lang-toggle{align-self:center;margin-top:1rem;}
}

/* Hero (replica del sitio original) */
.hero{
  background-color:#333;
  background-position:50% 0;
  background-size:cover;
  background-attachment:fixed;
  background-repeat:no-repeat;
  height:100vh;max-height:768px;width:100%;
  display:flex;justify-content:center;align-items:flex-end;
  position:relative;
}
.hero::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(15,16,17,.62),rgba(15,16,17,.52));
}
.hero-inner{
  position:relative;z-index:1;
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  height:calc(100% - 120px);
}
.hero .center-section{
  margin-top:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;
}
.hero .center-section .hero-title{
  font-family:Montserrat,Arial,Helvetica,sans-serif;color:#fff;font-size:96px;
  text-transform:uppercase;font-weight:500;line-height:1;margin:0 auto;text-align:center;
}
.hero .center-section .hero-title img{height:68px;display:inline-block;vertical-align:baseline;}
.hero .center-section p.white-text{
  font-size:1.5rem;margin:2rem 0 4rem;color:#fff;font-weight:300;
  text-align:center;letter-spacing:2px;max-width:1080px;
}
.hero p.base-title{
  color:#ccc;font-size:1rem;text-align:center;margin-top:auto;margin-bottom:2rem;opacity:.62;
}

@media only screen and (max-width:1280px){
  .hero .center-section{max-width:630px;}
  .hero .center-section .hero-title{font-size:72px;}
  .hero .center-section .hero-title img{height:51px;}
  .hero .center-section p.white-text{font-size:20px;}
}
@media only screen and (max-width:800px){
  .hero .center-section .hero-title{font-size:36px;}
  .hero .center-section .hero-title img{height:26px;margin-right:2px;}
  .hero .center-section p.white-text{font-size:1rem;}
  .hero{background-attachment:scroll;}
}


/* ===== Paginas internas: hero (replica del original) ===== */
.page-hero{background-color:var(--light);padding:197px 0 130px;overflow:hidden;}
.page-hero .title-wrapper{max-width:480px;z-index:2;position:relative;}
.page-hero .title-wrapper p.top-text{
  font-size:26px;font-family:Futura,Arial,Helvetica,sans-serif;
  display:flex;justify-content:flex-start;align-items:center;
  letter-spacing:-1px;color:var(--blue-dark);
}
.page-hero .title-wrapper p.top-text span{font-size:63px;margin-left:1rem;color:var(--blue);}
.page-hero .title-wrapper h1{font-size:104px;line-height:101px;margin-top:1rem;text-transform:none;}
.page-hero .title-wrapper p.bottom-text{
  font-size:23px;font-family:Futura,Arial,Helvetica,sans-serif;
  letter-spacing:-1px;margin-top:4rem;color:var(--blue-dark);
}
.page-hero .title-wrapper p.bottom-text span{color:var(--blue);font-weight:700;}
.page-hero .icons{display:flex;justify-content:flex-start;align-items:flex-start;margin-top:3rem;}
.page-hero .icons .icon-text{
  display:flex;justify-content:center;align-items:center;flex-direction:column;margin-right:4rem;
}
.page-hero .icons .icon-text:last-child{margin:0;}
.page-hero .icons .icon-text .img-wrapper{height:40px;margin-bottom:1rem;}
.page-hero .icons .icon-text img{max-width:unset;max-height:unset;height:100%;width:auto;}
.page-hero .icons .icon-text p{text-align:center;font-size:14px;}
.page-hero .hero-actions{
  display:flex;align-items:center;gap:1rem;flex-wrap:wrap;
  margin-top:98px;position:relative;z-index:2;
}
.page-hero .hero-actions .main-button{margin-top:0;}
.page-hero .hero-login-note{
  margin-top:.9rem;font-size:.86rem;color:var(--gray);position:relative;z-index:2;max-width:420px;
}

/* Boton secundario (clientes) */
.main-button.ghost-button{
  background-color:transparent;border:2px solid var(--blue);
  gap:.55rem;padding:10px 1.6rem;box-shadow:none;
}
.main-button.ghost-button span{color:var(--blue);font-size:1rem;letter-spacing:1px;}
.main-button.ghost-button svg{
  width:19px;height:19px;fill:var(--blue);position:relative;z-index:1;
  transition:fill .25s ease;flex:none;
}
.main-button.ghost-button::before,.main-button.ghost-button::after{background-color:var(--blue);}
.main-button.ghost-button:hover{box-shadow:none;}
.main-button.ghost-button:hover span{color:#fff;}
.main-button.ghost-button:hover svg{fill:#fff;}
.main-button.ghost-button span{transition:color .25s ease;}

.page-hero.cloud{
  background-image:url('img/hero-cloud.png');background-size:cover;
  background-position:right center;background-color:#fff;
}
.page-hero.cloud .title-wrapper{max-width:690px;}
.page-hero.cloud .title-wrapper p.bottom-text{font-size:34px;margin-top:0;}

@media only screen and (max-width:800px){
  .page-hero{padding:144px 0 80px;}
  .page-hero .title-wrapper p.top-text{font-size:24px;}
  .page-hero .title-wrapper p.top-text span{font-size:40px;}
  .page-hero .title-wrapper h1{font-size:90px;}
  .page-hero .title-wrapper p.bottom-text{font-size:20px;}
  .page-hero.cloud{background-position:70% center;}
  .page-hero.cloud .title-wrapper p.bottom-text{font-size:28px;}
  .page-hero .icons{flex-direction:column;}
  .page-hero .icons .icon-text{margin:0 0 1rem;flex-direction:row;}
  .page-hero .icons .icon-text .img-wrapper{
    margin-bottom:0;height:32px;width:52px;display:flex;
    justify-content:center;align-items:center;margin-right:1rem;
  }
  .page-hero .icons .icon-text p{font-size:1rem;}
}

/* ===== Un poco de nuestra nube ===== */
.our-cloud{padding:80px 0;}
.our-cloud h2{font-size:46px;margin-bottom:2rem;text-transform:none;}
.our-cloud h2 span{color:var(--blue);}
.our-cloud .icons-wrapper-desktop{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;}
.our-cloud .icons-text{
  display:grid;grid-template-columns:1fr;gap:1rem;
  background-color:var(--light-2);border-radius:20px;padding:2rem;
}
.our-cloud .icon-text .icon{
  width:50px;height:28px;display:flex;justify-content:flex-start;
  align-items:center;margin-bottom:.5rem;
}
.our-cloud .icon-text .icon.large{width:84px;}
.our-cloud .icon-text .icon img{max-width:unset;height:100%;width:auto;}

@media only screen and (max-width:800px){
  .our-cloud{position:relative;padding:40px 0 0;}
  .our-cloud::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:90%;background-color:#0f1011;}
  .our-cloud .container{position:relative;z-index:1;}
  .our-cloud h2{font-size:40px;line-height:1;margin-bottom:0;}
  .our-cloud .icons-wrapper-desktop{
    display:block;background-color:var(--light-2);border-radius:20px;
    padding:80px 1rem 2rem;margin-top:-40px;
  }
  .our-cloud .icons-text{display:block;background:none;padding:0;border-radius:0;}
  .our-cloud .icon-text{
    display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2rem;
  }
  .our-cloud .icon-text:last-child{margin-bottom:0;}
  .our-cloud .icon-text .icon{justify-content:center;}
  .our-cloud .icon-text p{text-align:center;max-width:280px;}
}

/* ===== Caracteristicas numeradas ===== */
.numbered-features-wrapper{background-color:#0f1011;padding:80px 0;overflow:hidden;}
.numbered-features-wrapper .container{display:grid;gap:6rem;}
.numbered-feature{display:flex;justify-content:space-between;align-items:center;position:relative;}
.numbered-feature .text{
  width:86%;flex:0 0 auto;position:relative;z-index:2;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
}
.numbered-feature .img-wrapper{
  width:650px;flex:0 0 auto;max-height:270px;position:relative;z-index:1;
  display:flex;justify-content:center;align-items:center;
}
.numbered-feature .img-wrapper img{max-height:270px;max-width:100%;width:auto;}
.numbered-feature .img-wrapper.self-align-2 img{max-height:220px;}
.numbered-feature .img-wrapper.self-align-3 img{max-height:300px;}
.numbered-feature .img-wrapper.self-align-4 img{max-height:430px;}
.numbered-feature .text .number{
  font-size:160px;font-weight:700;color:#0f1011;-webkit-text-stroke:5px #3c3d3e;
  position:absolute;top:0;right:0;line-height:131px;height:122px;z-index:-1;
}
.numbered-feature .text h3{font-size:52px;position:relative;color:#fff;text-transform:none;}
.numbered-feature .text p{font-size:20px;position:relative;color:#fff;margin-top:1rem;max-width:620px;}
.numbered-feature.rtl{flex-direction:row-reverse;}
.numbered-feature.rtl .text{align-items:flex-end;}
.numbered-feature.rtl .text .number{left:0;right:auto;}
.numbered-feature.rtl .text h3,.numbered-feature.rtl .text p{text-align:right;}
.numbered-feature.rtl .text p{margin-left:auto;}

@media only screen and (max-width:800px){
  .numbered-features-wrapper .container{gap:5rem;}
  .numbered-feature{justify-content:flex-start;}
  .numbered-feature .text{width:100%;}
  .numbered-feature .img-wrapper{
    position:absolute;right:-20%;bottom:-40%;width:auto;opacity:.3;z-index:0;
  }
  .numbered-feature .img-wrapper.self-align-1{right:0;bottom:-20%;}
  .numbered-feature.rtl .img-wrapper{right:auto;left:-20%;}
  .numbered-feature .text .number{font-size:120px;line-height:100px;height:94px;}
  .numbered-feature .text h3{line-height:1;margin-bottom:1rem;font-size:32px;}
  .numbered-feature .text p{font-size:1rem;}
}

/* ===== Planes de la nube ===== */
.plan-wrapper .plan .price{
  font-size:1.9rem;font-weight:700;color:var(--blue);margin:0 0 1.25rem;
  text-align:center;line-height:1.1;
}
.plan-wrapper .plan .price small{font-size:.9rem;font-weight:500;color:var(--gray);display:block;margin-top:2px;}
.cloud-plan.dark .plan .price{color:var(--blue-dark);}
.cloud-plan.cyan .plan .price{color:#1dc0bd;}
.cloud-plan.cyan .plan .price .callus{font-size:1.5rem;}
.plan-wrapper .plan .price.callus-price{margin-bottom:1.25rem;}
.plan-wrapper .plan .price.callus-price::after{
  content:"";display:block;width:28px;height:3px;border-radius:2px;
  background:currentColor;opacity:.45;margin:.55rem auto 0;
}

.cloud-plans{background-color:#0f1011;padding:6rem 0;}
.cloud-plans .container{background-color:#1e1d1d;padding:3rem 2rem;border-radius:40px;}
.cloud-plans .title-section p,
.cloud-plans .title-section h2,
.cloud-plans .title-section span{color:#fff;text-align:center;}
.cloud-plans .title-section h2{font-size:84px;line-height:1;text-transform:none;}
.cloud-plans .title-section h2 span{font-size:52px;}
.cloud-plans > .container > .divisor{width:100%;height:6px;background-color:var(--blue);margin:4rem 0;}
.cloud-plans .plans-wrapper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch;}
.cloud-plans .plans-wrapper .tabs-wrapper{display:none;}
.cloud-plans .cloud-plan{display:block;width:100%;min-width:0;}
.cloud-plans .cloud-plan .plan-wrapper{height:100%;display:flex;flex-direction:column;}
.cloud-plans .cloud-plan .plan{flex:1;}
.plan-wrapper .plan .main-button{margin-top:auto;min-width:0;width:100%;padding:12px 1rem;}
.plan-wrapper .plan .main-button span{font-size:.95rem;letter-spacing:1px;}
.plan-wrapper{background-color:#fff;border-radius:1rem;padding-top:1.5rem;overflow:hidden;}
.plan-wrapper .divisor{height:12px;width:100%;background-color:var(--blue);}
.plan-wrapper .divisor.dark{background-color:var(--blue-dark);}
.plan-wrapper .divisor.cyan{background-color:var(--cyan);}
.plan-wrapper .plan{
  padding:2rem 1.1rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;
}
.plan-wrapper .plan > img{margin-bottom:1.25rem;height:66px;width:auto;}
.plan-wrapper .plan > h3{
  margin-bottom:.75rem;text-align:center;font-size:1.25rem;text-transform:none;
  min-height:2.6em;display:flex;align-items:center;justify-content:center;
}
.plan-wrapper .plan > p{margin-bottom:2rem;text-align:center;}
.plan-wrapper .plan .features{
  display:grid;grid-template-columns:1fr;gap:.9rem;margin-bottom:1.75rem;width:100%;
  flex:1;align-content:start;
}
.plan-wrapper .plan .features .feature{
  width:100%;font-size:.94rem;text-align:center;line-height:1.4;
  overflow-wrap:anywhere;
}
.plan-wrapper .plan .features .feature img{
  display:inline-block;height:24px;margin-bottom:-4px;margin-left:3px;
}
.main-select{height:59px;width:100%;position:relative;}
.main-select select{
  appearance:none;border:0;padding:0 2.5rem 0 1rem;margin:0;background-color:transparent;
  width:100%;height:100%;position:relative;z-index:2;font-family:inherit;font-size:20px;
  text-align:center;text-align-last:center;cursor:pointer;color:var(--text);
}
.main-select select:focus{outline:none;}
.main-select > div{
  position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:4px;
  background-color:var(--light-2);border:1px solid transparent;transition:.2s;
}
.main-select select:focus + div{background-color:#fff;box-shadow:0 0 6px rgba(54,79,251,.5);}
.main-select::after{
  content:"";position:absolute;top:50%;right:1rem;transform:translateY(-50%);z-index:2;
  border-left:6px solid transparent;border-right:6px solid transparent;
  border-top:7px solid var(--blue);pointer-events:none;
}
.main-button.dark-button{background-color:var(--blue-dark);}
.main-button.dark-button::before,.main-button.dark-button::after{background-color:#08184e;}
.main-button.dark-button:hover{box-shadow:0 3px 6px var(--blue-dark);}
.main-button.cyan-button{background-color:var(--cyan);}
.main-button.cyan-button::before,.main-button.cyan-button::after{background-color:#1dc0bd;}
.main-button.cyan-button:hover{box-shadow:0 3px 6px var(--cyan);}
.tab-btn.business.active{color:var(--blue-dark);background-color:rgba(12,38,125,.15);}
.tab-btn.custom.active{color:#1dc0bd;background-color:rgba(48,224,220,.15);}

@media only screen and (max-width:1024px){
  .footer-info-title{padding-right:2rem;}
}
@media only screen and (max-width:1100px) and (min-width:801px){
  .cloud-plans .plans-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
}
@media only screen and (max-width:800px){
  .cloud-plans .container{padding:2rem 1rem;}
  .cloud-plans .plans-wrapper{display:flex;}
  .cloud-plans .title-section h2{font-size:8vw;}
  .cloud-plans .title-section h2 span{font-size:70%;}
  .cloud-plans > .container > .divisor{margin:3rem 0;}
  /* En movil se muestran TODOS los planes, uno debajo de otro:
     las pestanas escondian que habia mas planes de los visibles. */
  .cloud-plans .plans-wrapper{
    display:flex;flex-direction:column;gap:1.25rem;background:none;border-radius:0;overflow:visible;
  }
  .cloud-plans .plans-wrapper .tabs-wrapper{display:none;}
  .cloud-plans .cloud-plan{width:100%;display:block;}
  .plan-wrapper{padding-top:1.25rem;border-radius:1rem;}
  .plan-wrapper .divisor{display:block;}
  .plan-wrapper .plan{padding:1.75rem 1.25rem;}
  .plan-wrapper .plan .features{gap:.75rem;margin-bottom:1.5rem;}
}

/* Logos strip */
.strip{background:var(--light);padding:26px 0;text-align:center;color:var(--gray);font-weight:600;}
.brand-row{display:flex;flex-wrap:wrap;gap:34px;justify-content:center;align-items:center;margin-top:20px;opacity:.75;}
.brand-row img{height:34px;width:auto;filter:grayscale(1);}

/* Ecosystem intro (replica del sitio original) */
@font-face{font-family:'Futura';src:url('fonts/futura-r.ttf');font-weight:400;font-display:swap;}
@font-face{font-family:'Futura';src:url('fonts/futura-m.ttf');font-weight:700;font-display:swap;}

.first-section{
  display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4rem;
}
.first-section .img-text{width:60%;}
.first-section .img-text img{height:350px;width:auto;margin:0 auto 1.5rem;display:block;}
.first-section .img-text p{
  font-family:Futura,Arial,Helvetica,sans-serif;font-size:clamp(1.4rem,2.7vw,34px);
  text-align:center;color:var(--text);line-height:1.25;
}
.first-section .img-text p span{color:var(--blue);font-weight:700;}
.first-section h2{
  width:40%;text-align:right;font-size:clamp(2.4rem,5.3vw,68px);line-height:1.2;margin-top:2rem;
  font-weight:700;color:var(--text);text-transform:none;overflow-wrap:break-word;
}
.first-section h2 span{color:var(--blue);}
.first-section h2 b{font-size:clamp(3.6rem,8.7vw,112px);color:var(--blue);}

@media only screen and (max-width:800px){
  .first-section{flex-direction:column-reverse;}
  .first-section .img-text{width:100%;margin-top:-60px;}
  .first-section .img-text img{height:190px;margin-left:0;}
  .first-section .img-text p{text-align:left;font-size:22px;}
  .first-section h2{width:100%;max-width:260px;margin-left:auto;font-size:31px;margin-top:0;}
  .first-section h2 b{font-size:51px;}
}

/* 4 iconos divididos */
.icons-section{display:grid;grid-template-columns:repeat(4,1fr);}
.icons-section .icon{
  display:flex;flex-direction:column;justify-content:flex-start;align-items:center;
  border-right:3px solid #5e4cf1;padding:0 2rem;
}
.icons-section .icon:last-child{border-right:0;}
.icons-section .icon img{height:52px;width:auto;margin-bottom:1rem;}
.icons-section .icon h3,
.icons-section .icon p{text-align:center;font-family:Montserrat,Arial,Helvetica,sans-serif;}
.icons-section .icon h3{font-size:1rem;font-weight:700;}
.icons-section .icon p{font-size:14px;color:var(--text);margin-top:4px;}

@media only screen and (max-width:800px){
  .icons-section{grid-template-columns:1fr;}
  .icons-section .icon{border-right:0;}
  .icons-section .icon::after{
    content:"";height:3px;width:55%;margin:2rem 0;display:block;
    background-color:#5e4cf1;border-radius:1000px;
  }
  .icons-section .icon:last-child::after{display:none;}
}

/* Feature grid */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px;}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:40px;}
@media (max-width:800px){.grid-3,.grid-2{grid-template-columns:1fr;}}
.card{
  background:#fff;border-radius:var(--radius);padding:30px;
  box-shadow:0 10px 30px rgba(10,20,60,.08);border:1px solid #eef0f7;
}
.card img{height:44px;width:auto;margin-bottom:16px;}
.card h3{font-size:1.05rem;margin-bottom:10px;}
.card p{color:var(--gray);font-size:.92rem;}

/* Seccion de soluciones (replica del sitio original) */
.solutions-wrapper{background-color:#eae8fd;padding:6rem 0;}
.solutions-tabs{
  background-image:url('img/fondo-tabs-servicios.png');
  background-color:#fff;background-repeat:repeat-x;background-size:cover;
  box-shadow:0 3px 20px rgba(0,0,0,.1);padding:0 2rem;
}
.tabs{
  padding:1rem 0;display:flex;justify-content:flex-start;align-items:center;
  gap:.5rem;width:100%;position:relative;
}
.tab-btn{
  font-size:20px;padding:0 16px;border-radius:1000px;transition:.2s;
  color:#7a7a7a;font-weight:700;background:none;border:0;cursor:pointer;
  font-family:inherit;line-height:2;
}
.tab-btn:hover{background-color:rgba(54,79,251,.1);}
.tab-btn.active{background-color:rgba(54,79,251,.2);color:var(--blue);}
.tab-panel{display:none;}
.tab-panel.active{display:block;}
.content-wrapper{margin:0 auto;padding:4rem 0;}

.content-wrapper .title{
  text-align:center;display:flex;justify-content:center;align-items:center;margin-bottom:2rem;
}
.content-wrapper .title h2{font-size:64px;color:var(--blue);text-transform:none;line-height:1.1;}
.content-wrapper .title img{height:84px;width:auto;margin-left:1rem;}
.content-wrapper .title img.small{height:58px;}

p.first-p{
  text-align:center;font-family:Futura,Arial,Helvetica,sans-serif;
  font-size:30px;margin-bottom:60px;color:var(--text);line-height:1.3;
}
p.first-p span{color:var(--blue);font-weight:700;}
p.last-p{
  font-size:1.5rem;margin:4rem auto 0;text-align:center;
  font-family:Futura,Arial,Helvetica,sans-serif;max-width:1100px;color:var(--text);line-height:1.35;
}
p.last-p span{color:var(--blue);font-weight:700;}

.check-icons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;}
.check-icons.cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.check-icons .icon-text{
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  padding:0 31px;min-width:0;
}
.check-icons .icon-text p{overflow-wrap:anywhere;}
/* Entre tablet y laptop las 5 columnas no caben con el padding completo */
@media only screen and (min-width:801px) and (max-width:1100px){
  .check-icons .icon-text,
  .check-icons .icon-text.large{padding:0 10px;}
  .check-icons .icon-text img{height:64px;margin-bottom:1.25rem;}
  .check-icons .icon-text p{font-size:1.05rem;}
}
.check-icons .icon-text.large{padding:0 10px;}
.check-icons .icon-text img{height:88px;width:auto;margin-bottom:2rem;}
.check-icons .icon-text p{text-align:center;font-size:1.5rem;color:var(--blue);line-height:1.25;}

.content-wrapper .main-button{margin:2.5rem auto 0;}

.ribbon{
  display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:4rem;
}
.ribbon p{font-size:64px;text-align:center;margin-bottom:1rem;color:var(--text);line-height:1.15;}
.ribbon p span{font-weight:700;color:var(--blue);}

/* Boton principal del sitio original */
.main-button{
  background-color:var(--blue);padding:12px 2rem;min-width:min(200px,100%);max-width:100%;cursor:pointer;
  position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;
  text-decoration:none;text-align:center;transition:.2s;width:fit-content;border-radius:1000px;
}
.main-button span{
  color:#fff;z-index:1;position:relative;font-weight:400;font-size:20px;letter-spacing:2px;
  white-space:normal;
}
.main-button::before,.main-button::after{
  content:"";position:absolute;width:0;height:100%;background-color:var(--blue-dark);transition:.3s;
}
.main-button::before{left:-10%;transform:skew(30deg);}
.main-button::after{right:-10%;transform:skew(30deg);}
.main-button.gradient-button{background-image:linear-gradient(#000,var(--blue));}
.main-button:hover{transform:translateY(-4px);box-shadow:0 3px 6px var(--blue);}
.main-button:hover::before,.main-button:hover::after{width:70%;}

@media only screen and (max-width:800px){
  .solutions-tabs{padding:0 .75rem;}
  /* Las 3 pestanas visibles a la vez: en scroll horizontal quedaban escondidas */
  .tabs{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    gap:.4rem;overflow:visible;padding:.75rem 0;
  }
  .tab-btn{
    white-space:normal;font-size:.78rem;line-height:1.25;padding:.6rem .4rem;
    min-width:0;border-radius:12px;text-align:center;hyphens:auto;
  }
  .content-wrapper{padding:3rem 0;}
  .content-wrapper .title h2{font-size:30px;}
  .content-wrapper .title img{margin-left:.5rem;height:46px;}
  .content-wrapper .title img.small{height:28px;}
  p.first-p{font-size:1.2rem;}
  p.last-p{font-size:20px;}
  .check-icons,.check-icons.cols-4{
    display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0 1rem;
  }
  .check-icons .icon-text,
  .check-icons .icon-text.large{
    flex-direction:row;justify-content:flex-start;align-items:flex-start;padding:0;margin-bottom:20px;width:100%;
  }
  .check-icons .icon-text:last-child{margin-bottom:0;}
  .check-icons .icon-text img{margin-bottom:0;height:28px;margin-top:2px;margin-right:1rem;}
  .check-icons .icon-text p{text-align:left;font-size:20px;}
  .ribbon p{font-size:36px;margin-bottom:2rem;}
}

/* Numbered features */
.numbered{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;margin-top:44px;}
@media (max-width:800px){.numbered{grid-template-columns:1fr;}}
.numbered .item{display:flex;gap:18px;}
.numbered .num{
  font-size:1.6rem;font-weight:800;color:var(--blue);flex:none;
  width:52px;height:52px;border-radius:50%;border:2px solid var(--blue);
  display:flex;align-items:center;justify-content:center;
}
.numbered h4{margin-bottom:8px;}
.numbered p{color:var(--gray);font-size:.93rem;}

/* Pricing */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:40px;}
@media (max-width:900px){.pricing-grid{grid-template-columns:1fr;}}
.plan{
  border-radius:var(--radius);padding:34px 28px;background:#fff;border:1px solid #eef0f7;
  box-shadow:0 10px 30px rgba(10,20,60,.06);display:flex;flex-direction:column;gap:16px;
}
.plan.featured{background:var(--navy);color:#fff;transform:scale(1.03);}
.plan.featured .muted{color:#c9cff0;}
.plan h3{font-size:1.3rem;}
.plan ul li{padding:6px 0;font-size:.9rem;border-top:1px solid rgba(0,0,0,.06);}
.plan.featured ul li{border-top:1px solid rgba(255,255,255,.12);}

/* Why us */
/* Porque somos lo NeXT (replica del sitio original) */
.team-with-us{
  background-color:#000;
  background-image:url('img/fondo-team-footer.png');
  background-repeat:repeat;
  padding:64px 0;
  color:#fff;
}
.team-with-us .title-section{
  display:flex;justify-content:space-between;align-items:center;
}
.team-with-us .title-section .title p{font-size:12px;letter-spacing:3px;color:#fff;}
.team-with-us .title-section .title h2{
  font-size:70px;line-height:1;color:#fff;text-transform:none;font-weight:700;
}
.team-with-us .title-section .title h2 span{display:inline-block;margin-left:90px;color:#fff;}
.team-with-us .title-section > p{font-size:1.5rem;text-align:center;color:#fff;}

.team-icons{
  display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;
  gap:2rem 4rem;margin-top:4rem;
}
.team-icons .icon-text{
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  width:calc(33.3333% - 2.66667rem);flex-shrink:0;
}
.team-icons .icon-text img{height:90px;width:auto;margin-bottom:1rem;}
.team-icons .icon-text h3{
  font-size:28px;text-align:center;color:#fff;text-transform:none;font-weight:700;line-height:1.2;
}
.team-icons .icon-text h3 span{color:var(--blue);}
.team-icons .icon-text h3.no-cost{position:relative;}
.team-icons .icon-text h3.no-cost::after{
  content:"sin costo adicional";position:absolute;top:100%;right:0;
  text-align:right;font-weight:400;font-size:12px;
}
body[data-lang="en"] .team-icons .icon-text h3.no-cost::after{content:"at no additional cost";}

@media only screen and (max-width:800px){
  .team-with-us .title-section .title h2{font-size:48px;}
  .team-with-us .title-section > p{display:none;}
  .team-icons{display:grid;grid-template-columns:1fr;gap:3rem;}
  .team-icons .icon-text{width:100%;}
  .team-icons .icon-text h3{font-size:1rem;}
  .team-icons .icon-text h3.no-cost::after{position:relative;display:block;text-align:center;}
}

/* Testimonials */
/* Declaracion de marca (antes seccion de testimonios) */
.statement{padding:80px 0 70px;}
.statement .container{
  display:flex;flex-direction:column;align-items:center;text-align:center;
}
.main-p{
  font-size:clamp(1.6rem,3.2vw,42px);font-weight:600;line-height:1.3;color:var(--text);
  max-width:20ch;margin:0 auto;
}
.main-p span{color:var(--blue);}

@media only screen and (max-width:800px){
  .statement{padding:56px 0 48px;}
  .main-p{font-size:1.55rem;max-width:none;}
}

/* Variante chica de los 4 iconos (cyan) */
.icons-section.small{margin-top:3.5rem;width:100%;}
.icons-section.small .icon{padding:0 1rem;}
.icons-section.small .icon img{height:40px;}
.icons-section.small .icon h3{font-size:14px;}
.icons-section.small .icon p{font-size:10px;}

@media only screen and (max-width:800px){
  .slider-section{flex-direction:column;justify-content:flex-start;align-items:flex-start;}
  .slider-section > :first-child{width:100%;}
  .slider-section > :last-child{width:100%;margin-top:4rem;}
  .main-p{font-size:32px;}
  .testimonial{padding:0 0 2rem;}
  .testimonial .quote{font-size:20px;}
  .slider-arrow.prev{left:-14px;}
  .slider-arrow.next{right:-14px;}
  .slider-arrow{font-size:32px;}
}

/* Contacto (solo la pregunta) */
.contact-footer{
  background-image:url('img/contacto-fondo.png');
  background-color:var(--light-2);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.contact-inner{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding-top:88px;padding-bottom:96px;
}
.contact-footer h2{
  font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:700;color:var(--text);
  text-transform:none;line-height:1.2;max-width:16ch;margin:0 auto;
}
.contact-footer h2 span.question-mark{color:var(--blue);font-weight:400;}
.contact-footer h2 span.underline{text-decoration:underline var(--blue);text-underline-offset:6px;}

.whatsapp-cta{
  margin-top:40px;gap:12px;padding:14px 2.2rem;
  background-color:var(--blue);
  box-shadow:0 12px 30px rgba(54,79,251,.32);
}
.whatsapp-cta svg{width:24px;height:24px;fill:#fff;flex:none;position:relative;z-index:1;}
.whatsapp-cta::before,.whatsapp-cta::after{background-color:var(--blue-dark);}
.whatsapp-cta:hover{box-shadow:0 16px 34px rgba(54,79,251,.42);}
.whatsapp-cta span{letter-spacing:1px;font-weight:600;}

@media only screen and (max-width:800px){
  .contact-inner{padding-top:64px;padding-bottom:72px;}
  .contact-footer h2{max-width:none;}
  .whatsapp-cta{margin-top:32px;}
}


/* ===== Todo lo que necesitas en un solo lugar ===== */
.all-you-need{background-color:#0f1011;padding:90px 0;}
.all-you-need .table-wrapper{
  background-color:#fff;border-radius:2rem;overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,.35);
}
.all-you-need .table-header{
  padding:2.75rem 2rem 2.25rem;text-align:center;
  background:linear-gradient(180deg,#f8f8ff 0%,#fff 100%);
  border-bottom:1px solid #e8eaf6;
}
.all-you-need .table-eyebrow{
  display:block;font-size:.72rem;font-weight:700;letter-spacing:.22em;
  text-transform:uppercase;color:var(--blue);margin-bottom:.6rem;
}
.all-you-need .table-header h2{
  font-size:clamp(1.7rem,3.2vw,2.6rem);text-align:center;text-transform:none;
  line-height:1.15;color:var(--text);margin:0 auto;max-width:20ch;
}
.all-you-need .table-header h2::after{
  content:"";display:block;width:56px;height:4px;border-radius:2px;
  background:var(--blue);margin:1.1rem auto 0;
}
.all-you-need .table-row{
  display:grid;grid-template-columns:.32fr .68fr;gap:1.5rem;
  padding:1.5rem 2.5rem;position:relative;transition:background-color .18s ease;
  border-bottom:1px solid #eef0f7;
}
.all-you-need .table-row:last-child{border-bottom:0;}
.all-you-need .table-row::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:var(--blue);transform:scaleY(0);transition:transform .18s ease;
}
.all-you-need .table-row:hover{background-color:#f8f8ff;}
.all-you-need .table-row:hover::before{transform:scaleY(1);}
.all-you-need .title-cell{
  font-weight:700;font-size:1.02rem;color:var(--text);
  display:flex;align-items:flex-start;gap:.6rem;line-height:1.35;
}
.all-you-need .title-cell .dot{
  flex:none;width:8px;height:8px;border-radius:50%;background:var(--blue);margin-top:.5rem;
}
.all-you-need .table-cell{color:var(--gray);font-size:.97rem;line-height:1.6;}

@media only screen and (max-width:800px){
  .all-you-need{padding:56px 0;}
  .all-you-need .table-wrapper{border-radius:1.5rem;}
  .all-you-need .table-header{padding:2rem 1.25rem 1.75rem;}
  .all-you-need .table-header h2{max-width:none;}
  .all-you-need .table-row{grid-template-columns:1fr;gap:.5rem;padding:1.25rem 1.25rem;}
  .all-you-need .title-cell{font-size:1rem;}
}


/* ===== NeXT Email Security ===== */
.page-hero.email{
  background-image:url('img/hero-email.png');background-size:70% auto;
  background-position:140% center;background-repeat:no-repeat;
}
.page-hero.email .title-wrapper{max-width:662px;}
.page-hero.email .hero-actions{margin-top:60px;}

.why-email{background-color:#0f1011;padding:4rem 0;color:#fff;}
.why-email h2{font-size:50px;text-align:center;margin-bottom:4rem;color:#fff;text-transform:none;}
.why-email h2 span{color:var(--blue);}
.why-email .icons-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}
.why-email .icons-wrapper .icon-text{background-color:#1e1d1d;padding:40px;border-radius:20px;}
.why-email .icons-wrapper .icon-text img{height:64px;width:auto;margin-bottom:1rem;}
.why-email .icons-wrapper .icon-text h3{color:#fff;text-transform:none;font-size:1.15rem;line-height:1.35;}
.why-email .icons-wrapper .icon-text p{margin-top:1rem;line-height:1.6;color:#c9cbd6;font-size:.95rem;}

.next-email-ribbon{position:relative;background-color:var(--light);}
.next-email-ribbon::before{
  content:"";position:absolute;left:0;top:0;width:100%;height:50%;background-color:#0f1011;
}
.next-email-ribbon .container{
  background-color:var(--light-2);padding:0 2rem 2rem;text-align:center;
  border-radius:60px;position:relative;
}
.next-email-ribbon h2{font-size:clamp(2.2rem,7.2vw,102px);text-transform:none;line-height:1.1;color:var(--text);}
.next-email-ribbon h2 span{color:var(--blue);}
.next-email-ribbon p{font-size:1.5rem;color:var(--text);}

.email-icons-grid{background-color:var(--light);}
.email-icons-grid .container{
  display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 4rem;padding-top:4rem;padding-bottom:6rem;
}
.email-icons-grid .icon-text{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;}
.email-icons-grid .icon-text .icon-wrapper{height:38px;margin-bottom:1rem;}
.email-icons-grid .icon-text .icon-wrapper img{height:100%;width:auto;max-width:unset;}
.email-icons-grid .icon-text h3{text-align:center;text-transform:none;font-size:1.1rem;margin-bottom:.5rem;}
.email-icons-grid .icon-text p{text-align:center;color:var(--gray);font-size:.95rem;line-height:1.55;}

@media only screen and (max-width:800px){
  .page-hero.email{background-size:200% auto;background-position:0% -50%;}
  .page-hero.email .title-wrapper h1{font-size:15vw;line-height:1;margin-top:1rem;}

  .why-email{padding:0;position:relative;background-color:var(--light);}
  .why-email h2{
    font-size:8vw;margin-bottom:1rem;color:var(--text);text-align:left;padding:1rem 0 0;
  }
  .why-email .icons-wrapper{
    grid-template-columns:1fr;position:relative;padding:1rem 0;gap:1.25rem;
  }
  .why-email .icons-wrapper::after{
    content:"";display:block;position:absolute;width:100vw;left:50%;transform:translateX(-50%);
    bottom:0;height:100%;background-color:#0f1011;z-index:1;
  }
  .why-email .icons-wrapper .icon-text{position:relative;z-index:2;padding:28px;}

  .next-email-ribbon .container{border-radius:40px;padding:8px 1rem 1rem;}
  .next-email-ribbon h2{font-size:7vw;}
  .next-email-ribbon p{font-size:1rem;}

  .email-icons-grid .container{grid-template-columns:1fr;gap:3rem;padding-top:3rem;padding-bottom:4rem;}
}


/* ===== NeXT IT Support ===== */
.page-hero.support{background-color:var(--light);position:relative;overflow:hidden;}
.page-hero.support .container{position:relative;}
.page-hero.support .title-wrapper{max-width:600px;}
.page-hero.support .title-wrapper p.top-text span{font-size:63px;margin-left:1rem;color:var(--blue);}
.page-hero.support .img-bg{
  position:absolute;height:250%;left:100%;top:50%;max-width:unset;max-height:unset;
  transform:translate(-50%,-50%);z-index:1;width:auto;
}

.support-checks{background-color:var(--light);padding:0 0 72px;}

/* Version clara de las caracteristicas numeradas */
.numbered-features-wrapper.light{background-color:#fff;}
.numbered-features-wrapper.light .numbered-feature .text .number{
  color:#fff;-webkit-text-stroke:5px #ccc;
}
.numbered-features-wrapper.light .numbered-feature .text h3,
.numbered-features-wrapper.light .numbered-feature .text p{color:var(--text);}

@media only screen and (max-width:800px){
  .page-hero.support{
    background-image:url('img/hero-support.png');background-repeat:no-repeat;
    background-size:150% auto;background-position:-39% -120%;
  }
  .page-hero.support .img-bg{display:none;}
  .page-hero.support .title-wrapper p.top-text{font-size:22px;}
  .page-hero.support .title-wrapper p.top-text span{font-size:40px;}
  .support-checks{padding-bottom:48px;}
}


/* ===== Animaciones al entrar en pantalla (mismo sistema del sitio original) ===== */
.anim{transition:.6s ease;opacity:0;will-change:opacity,transform;}
.anim-left{transform:translateX(-50px);}
.anim-right{transform:translateX(50px);}
.anim-top{transform:translateY(-50px);}
.anim-bottom{transform:translateY(50px);}
.anim-scale{transform:scale(.85);}
.anim-end{opacity:1;transform:scale(1) translate(0,0);}
.anim.d-1{transition-delay:.08s;}
.anim.d-2{transition-delay:.16s;}
.anim.d-3{transition-delay:.24s;}
.anim.d-4{transition-delay:.32s;}
.anim.d-5{transition-delay:.40s;}
@media only screen and (max-width:900px){
  /* En vertical no se desplaza de lado: el translateX generaba scroll horizontal. */
  .anim-left,.anim-right{transform:translateY(40px);}
}

/* Micro-interacciones */
.card,.check-icons .icon-text,.team-icons .icon-text,
.why-email .icons-wrapper .icon-text,.email-icons-grid .icon-text{
  transition:transform .25s ease;
}
.card:hover,.why-email .icons-wrapper .icon-text:hover{transform:translateY(-6px);}
.check-icons .icon-text:hover img,.team-icons .icon-text:hover img,
.email-icons-grid .icon-text:hover img{transform:scale(1.08);}
.check-icons .icon-text img,.team-icons .icon-text img,
.email-icons-grid .icon-text img{transition:transform .25s ease;}
.brand-row img{transition:filter .25s ease,opacity .25s ease;}
.brand-row img:hover{filter:grayscale(0);}
.plan-wrapper{transition:transform .25s ease,box-shadow .25s ease;}
.cloud-plan:hover .plan-wrapper{transform:translateY(-8px);box-shadow:0 22px 45px rgba(0,0,0,.28);}

@media (prefers-reduced-motion:reduce){
  .anim{transition:none;opacity:1;transform:none;}
  .card:hover,.why-email .icons-wrapper .icon-text:hover,
  .cloud-plan:hover .plan-wrapper{transform:none;}
}


/* ===== Cotizador por WhatsApp (Email Security) ===== */
.quote-cta{background-color:var(--light);padding:0 0 90px;}
.quote-card{
  background:#fff;border-radius:2rem;padding:3rem 3.5rem;text-align:center;
  box-shadow:0 26px 60px rgba(5,17,55,.12);border:1px solid #eceff6;
  max-width:900px;margin:0 auto;
}
.quote-eyebrow{
  display:block;font-size:.72rem;font-weight:700;letter-spacing:.22em;
  text-transform:uppercase;color:var(--blue);margin-bottom:.6rem;
}
.quote-card h2{
  font-size:clamp(1.6rem,3vw,2.3rem);text-transform:none;color:var(--text);line-height:1.2;
}
.quote-sub{
  color:var(--gray);font-size:1rem;margin:.9rem auto 2rem;max-width:52ch;line-height:1.6;
}
.quote-form{
  display:grid;grid-template-columns:1.4fr .8fr auto;gap:1rem;align-items:end;
  text-align:left;
}
.quote-field{display:flex;flex-direction:column;gap:.4rem;min-width:0;}
.quote-field label{font-size:.82rem;font-weight:600;color:var(--text);}
.quote-field input{
  width:100%;height:52px;padding:0 1rem;border-radius:10px;
  border:1px solid #dcdfec;background:var(--light);
  font-family:inherit;font-size:1rem;color:var(--text);transition:.18s ease;
}
.quote-field input::placeholder{color:#a9adbe;}
.quote-field input:focus{
  outline:none;border-color:var(--blue);background:#fff;
  box-shadow:0 0 0 3px rgba(54,79,251,.15);
}
.quote-field input.invalid{border-color:var(--coral);box-shadow:0 0 0 3px rgba(235,91,114,.15);}
.quote-submit{height:52px;gap:.6rem;padding:0 1.6rem;min-width:0;}
.quote-submit svg{width:20px;height:20px;fill:#fff;flex:none;position:relative;z-index:1;}
.quote-submit span{font-size:.95rem;letter-spacing:1px;}
.quote-error{
  grid-column:1/-1;color:var(--coral);font-size:.85rem;margin-top:-.35rem;font-weight:600;
}
.quote-note{color:var(--gray);font-size:.82rem;margin-top:1.5rem;line-height:1.5;}

@media only screen and (max-width:800px){
  .quote-cta{padding-bottom:56px;}
  .quote-card{padding:2rem 1.25rem;border-radius:1.5rem;}
  .quote-form{grid-template-columns:1fr;gap:.9rem;}
  .quote-submit{width:100%;}
  .quote-note{font-size:.78rem;}
}

/* Footer (replica del sitio original) */
.site-footer{
  background-color:#000;
  background-image:url('img/fondo-team-footer.png');
  background-repeat:repeat;
  padding:32px 0;
  color:#fff;
}
.site-footer .footer-top{display:flex;justify-content:space-between;align-items:flex-start;}
.logo-footer{display:block;margin:64px 0 0;}
.logo-footer img{height:40px;width:auto;}

.footer-info{display:flex;justify-content:center;align-items:flex-start;}
.footer-info-item:last-child{margin-bottom:0;}
.footer-info-title{
  padding:0 clamp(1.5rem,5vw,8rem) 0 2rem;border-bottom:2px solid #fff;color:var(--blue);
  margin-bottom:1rem;font-size:1.17rem;font-weight:700;text-transform:none;
  max-width:100%;
}
.footer-info-item .info-item{
  display:flex;justify-content:flex-start;align-items:flex-start;
  padding-left:2rem;margin-bottom:.5rem;cursor:default;color:#fff;
}
.footer-info-item .info-item.link{cursor:pointer;}
.footer-info-item .info-item.link:hover span{text-decoration:underline;}

.last-footer{margin-top:4rem;overflow:hidden;}
.last-footer p{width:100%;text-align:center;font-size:12px;color:#fff;}
.last-footer a:hover{text-decoration:underline;color:var(--blue);}

@media only screen and (max-width:800px){
  .site-footer .footer-top{flex-direction:column;}
  .logo-footer{margin:0 auto 2rem;}
  .footer-info{flex-direction:column;width:100%;}
  .footer-info-item{width:100%;margin-bottom:2rem;}
  .footer-info-title{width:100%;padding:0 0 .35rem;}
}

[data-i18n-hide]{display:none;}

/* WhatsApp floating button */
.whatsapp-float{
  position:fixed;right:22px;bottom:22px;z-index:2000;
  width:60px;height:60px;border-radius:50%;
  background:#25d366;display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 26px rgba(0,0,0,.28);
  transition:transform .15s ease;
}
.whatsapp-float:hover{transform:scale(1.08);}
.whatsapp-float svg{width:32px;height:32px;fill:#fff;}
@media (max-width:600px){
  .whatsapp-float{width:54px;height:54px;right:16px;bottom:16px;}
  .whatsapp-float svg{width:28px;height:28px;}
}