:root {
    --aplicacion-nombre: "Etna";
    --aplicacion-version: "v1.0";
    --aplicacion-fecha-ultima-actualizacion: "26/01/2023";
    /*-----*/
    /*-----*/
    /*--previo-color-1: 0, 46, 93;
            --color-1: rgb(var(--previo-color-1));
            --color-1-op75: rgba(var(--previo-color-1), 0.75);
            --color-1-op2: rgba(var(--previo-color-1), 0.2);*/
    --color-1-op2-no-transparente: rgba(204, 213, 222, 1);
    /*--previo-color-2: 140, 119, 50;
            --color-2: rgb(var(--previo-color-2));
            --color-2-op75: rgba(var(--previo-color-2), 0.75);
            --color-2-op2: rgba(var(--previo-color-2), 0.2);*/
    /*-----*/
    /*-----*/
    /*-----*/
    /*COLOR 1*/
    --previo-color-1: 43, 106, 109;
    --previo-color-1-claro: 159, 189, 190;
    --previo-color-1-muy-claro: 219, 230, 230;
    --previo-color-1-oscuro: 5, 57, 59;
    --previo-color-1-muy-oscuro: 0, 18, 19;
    /*-----*/
    --color-1: rgb(var(--previo-color-1));
    --color-1-claro: rgb(var(--previo-color-1-claro));
    --color-1-muy-claro: rgb(var(--previo-color-1-muy-claro));
    --color-1-oscuro: rgb(var(--previo-color-1-oscuro));
    --color-1-muy-oscuro: rgb(var(--previo-color-1-muy-oscuro));
    /*-----*/
    --color-1-op75: rgba(var(--previo-color-1), 0.75);
    --color-1-claro-op75: rgba(var(--previo-color-1-claro), 0.75);
    --color-1-muy-claro-op75: rgba(var(--previo-color-1-muy-claro), 0.75);
    --color-1-oscuro-op75: rgba(var(--previo-color-1-oscuro), 0.75);
    --color-1-muy-oscuro-op75: rgba(var(--previo-color-1-muy-oscuro), 0.75);
    /*-----*/
    --color-1-op2: rgba(var(--previo-color-1), 0.2);
    --color-1-claro-op2: rgba(var(--previo-color-1-claro), 0.2);
    --color-1-muy-claro-op2: rgba(var(--previo-color-1-muy-claro), 0.2);
    --color-1-oscuro-op2: rgba(var(--previo-color-1-oscuro), 0.2);
    --color-1-muy-oscuro-op2: rgba(var(--previo-color-1-muy-oscuro), 0.2);
    /*-----*/
    /*-----*/
    /*COLOR 2*/
    --previo-color-2: 180, 74, 71;
    --previo-color-2-claro: 255, 214, 213;
    --previo-color-2-muy-claro: 255, 255, 255;
    --previo-color-2-oscuro: 98, 10, 7;
    --previo-color-2-muy-oscuro: 7 31, 1, 10;
    /*-----*/
    --color-2: rgb(var(--previo-color-2));
    --color-2-claro: rgb(var(--previo-color-2-claro));
    --color-2-muy-claro: rgb(var(--previo-color-2-muy-claro));
    --color-2-oscuro: rgb(var(--previo-color-2-oscuro));
    --color-2-muy-oscuro: rgb(var(--previo-color-2-muy-oscuro));
    /*-----*/
    --color-2-op75: rgba(var(--previo-color-2), 0.75);
    --color-2-claro-op75: rgba(var(--previo-color-2-claro), 0.75);
    --color-2-muy-claro-op75: rgba(var(--previo-color-2-muy-claro), 0.75);
    --color-2-oscuro-op75: rgba(var(--previo-color-2-oscuro), 0.75);
    --color-2-muy-oscuro-op75: rgba(var(--previo-color-2-muy-oscuro), 0.75);
    /*-----*/
    --color-2-op2: rgba(var(--previo-color-2), 0.2);
    --color-2-claro-op2: rgba(var(--previo-color-2-claro), 0.2);
    --color-2-muy-claro-op2: rgba(var(--previo-color-2-muy-claro), 0.2);
    --color-2-oscuro-op2: rgba(var(--previo-color-2-oscuro), 0.2);
    --color-2-muy-oscuro-op2: rgba(var(--previo-color-2-muy-oscuro), 0.2);
    /*-----*/
    /*-----*/
    /*COLOR 3*/
    --previo-color-3: 133, 168, 66;
    --previo-color-3-claro: 230, 244, 204;
    --previo-color-3-muy-claro: 255, 255, 255;
    --previo-color-3-oscuro: 62, 92, 7;
    --previo-color-3-muy-oscuro: 19, 29, 0;
    /*-----*/
    --color-3: rgb(var(--previo-color-3));
    --color-3-claro: rgb(var(--previo-color-3-claro));
    --color-3-muy-claro: rgb(var(--previo-color-3-muy-claro));
    --color-3-oscuro: rgb(var(--previo-color-3-oscuro));
    --color-3-muy-oscuro: rgb(var(--previo-color-3-muy-oscuro));
    /*-----*/
    --color-3-op75: rgba(var(--previo-color-3), 0.75);
    --color-3-claro-op75: rgba(var(--previo-color-3-claro), 0.75);
    --color-3-muy-claro-op75: rgba(var(--previo-color-3-muy-claro), 0.75);
    --color-3-oscuro-op75: rgba(var(--previo-color-3-oscuro), 0.75);
    --color-3-muy-oscuro-op75: rgba(var(--previo-color-3-muy-oscuro), 0.75);
    /*-----*/
    --color-3-op2: rgba(var(--previo-color-3), 0.2);
    --color-3-claro-op2: rgba(var(--previo-color-3-claro), 0.2);
    --color-3-muy-claro-op2: rgba(var(--previo-color-3-muy-claro), 0.2);
    --color-3-oscuro-op2: rgba(var(--previo-color-3-oscuro), 0.2);
    --color-3-muy-oscuro-op2: rgba(var(--previo-color-3-muy-oscuro), 0.2);
    /*-----*/
    /*-----*/
    /*-----*/
    /*--imagen-fondo: url('../Content/images/fondos/fondo6.jpg');*/
    --imagen-fondo: url('../Content/images/fondos/fondo24.jpg');
    --previo-color-fondo-1: 238, 238, 238;
    --color-fondo-1: rgb(var(--previo-color-fondo-1));
    --color-fondo-1-op75: rgba(var(--previo-color-fondo-1), 0.75);
    --color-fondo-1-op2: rgba(var(--previo-color-fondo-1), 0.2);
    /*-----*/
    --rojo-alerta: rgba(128, 0, 0, 1);
    /*-----*/
    --verde-correcto: rgba(0, 128, 0, 1);
    --verde-claro-correcto: rgba(144, 238, 144, 1);
    --rojo-erroneo: rgba(255, 0, 0);
    --rojo-claro-erroneo: rgba(255, 192, 203);
    --amarillo-aviso: rgba(255, 187, 0, 1);
    --amarillo-claro-aviso: rgba(255, 221, 119, 1);
    --azul-informacion: rgba(50, 150, 250, 1);
    --azul-claro-informacion: rgba(150, 200, 250, 1);
    --naranja-pregunta: rgba(255, 101, 50, 1);
    --naranja-claro-pregunta: rgba(250, 150, 100, 1);
}





