/* =======================================================
   Modal "Solicitar información" (#modalSolicitarInfo)
   Chrome del modal: cabecera con título subrayado y cuerpo
   plano sobre el que se apoya el formulario del plugin.
   ======================================================= */

#modalSolicitarInfo .modal-content {
  border: none;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(16, 24, 40, .18);
  max-height: 90dvh;
  overflow-y: auto;
}

#modalSolicitarInfo .modal-header {
  align-items: flex-start;
  padding: 26px 32px 0;
  border-bottom: none;
}

#modalSolicitarInfo .modal-title {
  position: relative;
  font-size: 20px;
  font-weight: 600;
  color: #656565;
  padding-bottom: 20px;
}

/* Subrayado corto bajo el título, en lugar del borde a todo el ancho. */
#modalSolicitarInfo .modal-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 150px;
  background-color: #656565;
}

#modalSolicitarInfo .modal-header .close {
  margin: -4px -8px 0 0;
  padding: 8px;
  font-size: 26px;
  font-weight: 400;
  color: #6b7280;
  opacity: 1;
  text-shadow: none;
}

#modalSolicitarInfo .modal-header .close:hover {
  color: #192B5D;
}

#modalSolicitarInfo .modal-body {
  padding: 26px 32px 36px;
}

/* El modal ya aporta la tarjeta: el formulario va plano dentro. */
#modalSolicitarInfo form[data-zhf="1"] {
  margin: 0 auto !important;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  max-width: 400px;
}

@media (max-width: 575px) {
  #modalSolicitarInfo .modal-header { padding: 20px 20px 0; }
  #modalSolicitarInfo .modal-body { padding: 20px 20px 28px; }
}