/* Estilos de contact.php */

@media (max-width: 1024px) {
          .contact-grid { 
            grid-template-columns: 1fr !important; 
            gap: 4rem !important; 
          }
          .contact-grid-bg {
            padding-top: 3rem !important;
            padding-bottom: 4rem !important;
          }
        }
        @media (max-width: 900px) {
          .form-row { 
            grid-template-columns: 1fr !important; 
            gap: 1.5rem !important;
          }
          .hidden.md\:block {
            display: none !important;
          }
        }
        @media (max-width: 1000px) {
          #contacto {
            padding-top: 7rem !important;
            padding-bottom: 0 !important;
          }
        }

        @media (max-width: 768px) {
          .banner-contacto {
            width: 100vw !important;
            margin-left: calc(50% - 50vw) !important;
            margin-right: calc(50% - 50vw) !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            margin-bottom: 3rem !important;
          }
        }