@media (max-width:1180px){
  .mega__grid{grid-template-columns:1fr 1fr}
  .mega__col--ai{grid-column:1/-1}
  .svc-strip{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:1024px){
  .primary-nav,.header-cta{display:none}
  .burger{display:flex}
  .hero__grid{grid-template-columns:1fr}
  .hero__stage{order:-1;min-height:340px}
  .hero__iso{width:min(72%,320px)}
  .coverage{grid-template-columns:minmax(0,1fr)}
  .coverage>*{min-width:0}
  .result-grid{grid-template-columns:1fr}
  .grid-4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  body{font-size:16px}
  :root{--sect:clamp(56px,11vw,80px)}
  .grid-2,.grid-3,.grid-5,.svc-strip{grid-template-columns:1fr}
  .form-row{grid-template-columns:minmax(0,1fr)}
  .footer-grid{grid-template-columns:1fr;gap:30px}
  .hero{padding-top:120px;min-height:0}
  .hero__stage{min-height:280px}
  .timeline__item{grid-template-columns:1fr;gap:12px}
  .cta-panel__iso{width:180px;opacity:.14}
  .wa-fab{width:52px;height:52px}
  .footer-bottom{flex-direction:column;align-items:flex-start}
}
@media (max-width:400px){
  .brand img{height:28px}
  .btn{padding:0 18px;font-size:14px}
}
/* Menos efectos en pantallas pequeñas o equipos modestos */
@media (max-width:760px){
  :root{--blur:12px}
  .bg-grid{display:none}
}

/* ---------- Responsive refinado ---------- */
@media (max-width:1180px){
  .mega__grid{grid-template-columns:1fr 1fr .9fr}
  .mega__col--solutions{grid-column:auto}
  .dashboard-ui{min-height:360px}
}
@media (max-width:1024px){
  .header-shell{position:relative;justify-content:flex-end;min-height:64px;padding:8px 10px}
  .brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}
  .brand img{height:38px}
  .burger{margin-left:auto;z-index:2}
  .contact-layout{grid-template-columns:1fr}
  .contact-sidebar{position:static;grid-template-columns:1fr 1fr;align-items:start}
  .contact-panel{grid-row:span 2}
  .contact-social{grid-column:2}
  .contact-expectations__grid{grid-template-columns:repeat(2,1fr)}
  .hosting-hero__grid{grid-template-columns:1fr}
  .server-visual{min-height:340px;padding-block:20px}
  .server-stack{max-width:430px}
  .result-summary{grid-template-columns:1fr}
  .result-side{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  h1{font-size:clamp(34px,10.5vw,45px)}
  h2{font-size:clamp(27px,8vw,36px)}
  h3{font-size:clamp(19px,5.8vw,23px)}
  .page-hero{padding-top:116px;padding-bottom:42px}
  .page-hero--compact{padding-bottom:28px}
  .page-hero .lead{margin-top:16px}
  .hero h1{font-size:clamp(36px,10.8vw,47px)}
  .hero__grid{display:block}
  .hero__copy{text-align:left}
  .hero__stage{order:initial;min-height:220px;margin-top:32px}
  .hero__iso{width:min(66vw,250px)}
  body[data-page="home"] .hero__stage{min-height:220px}
  .hero__micro{gap:8px 16px;font-size:12.5px}
  .brand img{height:36px}
  .header-shell{min-height:61px}
  .burger{width:44px;height:44px}
  .mobile-nav{padding:0}
  .mobile-nav__panel{width:100%;border-radius:0;max-height:100dvh;padding:15px}
  .mobile-nav__top{top:-15px}
  .mobile-nav__top img{height:42px}
  .mobile-nav__actions{grid-template-columns:1fr;bottom:-15px}
  .mobile-list a{min-height:41px}
  .text-marks{gap:6px}
  .text-marks span{font-size:11.5px;min-height:27px;padding:4px 9px}
  .chips{gap:7px}
  .chip{padding:6px 10px;font-size:11.5px}
  .product-mockup{max-width:100%}
  .product-mockup__window{border-radius:18px;transform:none}
  .product-mockup__chrome{min-height:38px;padding-inline:11px}
  .dashboard-ui{grid-template-columns:40px 1fr;min-height:315px}
  .dashboard-ui__sidebar{padding:10px 4px}.dashboard-logo{width:28px;height:28px}.dashboard-nav{width:29px;height:29px}
  .dashboard-ui__main{padding:10px;gap:8px}
  .dashboard-search{display:none}
  .dashboard-kpis{gap:6px}.dashboard-kpi{padding:8px;column-gap:5px}.dashboard-kpi__icon{display:none}.dashboard-kpi strong{font-size:15px}.dashboard-kpi em{font-size:6.5px}
  .dashboard-grid{grid-template-columns:1fr}.dashboard-activity{display:none}.dashboard-chart{padding:9px}.dashboard-chart svg{height:100px}
  .dashboard-table{display:none}
  .form--premium{padding:20px 16px}
  .form-heading{gap:11px}.form-heading__icon{width:40px;height:40px}.form-heading h3{font-size:19px}
  .form-trust{justify-content:flex-start;gap:7px 12px}
  .recaptcha-wrap{width:100%;padding:8px;transform-origin:left top}
  .recaptcha-wrap .g-recaptcha{transform:scale(.9);transform-origin:left top;margin-bottom:-8px}
  .opts{grid-template-columns:1fr}
  .opt span{min-height:54px}
  .proposal-head{align-items:start}.proposal-head__secure{display:none}
  .diag{padding:20px 16px}
  .diag__meta{font-size:11.5px;gap:10px}.link-reset{font-size:11.5px;text-align:right}
  .diag__q{font-size:26px}
  .diag__nav{display:grid;grid-template-columns:1fr 1fr}.diag__nav .btn:only-child,.diag__nav [data-next]:first-child{grid-column:1/-1}.diag__nav [type=submit]{grid-column:1/-1}
  .result-main{padding:20px 16px}.result-heading{align-items:flex-start}.result-side{grid-template-columns:1fr}.result-main h2{font-size:31px}.result-complexity{line-height:1.55}
  .contact-hero__content{grid-template-columns:1fr;gap:16px}.contact-hero__content .lead{margin:0}
  .contact-layout{gap:18px}.contact-sidebar{display:grid;grid-template-columns:1fr}.contact-panel{grid-row:auto}.contact-social{grid-column:auto}.contact-form-shell__head{display:grid;gap:6px}.contact-form-shell__head p{text-align:left}
  .contact-expectations__grid{grid-template-columns:1fr}.contact-expectations__grid article{padding:17px 8px}
  .hosting-hero__grid{gap:22px}.server-visual{min-height:300px;padding:10px 0 30px}.server-stack{transform:none;width:100%}.server-unit{min-height:72px;padding:12px}.server-metrics{bottom:0}
  .hosting-plans{grid-template-columns:1fr}.hosting-plan{padding:25px 20px}.hosting-price strong{font-size:46px}.hosting-plan__popular{right:15px}
  .hosting-compare{min-width:580px}
  .hosting-process{gap:26px}
}
@media (max-width:390px){
  .brand img{height:33px}
  .recaptcha-wrap .g-recaptcha{transform:scale(.82);margin-bottom:-15px}
  .diag__nav{grid-template-columns:1fr}.diag__nav>*{grid-column:1!important}
  .hosting-price{align-items:flex-start;flex-direction:column;gap:5px}
}
@media (max-width:1180px){.svc-strip--six{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.svc-strip--six{grid-template-columns:1fr}.hosting-teaser{grid-template-columns:1fr}.hosting-teaser__plans{padding:10px}.hosting-teaser__plans strong{font-size:21px}}
@media (max-width:900px){.hosting-service-block{grid-template-columns:1fr}}
@media (max-width:600px){.hosting-service-plans{grid-template-columns:1fr}.hosting-service-note{grid-column:auto}}

@media (max-width:360px){
  :root{--gut:16px}
  .form--premium{padding:18px 14px}
  .form-heading{gap:10px}
  .form-heading__icon{width:38px;height:38px}
  .form-heading h3{font-size:18px}
  .cta-panel__iso{right:-76px;width:150px;opacity:.1}
  .product-mockup,.product-mockup__window,.dashboard-ui,.dashboard-ui__main{min-width:0}
  .btn{max-width:100%;min-height:48px;height:auto;padding-block:11px;white-space:normal;text-align:center;line-height:1.25}
}

/* ---------- Ajustes finales responsive ---------- */
@media (max-width:1024px){
  .header-shell{min-height:70px}
  .brand img{height:46px}
  .mobile-nav__top img{height:48px}
  .coverage--dygi{gap:34px}
}
@media (max-width:760px){
  h1{font-size:clamp(32px,9.5vw,42px)}
  .hero h1{font-size:clamp(34px,9.8vw,43px)}
  h2{font-size:clamp(26px,7.3vw,34px)}
  .header-shell{min-height:68px}
  .brand img{height:44px}
  .mobile-nav__top img{height:50px}
  .footer-brand img{height:46px}
  .social-icons a{width:45px;height:45px}
  .text-marks span{font-size:10.8px;min-height:26px;padding:4px 8px}
}
@media (max-width:400px){
  .brand img{height:41px}
  .header-shell{min-height:64px}
}

/* ---------- Pulido final de mockups y marca móvil ---------- */
@media (max-width:1024px){
  .service-mockup{max-width:680px}
}
@media (max-width:760px){
  .service-mockup{max-width:100%}
  .footer-brand img{height:48px}
}
@media (max-width:400px){
  .footer-brand img{height:45px}
}

/* ---------- Tamaño final del logotipo responsive ---------- */
@media (max-width:1024px){
  .header-shell{min-height:74px}
  .brand img{height:50px}
  .mobile-nav__top img{height:56px}
}
@media (max-width:760px){
  .header-shell{min-height:72px}
  .brand img{height:48px}
  .mobile-nav__top img{height:56px}
}
@media (max-width:400px){
  .header-shell{min-height:68px}
  .brand img{height:45px}
  .mobile-nav__top img{height:53px}
}


/* ---------- Blindaje de capas superpuestas (fix v1.4.1) ----------
   El menu movil solo puede existir por debajo de 1025px. Arriba de ese ancho
   el boton hamburguesa esta oculto, asi que si el overlay se quedara abierto
   no habria forma de cerrarlo y bloquearia toda la pagina. */
@media (min-width:1025px){
  .mobile-nav{display:none!important}
}
/* El mega menu es de escritorio: por debajo de 1024px la barra principal esta
   oculta, asi que el panel tampoco debe poder quedarse visible. */
@media (max-width:1024px){
  .mega{display:none!important}
}