/* Colores principales de la pagina
Negro: #000000
Blanco: #ffffff
Verdeclaro: #59a80f
Verdeopaco: #849347
Gris: #9f9f9f
Agua:#98D5E9
Cian:#73C6BE


*/

:root {
    --negro: #000000;
    --blanco: #ffffff;
    --verdeclaro: #59a80f;
    --verdeopaco: #849347;
    --Agua: #98D5E9;
    --Cian: #73C6BE;
    --gris: #9f9f9f;
    --amarillo: #F7D358;
    --azulmarino: #00304E;
    --azulclaro: #1E90FF;
    --verdeagua:#68DDBD;
    
}

.bg-base1{
    background-color: var(--azulmarino);
}
.bg-base2{
    background-color: var(--azulclaro);
}
.bg-base3{
    background-color: var(--gris);
}
.txt-azulclaro{
    color: var(--azulclaro);
}
.txt-verdeagua{
    color: var(--verdeagua);
}
.text-titulo-agua{
    color: var(--Agua);
}

.text-titulo-cian{
    color: var(--Cian);
}
.text-titulo-verdeopaco{
    color: var(--verdeopaco);
}

.txt-align-center{
    text-align: center;
}

.txt-align-left{
    text-align: left;
}

.txt-align-right{
    text-align: right;
}

.text-titulo-verdeclaro{
    color: var(--verdeclaro);
}

.bg-negro {
    background-color: #000000;
}

.bg-blanco {
    background-color: #ffffff;
}

.bg-verdeclaro {
    background-color: #59a80f;
}

.bg-verdeopaco {
    background-color: #849347;
}

.bg-agua {
    background-color: #98D5E9;
}

.bg-cian {
    background-color: #73C6BE;
}

.bg-gris {
    background-color: #9f9f9f;
}

.btn-agua {
    background-color: #98D5E9;
}

.btn-cian {
    background-color: #73C6BE;
}


.sombra {
    box-shadow: 0px 1px 3px black;
}

.sombra-texto {
    text-shadow: 1px 2px 2px #000000;
}

.sombra-1 {
    box-shadow: 0px 1px 20px black;
}

.sombra-5 {
    box-shadow: 0px 5px 20px black;
}