/* CONTACTO — estilos específicos, sin romper el diseño global */

/* hero compacto */
#contact-hero {
  margin-top: calc(var(--nav-h, 64px) + 8px);
}
#contact-hero .badge {
  font-weight: 600;
}

/* tarjeta del formulario */
.contact-card {
  border: 1px solid var(--border, rgba(229,231,235,.8));
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
}

/* formulario */
#contact-form .form-label {
  font-weight: 600;
}
#contact-form .form-control:focus {
  border-color: var(--accent, #D7711D);
  box-shadow: 0 0 0 .2rem rgba(215,113,29,.15);
}
#btn-enviar[disabled] {
  opacity: .7;
  cursor: progress;
}

/* alert informativa */
.alert[role="status"] {
  border-radius: 12px;
}

/* footer */
.footer-title {
  font-weight: 700;
  margin-bottom: .5rem;
}
.footer-list li + li { margin-top: .25rem; }

/* mobile tweaks */
@media (max-width: 420px) {
  #contact-hero .contact-badges { justify-content: flex-start; }
}