/* Formulario de solicitud de información en ventana emergente (home). */
.modal-lead .modal-dialog { max-width: 560px; }
.modal-lead .modal-content { border: 0; border-radius: var(--radius, 12px); box-shadow: 0 18px 50px rgba(0,0,0,.28); overflow: hidden; }
.modal-lead .modal-content::before { content: ""; display: block; height: 5px; background: linear-gradient(90deg, var(--primary) 0%, var(--primary) 30%, var(--secondary) 100%); }
.modal-lead .modal-header { border-bottom: 0; padding: 1.25rem 1.5rem .25rem; }
.modal-lead .modal-title { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 1.35rem; color: var(--primary); }
.modal-lead .btn-close { margin-top: -.25rem; }
.modal-lead .btn-close:focus { box-shadow: 0 0 0 .2rem rgba(0,83,72,.15); }
.modal-lead .modal-body { padding: .75rem 1.5rem 1.5rem; }
.modal-lead .modal-programa { margin: -.35rem 0 .9rem; font-size: .9rem; font-weight: 600; color: var(--gray-dark); }
/* En la ficha de programa la franja superior termina en el color de la universidad, como el formulario lateral. */
.modal-lead .modal-content[style*="--uni-color"]::before { background: linear-gradient(90deg, var(--primary) 0%, var(--primary) 30%, var(--uni-color) 100%); }
.modal-lead .form-label { font-size: .85rem; font-weight: 600; color: var(--gray-dark); margin-bottom: .3rem; }
/* Los campos con placeholder no repiten la etiqueta (queda solo para lectores de pantalla). */
.modal-lead .form-label[for="f-nombre"], .modal-lead .form-label[for="f-email"], .modal-lead .form-label[for="f-telefono"], .modal-lead .form-label[for="f-mensaje"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.modal-lead .mb-3 { margin-bottom: .8rem !important; }
.modal-lead .small.text-muted { font-size: .7rem; line-height: 1.3; }
.modal-lead.fade .modal-dialog { transform: translateY(16px) scale(.98); transition: transform .22s ease-out; }
.modal-lead.show .modal-dialog { transform: none; }
@media (max-width: 575.98px) {
  .modal-lead .modal-dialog { margin: .75rem; }
  .modal-lead .modal-header { padding: 1rem 1.1rem .25rem; }
  .modal-lead .modal-body { padding: .5rem 1.1rem 1.1rem; }
}