html {
  font-size: 14px;
}

@font-face {
    font-family: 'Nunito Sans Normal';
    /*src: url('../../../../fonts/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf') format('embedded-opentype')*/
    src: url('../fonts/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf') format('embedded-opentype'), 
         url('../fonts/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.ttf') forma;
}

:root {
    --bs-font-sans-serif: 'Nunito Sans Normal';
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}


html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    /*font-family: MuseoSans_500;
    font-size: 1.2em;*/
}


#imagen-login {
    background-image: url("https://via.placeholder.com/400x600");
    background-size: cover;
    min-height: 100vh;
}

#formulario-login {
    background-color: #fff;
    padding: 40px;
    border: 1px solid #ccc;
    margin-top: 50px;
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    #imagen-login {
        display: none;
    }

    #formulario-login {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

/*TEXTOS*/
.text-primario {
    color: #75b848;
}

.text-segundario{
    color:#087444;
}

.texto-primario p {
    color: #087444;
    font-size: 16px;
    margin-bottom: 0.1em;
    /* otros estilos */
}


/*BOTONES*/
.btn-primario {
    background: #00693C;
    color: white;
}

.btn-segundario {
    background: #75b848;
    color: white;
}

.btn:hover {
    color: white !important;
    text-shadow: -2px 5px 5px black;
    box-shadow: 0px 0px 9px #00000066;
}

.btn-primario:hover {
    background-color: #00693cbd;
    border-color: #00693cbd;
}

footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  text-align: center;
}

/*Formato de campo Requerido*/
label.required::after {
    content: " *";
    color: red;
}

/*LOADER*/
/*#preloader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;*/ /* Ancho deseado del rectángulo */
    /*height: 100px;*/ /* Alto deseado del rectángulo */
    /*background-color: #fff;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;*/ /* Radio de los bordes */
/*}

    #preloader img {
        width: 300px;
        height: 300px;
    }

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);*/ /* Ajusta la opacidad (0.5) según tus preferencias */
    /*z-index: 9998;*/ /* Asegúrate de que el z-index del overlay sea menor que el del loader (9999) */
    /*display:  none;*/ /* Inicialmente oculto */
/*}*/

 #preloader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        z-index: 9999;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #preloader img {
        width: 175px; /* Ajusta el tamaño de la imagen según sea necesario */
    }

.modal.fade.show {
    opacity: 1 !important;
}

.divCenter{
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #00693C;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 160 0 / 25%);
}

/*css para select2*/
    /*tamanio campo*/
.select2 {
    width: 95% !important;
}

.select2-selection__rendered{
    line-height:27px !important;
}
.select2-container .select2-selection--single{
    height:38px !important;
}

.select2-selection__arrow{
    height: 37px !important;
}
    /*fin tamanio campo*/

/* color de shadow*/
.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection{
    border-color: #198754;
    box-shadow: 0 0 0 0.25rem #1987542e;
}

/*color de seleccion*/
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected {
    color: #fff;
    background-color: #0a93219e !important;
}

/*color de borde*/
.select2-container--bootstrap-5 .select2-dropdown {
    border-color: #037f07;
}

/*color de input buscar */
    .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
        border-color: #198754;
        box-shadow: 0 0 0 0.25rem #1987542e;
    }
/*Fin css para select2*/

.select2-container {
    width: 100% !important;
    padding:0;
}

/* Estilo común para errores */
input.error,
select.error,
textarea.error {
    border-color: red !important;
}


.tooltip-inner {
    background-color: #087444 !important;
    text-wrap: balance !important;
}

/* Timer normal */
#session-timer-value {
    transition: color .2s ease, text-shadow .2s ease;
}

    /* Alerta: faltan pocos minutos */
    #session-timer-value.session-warning {
        color: #d9534f;
        font-weight: 700;
        animation: blink 1s infinite;
        text-shadow: 0 0 6px rgba(217, 83, 79, 0.6);
    }

@keyframes blink {
    0%, 49% {
        opacity: 1;
    }

    50%, 100% {
        opacity: 0.25;
    }
}

/* Crítico: últimos segundos */
#session-timer-value.session-critical {
    color: #ff0000;
    font-weight: 800;
    animation: blink-fast .6s infinite;
}

@keyframes blink-fast {
    0%, 49% {
        opacity: 1;
    }

    50%, 100% {
        opacity: 0.15;
    }
}