/*colores*/
 :root {
     /*--verde: #73ae20;*/
     --verde: rgb(71, 167, 57);
     --verde_oscuro: rgb(63, 74, 60);
     --cafe: rgb(84, 42, 10);
     --crema: rgb(255, 215, 134);
     --verde-pastel: rgb(240, 253, 236);
     --verde-pastel: rgb(198, 231, 182);

     --rojo: rgb(243, 42, 70);


     --negro: rgb(0, 0, 0);
     --gray: rgb(87, 87, 87);
     --silver: rgb(175, 175, 175);
     --plata: rgb(161, 161, 161);
     --agua: rgb(245, 245, 245);
     --blanco: rgb(255, 255, 255);

     --verde_paster_opacity_70: rgba(198, 231, 182, 0.7);
     --verde_paster_opacity_50: rgba(198, 231, 182, 0.5);
     --crema_opacity_90: rgb(255, 215, 134, 0.9);
     --crema_opacity_50: rgb(255, 215, 134, 0.5);
     --crema_opacity_70: rgb(255, 215, 134, 0.7);


     --verde_opacity_30: rgba(71, 167, 57, 0.3);
     --negro_opacity_40: rgba(0, 0, 0, 0.4);
     --negro_opacity_60: rgba(0, 0, 0, 0.6);
     --negro_opacity_80: rgba(0, 0, 0, 0.8);
     --negro_opacity_90: rgba(0, 0, 0, 0.9);
     --negro_opacity_20: rgba(0, 0, 0, 0.2);
     --negro_opacity_10: rgba(0, 0, 0, 0.1);
     --negro_opacity_05: rgba(0, 0, 0, 0.05);
     --gray_opacity_80: rgba(84, 87, 104, 0.80);
     --gray_opacity_30: rgba(111, 115, 138, 0.3);
     --blanco_opacity_95: rgb(255, 255, 255,0.95);
     --blanco_opacity_75: rgb(255, 255, 255,0.75);
     --blanco_opacity_80: rgb(255, 255, 255,0.80);
     --blanco_opacity_85: rgb(255, 255, 255,0.85);
     --blanco_opacity_70: rgb(255, 255, 255,0.70);

     --cafe_opacity_70: rgb(84, 42, 10, 0.70);
     --cafe_opacity_60: rgb(84, 42, 10, 0.60);
     --cafe_opacity_50: rgb(84, 42, 10, 0.50);

 }

.bg-rojo{
    background: var(--rojo);
}

.bg-negro{
    background: var(--negro);
}

.bg-verde{
    background: var(--verde);
}

.bg-blanco{
    background: var(--blanco);
}

.bg-cafe{
    background: var(--cafe);
}

.bg-crema{
    background: var(--crema);
}

.bg-crema-opacidad{
    background: var(--crema_opacity_50);
}

.bg-verde-opacidad{
    background: var(--verde_paster_opacity_50);
}

.rojo{
    color: var(--rojo);
}

.verde{
    color: var(--verde);
}

.blanco{
    color: var(--blanco);
}

.cafe{
    color: var(--cafe);
}

.crema{
    color: var(--crema);
}

.bg-crema-agua{
    background: linear-gradient(180deg, #FFF8DC 0%, #FAEBCD 100%);
}

.bg-crema{
    background: #FAEBCD;
}

.border-verde-top{
    border-top: 6px solid var(--verde);
}

.border-verde-bottom{
    border-bottom: 6px solid var(--verde);
}

.verde-logo{
    color: #02975a;
}

.border-cafe{
    border: 2px solid var(--cafe);
}