:root { 
    --colorFondo: #ffffff; 
    --colorBorder: #0f3a0f; 
    --colorSombra: #000000;  
    --colorSistema: #20A8D8;
    --colorLetra: #000000;      
    --colorLetraSombra: #ffffff;
    --colorSecundario: #F1F1F1;   
    /*cambios jhoao */
    --ventanaTextoColor: #fff;

}

.estiloModalDialog {
  background: #ffffff; 
  border-radius: 20px; /*cambios jhoao */
  /*border: 2px solid var(--colorBorder); 
  box-shadow: 0px 0px 100px var(--colorSombra); */  /*cambios jhoao */
}

.estiloModalCabecera {
  /*background-color: var(--colorSistema);  */  /*cambios jhoao */
  padding: 8px 5px 5px 15px;
  border-bottom: 1px solid #0f3a0f21;  
}

.estiloModalCuerpo {
  padding: 10px 10px 3px 10px;
}

.estiloContenedorModulo {
  background: #ffffff; 
  border-radius: 3px;
  /*border: 2px solid var(--colorBorder);*/  /*cambios jhoao */
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  box-shadow: 0 3.02027px 4.02703px #00000024,0 3.02027px 3.02027px #0000001f,0 1.00676px 8.05405px #0003;  /*cambios jhoao */
  padding: 5px 0px 5px 5px;  
  margin-top: 0.3cm; /* Separación de 1 cm de la parte superior */
}

.estiloContenedorCabecera {
  background-color: var(--ventanaFondoColor); 
  border: 1.5px solid #0f3a0f21;  /*cambios jhoao */
  padding: 8px 5px 5px 15px;
  border-top: none; /*cambios jhoao */
  border-left: none; /*cambios jhoao */
  border-right: none; /*cambios jhoao */
}

/* Inicio cambios jhoao */

/* Estilo del contenedor del modal */
.modal .estiloContenedorTitulo,
.modal .estiloContenedorTituloSub {
    text-align: center; /* Centra el texto solo dentro del modal */
}

/* Mantén los estilos actuales fuera del modal */
.estiloContenedorTitulo {  
  font-family: "Arial Nova Condensed", Arial, sans-serif; /* Fuente moderna y condensada */
  color: var(--ventanaTextoColor); /* Cambia el color del texto a #013243 */
  background: var(--ventanaTextoColor); /* Aplica el color de fondo según la variable */
  -webkit-background-clip: text; /* Aplica el recorte de fondo al texto */
  -webkit-text-fill-color: transparent; /* Hace que el texto use el fondo como relleno */
  display: block;
  font-size: 1.2em; /* Mantiene el tamaño de fuente actual */
  font-weight: 700; /* Aumenta el grosor de las letras */
  margin: 5px 0; /* Espaciado más compacto */
}

.estiloContenedorTituloSub {  
    font-family: "Arial Nova Condensed", Arial, sans-serif; /* Fuente moderna y condensada */
    color: var(--ventanaTextoColor); /* Cambia el color del subtítulo a #013243 */
    display: block;
    font-size: 0.80em; /* Mantiene el tamaño de fuente actual */
    font-weight: 600; /* Aumenta el grosor de las letras del subtítulo */
    margin: 3px 0; /* Espaciado más compacto */
}

/* Final cambios jhoao */

.celdaX {
  padding: 0px 0px 0px 0px;  
  margin: 0px 0px 0px 0px;  
}

.estiloPanelLabelMultiple {
  text-decoration: underline;
  font-weight: bold;   
}

.estiloPanelMultiple {
  height: 300px; 
  border:solid 1px black; 
  margin: 0px 10px 2px 10px; 
  padding: 5px; 
  background-color: var(--colorSecundario);
}

.estiloContenedorModulo {
  /* Otros estilos existentes */
  margin-bottom: 0.5cm; /* Añade este estilo */
}