@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}
  .cookie{bottom:calc(84px + env(safe-area-inset-bottom));width:calc(100% - 28px)}
  .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}
  .cookie{grid-template-columns:1fr;bottom:calc(72px + env(safe-area-inset-bottom));padding:16px;width:calc(100% - 20px)}
  .cookie__actions{display:grid;grid-template-columns:1fr 1fr}.cookie__actions .btn:last-child{grid-column:1/-1}
  .cookie__settings{grid-column:auto}
  .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}
  .cookie__actions{grid-template-columns:1fr}
  .cookie__actions .btn:last-child{grid-column:auto}
}

/* ---------- 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}
}