/* V8 - Formularios principales más compactos y equilibrados */

/* Escritorio / laptop */
.modal-informacion{
  width:min(610px, calc(100% - 36px)) !important;
  max-height:calc(100dvh - 36px) !important;
}
.modal-reunion{
  width:min(570px, calc(100% - 36px)) !important;
  max-height:calc(100dvh - 36px) !important;
}
.modal-asesoria .formulario-cabecera{
  padding:17px 25px 15px !important;
  gap:11px !important;
}
.modal-asesoria .formulario-icono{
  width:36px !important;
  height:36px !important;
  flex-basis:36px !important;
}
.modal-asesoria .formulario-icono svg{
  width:18px !important;
  height:18px !important;
}
.modal-asesoria .formulario-cabecera h2{
  margin:3px 0 3px !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;
}
.modal-asesoria .formulario-etiqueta{
  font-size:9.5px !important;
}
.modal-asesoria form{
  padding:15px 25px 19px !important;
}
.modal-asesoria .bloque-formulario{
  padding-bottom:11px !important;
}
.modal-asesoria .bloque-formulario + .bloque-formulario{
  padding-top:11px !important;
}
.modal-asesoria .bloque-formulario legend{
  margin-bottom:7px !important;
  font-size:12px !important;
}
.modal-asesoria .tipo-solicitante{
  gap:7px !important;
}
.modal-asesoria .tipo-solicitante label span{
  min-height:34px !important;
  padding:6px 9px !important;
  font-size:12px !important;
}
.modal-asesoria .tipo-solicitante label svg{
  width:15px !important;
  height:15px !important;
}
.modal-asesoria .campos-formulario{
  gap:8px 10px !important;
}
.modal-asesoria .campos-formulario label{
  gap:3px !important;
  font-size:11.5px !important;
}
.modal-asesoria .campos-formulario input,
.modal-asesoria .campos-formulario select{
  min-height:34px !important;
  padding:6px 9px !important;
  font-size:12.5px !important;
}
.modal-asesoria .campos-formulario textarea{
  min-height:56px !important;
  padding:7px 9px !important;
  font-size:12.5px !important;
}
.modal-asesoria .aceptacion{
  margin-top:1px !important;
  gap:7px !important;
  font-size:11.5px !important;
  line-height:1.35 !important;
}
.modal-asesoria .error-aceptacion{
  margin-left:20px !important;
}
.modal-asesoria .boton-envio{
  min-height:40px !important;
  margin-top:10px !important;
  font-size:13px !important;
}
.modal-asesoria .seguridad-formulario{
  margin-top:7px !important;
  font-size:10.5px !important;
}
.modal-asesoria .formulario-resultado{
  margin-top:10px !important;
}
.modal-asesoria .aviso-reunion{
  margin:10px 0 !important;
  padding:8px 10px !important;
  gap:8px !important;
}
.modal-asesoria .aviso-reunion span{
  font-size:11.5px !important;
  line-height:1.3 !important;
}
.modal-asesoria .cerrar-modal{
  top:10px !important;
  right:10px !important;
  width:34px !important;
  height:34px !important;
}

/* Tablets */
@media (max-width: 960px){
  .modal-informacion{width:min(570px, calc(100% - 30px)) !important;}
  .modal-reunion{width:min(540px, calc(100% - 30px)) !important;}
  .modal-asesoria .formulario-cabecera{padding:16px 21px 14px !important;}
  .modal-asesoria form{padding:14px 21px 18px !important;}
  .modal-asesoria .campos-formulario{gap:7px 9px !important;}
}

/* Móviles: más compacto, pero conservando áreas táctiles cómodas */
@media (max-width: 620px){
  .modal-informacion,
  .modal-reunion{
    width:calc(100% - 22px) !important;
    max-height:calc(100dvh - 22px) !important;
    border-radius:9px !important;
  }
  .modal-asesoria .formulario-cabecera{
    padding:14px 16px 12px !important;
    gap:9px !important;
  }
  .modal-asesoria .formulario-icono{
    width:34px !important;
    height:34px !important;
    flex-basis:34px !important;
  }
  .modal-asesoria .formulario-cabecera h2{
    padding-right:24px !important;
    font-size:18px !important;
  }
  .modal-asesoria .formulario-cabecera p{
    font-size:11.5px !important;
  }
  .modal-asesoria form{
    padding:13px 15px 17px !important;
  }
  .modal-asesoria .campos-formulario{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .modal-asesoria .campos-formulario label{
    font-size:11.5px !important;
  }
  .modal-asesoria .campos-formulario input,
  .modal-asesoria .campos-formulario select{
    min-height:40px !important;
    padding:8px 10px !important;
    font-size:13px !important;
  }
  .modal-asesoria .campos-formulario textarea{
    min-height:60px !important;
    padding:8px 10px !important;
    font-size:13px !important;
  }
  .modal-asesoria .tipo-solicitante label span{
    min-height:40px !important;
    font-size:11.5px !important;
  }
  .modal-asesoria .boton-envio{
    min-height:44px !important;
  }
}