.text-naranja {
    color: #FA8D70;
}

.bg-naranja {
    background-color: #FA8D70;
}

.text-amarillo {
    color: #F9EDB5;
}

.bg-amarillo {
    background-color: #F9EDB5;
}

.text-celeste {
    color: #C4E8F8;
}

.bg-celeste {
    background-color: #C4E8F8;
}

.text-azul {
    color: #2A3F54;
}

.bg-azul {
    background-color: #2A3F54;
}

.text_aprusia {
    color: #73879C;
}

.bg_aprusia {
   background-color: #73879C;
}

/* Botones */
.btn_azul {
    color: #fff;
    border: 1px solid #2e6da4;
    background-color: #337ab7;
}

.btn_azul:hover {
    color: #fff;
    background-color: #3f8dd0;
}

.btn_naranja {
    color: #fff;
    background-color: #f0ad4e;
    border: 1px solid #eea236;
}

.btn_naranja:hover {
    color: #fff;
    background-color: #ec971f;
    border: #d58512;;
}

.bg_verde {
    background-color: #26B99A;
}

.btn_verde {
    background-color: #26B99A;
    border: 1px solid #169F85;
    color: #fff;
}

.btn_verde:hover {
    background-color: #169F85;
    color: #fff;
}

.bg_azul_verde {
    background-color: #117A8B;
}

.btn_azul_verde {
    background-color: #117A8B;
    color: #fff;
    border: 1px solid #117A8B;
}

.btn_azul_verde:hover {
    background-color: #0f6e7d;
    color: #fff;
    border: 1px solid #117A8B;
}

.bg_green {
    background-color: #28A745;
}

.btn_green {
    background-color: #28A745;
    color: #fff;
    border: 1px solid #28A745;
}

.btn_green:hover {
    background-color: #249c3f;
    color: #fff;
}

.bg_gris { 
    background-color: #8DAEB8;
}

.btn_gris {
    background-color: #8DAEB8;
    color: #fff;
    border: 1px solid #8DAEB8;
}

.btn_gris:hover {
    color: #fff;
}

.bg_gris_negro {
    background-color: #1D2124;
}

.btn_gris_negro {
    background-color: #1D2124;
    color: #fff;
    border: 1px solid #1D2124;  
}

.btn_gris_negro:hover {
    color: #fff; 
    background-color: #1e2d3c ;
}