/* ==== Contacto ==== */
.contacto-page {
  max-width: 720px;
  margin-inline: auto;
}

.contacto-title {
  font-size: clamp(1.6rem, 2vw + 1rem, 2.3rem);
  font-weight: 800;
  color: #000;
  text-shadow:
     2px 2px 4px rgba(255,255,255,1),
    -1px -1px 2px rgba(255,255,255,1);
}

/* Controles */
form textarea { resize: none; border-radius: 12px; }

form .form-label {
  font-weight: 600;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0,0,0,.4);
}

form .form-text { font-size: .9rem; color: #eee; }

/* Botón enviar */
form .btn-primary { font-weight: 600; padding: .6rem 1.4rem; }
form .btn-primary:hover { filter: brightness(.95); }

/* ===== Validación visible ===== */
.invalid-feedback {
  color: #fff;
  background: #dc3545;
  font-weight: 700;
  border-radius: 8px;
  padding: 6px 10px;
  margin-top: 6px;
  display: block;
}

.form-control.is-invalid, .form-select.is-invalid,
.form-control:invalid, .form-select:invalid {
  border-color: #dc3545;
  box-shadow: 0 0 0 .2rem rgba(220,53,69,.15);
}