/*-----*/
/*-----*/
/*-----*/
/*-----*/




.fondo-color-1-op2-no-transparente {
    background-color: var(--color-1-op2-no-transparente);
}

/*COLOR 1*/
/*-----*/
.fondo-color-1 {
    background-color: var(--color-1);
}

.fondo-color-1-claro {
    background-color: var(--color-1-claro);
}

.fondo-color-1-oscuro {
    background-color: var(--color-1-oscuro);
}

.fondo-color-1-muy-oscuro {
    background-color: var(--color-1-muy-oscuro);
}
/*-----*/
.fondo-color-1-op75 {
    background-color: var(--color-1-op75);
}

.fondo-color-1-claro-op75 {
    background-color: var(--color-1-claro-op75);
}

.fondo-color-1-oscuro-op75 {
    background-color: var(--color-1-oscuro-op75);
}

.fondo-color-1-muy-oscuro-op75 {
    background-color: var(--color-1-muy-oscuro-op75);
}
/*-----*/
.fondo-color-1-op2 {
    background-color: var(--color-1-op2);
}

.fondo-color-1-claro-op2 {
    background-color: var(--color-1-claro-op2);
}

.fondo-color-1-oscuro-op2 {
    background-color: var(--color-1-oscuro-op2);
}

.fondo-color-1-muy-oscuro-op2 {
    background-color: var(--color-1-muy-oscuro-op2);
}
/*-----*/
/*-----*/
/*COLOR 2*/
/*-----*/
.fondo-color-2 {
    background-color: var(--color-2);
}

