/* =====================================================
   RESPONSIVE — probado en 320 / 375 / 390 / 430 / 768 / 1024
   / 1280 / 1440 (item 61 del brief)
===================================================== */

@media (max-width:1024px){
    .contact-grid{grid-template-columns:1fr;}
}

@media (max-width:900px){
    .hero-inner{grid-template-columns:1fr;text-align:center;}
    .hero p{margin-left:auto;margin-right:auto;}
    .hero-buttons{justify-content:center;}
    .hero-pillars{justify-content:center;}
    .hero h1{font-size:38px;}
    .services-grid{grid-template-columns:1fr;}
    .projects-grid{grid-template-columns:1fr;}
}

@media (max-width:700px){
    .testimonials-grid{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr;}
}

@media (max-width:640px){
    .automation-panels{flex-direction:column;}
    .automation-panel{min-width:0;width:100%;}
    .automation-vs{margin:2px 0;}
}

@media (max-width:480px){
    .section{padding:70px 20px;}
    .hero{padding:120px 20px 60px;}
    .back-to-top{bottom:90px;right:20px;}
    .whatsapp-btn{bottom:20px;left:20px;}
    .contact-form{padding:24px;}
}

@media (max-width:375px){
    .hero h1{font-size:32px;}
    .section-header h2{font-size:28px;}
}