/* V69 · Formularios de asesoría: ancho, legibilidad y nitidez */
.modal-asesoria {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Evita que el escalado del modal degrade temporalmente el texto. */
.modal-asesoria[open] {
  animation: formulario-v69-aparecer .18s ease-out !important;
  transform: none !important;
}
@keyframes formulario-v69-aparecer {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* PC y laptops: ventanas más compactas sin comprimir los campos. */
.modal-informacion {
  width: min(520px, calc(100% - 40px)) !important;
  max-width: 520px !important;
}
.modal-reunion {
  width: min(490px, calc(100% - 40px)) !important;
  max-width: 490px !important;
}

/* Cabeceras: texto más legible y nítido. */
.modal-asesoria .formulario-cabecera {
  padding: 14px 20px 12px !important;
  gap: 10px !important;
}
.modal-asesoria .formulario-etiqueta {
  font-size: 10.5px !important;
  line-height: 1.2 !important;
  letter-spacing: .01em !important;
}
.modal-asesoria .formulario-cabecera h2 {
  margin: 2px 0 2px !important;
  font-size: 20px !important;
  line-height: 1.18 !important;
}
.modal-asesoria .formulario-cabecera p {
  font-size: 12.5px !important;
  line-height: 1.35 !important;
}

/* Formulario: etiquetas e inputs más fáciles de leer. */
.modal-asesoria form {
  padding: 13px 20px 16px !important;
}
.modal-asesoria .bloque-formulario legend {
  font-size: 12.5px !important;
  line-height: 1.25 !important;
}
.modal-asesoria .tipo-solicitante label span {
  min-height: 36px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}
.modal-asesoria .campos-formulario {
  gap: 8px 10px !important;
}
.modal-asesoria .campos-formulario label {
  gap: 4px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}
.modal-asesoria .campos-formulario input,
.modal-asesoria .campos-formulario select {
  min-height: 38px !important;
  height: 38px !important;
  padding: 7px 9px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
}
.modal-asesoria .campos-formulario textarea {
  min-height: 58px !important;
  height: 58px !important;
  padding: 8px 9px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}
.modal-asesoria .aceptacion {
  font-size: 11.5px !important;
  line-height: 1.35 !important;
}
.modal-asesoria .aviso-reunion p,
.modal-asesoria .aviso-reunion span {
  font-size: 11.5px !important;
  line-height: 1.35 !important;
}
.modal-asesoria .seguridad-formulario {
  font-size: 10.5px !important;
  line-height: 1.25 !important;
}

/* Botones: no ocupan todo el ancho y permanecen centrados. */
.modal-asesoria .boton-envio {
  width: auto !important;
  min-width: 210px !important;
  max-width: 270px !important;
  min-height: 44px !important;
  height: 44px !important;
  margin: 12px auto 0 !important;
  padding: 0 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

/* Tablets: mantener compactas y proporcionales. */
@media (max-width: 1024px) {
  .modal-informacion {
    width: min(500px, calc(100% - 32px)) !important;
    max-width: 500px !important;
  }
  .modal-reunion {
    width: min(470px, calc(100% - 32px)) !important;
    max-width: 470px !important;
  }
  .modal-asesoria .formulario-cabecera h2 { font-size: 19px !important; }
  .modal-asesoria .campos-formulario label { font-size: 11.75px !important; }
  .modal-asesoria .boton-envio { min-width: 200px !important; max-width: 250px !important; }
}

/* Móviles: conservar el ancho útil actual, priorizando lectura y tacto. */
@media (max-width: 620px) {
  .modal-informacion,
  .modal-reunion {
    width: calc(100% - 18px) !important;
    max-width: none !important;
  }
  .modal-asesoria .formulario-cabecera {
    padding: 12px 14px 10px !important;
  }
  .modal-asesoria form {
    padding: 11px 13px 14px !important;
  }
  .modal-asesoria .formulario-etiqueta { font-size: 10px !important; }
  .modal-asesoria .formulario-cabecera h2 { font-size: 18px !important; }
  .modal-asesoria .formulario-cabecera p { font-size: 11.5px !important; }
  .modal-asesoria .campos-formulario label { font-size: 11px !important; }
  .modal-asesoria .campos-formulario input,
  .modal-asesoria .campos-formulario select { font-size: 12px !important; }
  .modal-asesoria .campos-formulario textarea { font-size: 12px !important; }
  .modal-asesoria .boton-envio {
    min-width: 190px !important;
    max-width: 235px !important;
    min-height: 42px !important;
    height: 42px !important;
    padding-inline: 24px !important;
    font-size: 13.5px !important;
  }
}