.fondo-color-2-claro {
    background-color: var(--color-2-claro);
}

.fondo-color-2-oscuro {
    background-color: var(--color-2-oscuro);
}

.fondo-color-2-muy-oscuro {
    background-color: var(--color-2-muy-oscuro);
}
/*-----*/
.fondo-color-2-op75 {
    background-color: var(--color-2-op75);
}

.fondo-color-2-claro-op75 {
    background-color: var(--color-2-claro-op75);
}

.fondo-color-2-oscuro-op75 {
    background-color: var(--color-2-oscuro-op75);
}

.fondo-color-2-muy-oscuro-op75 {
    background-color: var(--color-2-muy-oscuro-op75);
}
/*-----*/
.fondo-color-2-op2 {
    background-color: var(--color-2-op2);
}

.fondo-color-2-claro-op2 {
    background-color: var(--color-2-claro-op2);
}

.fondo-color-2-oscuro-op2 {
    background-color: var(--color-2-oscuro-op2);
}

.fondo-color-2-muy-oscuro-op2 {
    background-color: var(--color-2-muy-oscuro-op2);
}
/*-----*/
/*-----*/
/*COLOR 3*/
/*-----*/
.fondo-color-3 {
    background-color: var(--color-3);
}

.fondo-color-3-claro {
    background-color: var(--color-3-claro);
}

.fondo-color-3-oscuro {
    background-color: var(--color-3-oscuro);
}

.fondo-color-3-muy-oscuro {
    background-color: var(--color-3-muy-oscuro);
}
/*-----*/
.fondo-color-3-op75 {
    background-color: var(--color-3-op75);
}

.fondo-color-3-claro-op75 {
    background-color: var(--color-3-claro-op75);
}

.fondo-color-3-oscuro-op75 {
    background-color: var(--color-3-oscuro-op75);
}

.fondo-color-3-muy-oscuro-op75 {
    background-color: var(--color-3-muy-oscuro-op75);
}
/*-----*/
.fondo-color-3-op2 {
    background-color: var(--color-3-op2);
}

.fondo-color-3-claro-op2 {
    background-color: var(--color-3-claro-op2);
}

.fondo-color-3-oscuro-op2 {
    background-color: var(--color-3-oscuro-op2);
}

.fondo-color-3-muy-oscuro-op2 {
    background-color: var(--color-3-muy-oscuro-op2);
}


/*.configuracion-color-1:root {*/
/*COLOR 1*/
/*--previo-color-1: 43, 106, 109;
    --previo-color-1-claro: 159, 189, 190;
    --previo-color-1-oscuro: 5, 57, 59;
    --previo-color-1-muy-oscuro: 0, 18, 19;*/
/*COLOR 2*/
/*--previo-color-2: 180, 74, 71;
    --previo-color-2-claro: 255, 214, 213;
    --previo-color-2-oscuro: 98, 10, 7;
    --previo-color-2-muy-oscuro: 31, 1, 0;*/
/*COLOR 3*/
/*--previo-color-3: 133, 168, 66;
    --previo-color-3-claro: 230, 244, 204;
    --previo-color-3-oscuro: 62, 92, 7;
    --previo-color-3-muy-oscuro: 19, 29, 0;*/
/*}*/