/* static\css\home\contacto\contacto-responsive.css */

@media (max-width: 768px) {
  /* Ocultar imagen de fondo en portada */
  .contacto-portada img {
    display: none;
  }

  .contacto-portada h2 {
    z-index: 1; 
    color: rgb(5, 5, 5);
    font-size: 2rem;
    letter-spacing: 0.2em;
    text-align: center;
  margin-top: 0.1rem;
  margin-bottom: 0.3rem;
    
  }

  /* Títulos más chicos */
  .contacto-info h3,
  .contacto-formulario h3 {
    font-size: 1.5rem;
    text-align: center;
  }

  .contacto-info p {
    font-size: 1rem;
  }

/* Apilar bloques verticalmente */
  .contacto-contenedor {
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    margin-top: 0.2rem; /* menos espacio arriba */
    padding: 3vh 3vh !important;
  }

  .contacto-info,
  .contacto-formulario {
    flex-basis: auto !important;
    width: 100% !important;
    margin-bottom: 3vh;
  }
}


@media (max-width: 480px) {
  .contacto-portada h2 {
    font-size: 1.6rem;
    letter-spacing: 0.1em;
  }

  .contacto-info h3,
  .contacto-formulario h3 {
    font-size: 1.2rem;
  }

  .contacto-info p {
    font-size: 0.95rem;
  }

  input[type="submit"] {
    width: 100%;
    font-size: 1rem;
  }
}