/* Variables */
:root{
    --verde: #1BA333;
    --verdeOscuro: #135423;
    --grisClaro: #f5f5f5;
    --grisOscuro: #424242;
    --grisE5: #e5e5e5;
    --gris: #828282;
    --borderColor: rgba(0, 0, 0, 0.08);
    --blanco: #FFF;
    --negro: #000;
    --amarillo: #FFCC00;
    --azul: #203B76;
    --azulClaro: #0094E9;
    --cafe: #5B3700;
    --error: red;
}

/* Colores */
.fondo-verde{background-color: var(--verde);}
.color-verde{color: var(--verdeOscuro);}
.fondo-verde-oscuro{background-color: var(--verdeOscuro);}
.color-verde-oscuro{color: var(--verdeOscuro);}
.fondo-gris-claro{background-color: var(--grisClaro);}
.fondo-gris-e5{background-color: var(--grisE5);}
.color-amarillo{color: var(--amarillo);}
.fondo-amarillo{background-color: var(--amarillo);}
.color-blanco{color: var(--blanco);}

/* Misceláneos */
.full-width{
    width: 100% !important;
}