@media(max-width:1050px){
  .nav-links{gap:16px}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .strip{grid-template-columns:1fr 1fr}
  .strip-card{min-height:220px}
  .about-grid{gap:35px}
  .contact-grid{gap:40px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .process-steps{grid-template-columns:repeat(2,1fr)}
  .process-steps::before{display:none}
}
@media(max-width:760px){
  .container{width:min(100% - 28px,var(--max))}
  h1 .h1-sub{margin-top:-20px}
  .nav{height:68px}
  .nav-links{
    display:none;position:absolute;left:0;right:0;top:68px;background:#090b0d;
    border-bottom:1px solid #333;padding:18px 20px;flex-direction:column;align-items:stretch;gap:0
  }
  .nav-links.open{display:flex}
  .nav-links a{padding:13px 0;border-bottom:1px solid #24282b}
  .nav-links a::after{display:none}
  .nav-cta{text-align:center;margin-top:8px}
  .menu{display:block}
  .hero{min-height:100svh;background-position:58% center}
  .hero-content{padding-top:40px}
  h1{font-size:64px}
  .hero-sub{font-size:15px}
  .hero-badges{grid-template-columns:repeat(2,1fr)}
  .hero-badge{padding:12px 8px;font-size:12px}
  section{padding:65px 0}
  .section-head{display:block}
  .section-head p{margin-top:14px}
  .service-grid{grid-template-columns:1fr}
  .service{min-height:220px}
  .ing-grid{grid-template-columns:1fr}
  .trabajos-grid{grid-template-columns:1fr}
  .clientes-grid{grid-template-columns:repeat(3,1fr)}
  .cliente-logo{padding:16px}
  .strip{grid-template-columns:1fr 1fr}
  .strip-card{min-height:170px}
  .strip-label{font-size:18px;left:12px;bottom:12px}
  .about-grid{grid-template-columns:1fr}
  .about-photo,.about-photo img{min-height:350px;height:350px}
  .numbers-grid{grid-template-columns:1fr 1fr}
  .number{padding:20px}
  .number strong{font-size:46px}
  .cert-grid{grid-template-columns:1fr 1fr}
  .cert{min-height:125px;padding:18px}
  .contact-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .copyright{display:block}
  .copyright span{display:block;margin-top:7px}
  #back-top{bottom:16px;right:16px}
}
@media(max-width:430px){
  h1{font-size:55px}
  .clientes-grid{grid-template-columns:repeat(2,1fr)}
  .hero{min-height:100svh}
  .buttons .btn{width:100%}
  .strip{grid-template-columns:1fr}
  .strip-card{min-height:230px}
  .cert-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .process-steps{grid-template-columns:1fr}
}