/*ESTILOS PARA EL NUEVO MODAL DIALOG*/
.Dialog-generales
,.dialog-contratos{
    background-color: hsl(34, 28%, 95%);
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    border:none;
    width: 40%;
    padding: 20px;
    box-sizing: border-box;   
}
.dialog-contratos::backdrop {
    background-color: rgba(225, 225, 225, 0.3);
    backdrop-filter: blur(12px);
  }


/*para la siguiente mejora de la pagina estaria bueno
 sacar todos los modales y remplazarlos por dialog*/


.modal-mensaje-difuminado
,.modal-mensaje-difuminado-contratos{
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw; /* Usamos 100vw para asegurar que cubra todo el ancho de la ventana */
    height: 100vh; /* Usamos 100vh para asegurar que cubra toda la altura de la ventana */
    background-color: rgba(225, 225, 225, 0.3); /* Reduce la opacidad */
    backdrop-filter: blur(12px); /* Aumenta el valor de desenfoque */
    z-index: 998;
    display: none;
}

.contenido-modal
,.contenido-modal-contratos{
    background-color: hsla(34, 28%, 95%, 0.925);
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    border-radius: 30px;
    margin: auto;
    margin-top: 10%;
    font-family: 'Roboto', sans-serif;
    width: 40%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.contenido-modal-contratos{
    margin-top: 1%;
}
  
.caja-mensaje-modal{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 15px;
}

.botones-modal{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.boton-modal{
  margin-left: 15px;
  width: 190px !important;
}

.formulario-insertar
,.formulario-editar{
    display: flex;
    width: 70%;
    flex-direction: column;
    align-items: center;
}

.input-insertarform
,.input-editarform{
    margin-top: 20px;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}


/*ESTOS SON LOS ESTILOS POR SI UN CHOFER ES ESCALABLE O NO */
.div-cajas-escalable{
    display: flex;
    margin-top: 4%;
    flex-direction: row;
    align-items: center;
    margin-top: 20px;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}
.input-container-escalable{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 10%;
}