:root {
  --pinta-brown: #846C46;
  --coco-blue: rgb(195,237,237);
  --coco-blue-fade: rgba(195,237,237,.8);
  --pinta-green: #2D9B59;
  --guayaba-red: #E04B45;
  --guayaba-pink: #F9CABD;
  --footer-blue: #AFDEDE;
  --dulce-leche: #FCF399;
  --dulce-leche2: #C0722A;
  --hierbabuena: #BDD97E;
  --hierbabuena2: #635439;
  --chocolate: #4F3B3B;
  --chocolate2: #C38C56;
  --pinta-darkgrey: #454346;
  --galletitas: #C3B9D5;
  --galletitas2: #454447;
  --vainilla-pink: #F8BAC4;
  --vainilla-brown: #7C6442;
  --avellana: #BE8A66;
  --avellana2: #2F2127;
  --mantequilla-mani: #F4A33D;
  --mantequilla-mani2: #382A29;
  --vgreen: #2D9B59;
  --coco-vegan: #C3EDED;
  --tamarindo: #FBE4B3;
  --parcha: #F7BE6A;
  --pina: #F3EE6E;
  --guanabana: #EDEFE8;
}

.pinta-green-bg {
  background: var(--pinta-green);
}


.bg-coco { background: var(--coco-blue); }
.bg-guayaba { background: var(--guayaba-red); }
.bg-hierbabuena { background: var(--hierbabuena); }
.bg-dulce-leche, .pinta-dulce-bg { background: var(--dulce-leche); }
.bg-mantequilla-mani { background: var(--mantequilla-mani); }
.bg-mantequilla-mani2 { background: var(--mantequilla-mani2); }
.bg-galletitas { background: var(--galletitas); }
.bg-galletitas2 { background: var(--galletitas2); }
.bg-vainilla-pink { background: var(--vainilla-pink); }
.bg-vainilla-brown { background: var(--vainilla-brown); }
.bg-chocolate { background: var(--chocolate); }
.bg-chocolate2 { background: var(--chocolate2); }
.bg-avellana { background: var(--avellana); }
.bg-avellana2 { background: var(--avellana2); }

.bg-coco-vegan { background: var(--coco-vegan); }
.bg-tamarindo { background: var(--tamarindo); }
.bg-parcha { background: var(--parcha); }
.bg-pina { background: var(--pina); }
.bg-guanabana { background: var(--guanabana); }

.color-white {
  color: #fff;
}
.bg-white {
  background: #fff;
}
.btn {
	outline: none !important;
}
.btn-success, .btn-success:hover, .btn-success:active, .btn-success:focus {
  background: var(--pinta-green) !important;
  color: #ffffff !important;
}

.btn-danger, .btn-danger:hover {
  background: var(--guayaba-red);
  color: #454346;
}
.btn-chocolate, .btn-chocolate:hover {
  background: var(--chocolate);
  color: #fff;
}
.btn-chocolate2, .btn-chocolate2:hover {
  background: var(--chocolate2);
  color: #fff;
}
.btn-hierbabuena, .btn-hierbabuena:hover {
  background: var(--hierbabuena);
  color: #454346;
}
.btn-hierbabuena2, .btn-hierbabuena2:hover {
  background: var(--hierbabuena2);
  color: #fff;
}
.btn-avellana2, .btn-avellana2:hover {
  background: var(--avellana2);
  color: #fff;
}

.btn-vainilla-brown, .btn-vainilla-brown:hover {
  background: var(--vainilla-brown);
  color: #fff;
}

.btn-darkgrey, .btn-darkgrey:hover {
  background: var(--pinta-darkgrey);
  color: #ffffff !important;
}
.btn-pinta-brown, .btn-pinta-brown:hover {
  background: var(--pinta-brown);
  color: #ffffff !important;
}


.btn-guayaba, .btn-guayaba:hover {
  background: var(--guayaba-red);
  color: #FFF;
}
.btn-guayaba-pink, .btn-guayaba-pink:hover {
  background: var(--guayaba-pink);
  color: #000;
}
.btn-dulce-leche, .btn-dulce-leche:hover {
  background: var(--dulce-leche);
  color: #000;
}
.btn-dulce-leche2, .btn-dulce-leche2:hover {
  background: var(--dulce-leche2);
  color: #FFF;
}
.btn-galletitas, .btn-galletitas:hover {
  background: var(--galletitas);
  color: #454447;
}
.btn-galletitas2, .btn-galletitas2:hover {
  background: var(--galletitas2);
  color: #FFF;
}
.btn-mantequilla-mani, .btn-mantequilla-mani:hover {
  background: var(--mantequilla-mani);
  color: #454447;
}
.btn-mantequilla-mani2, .btn-mantequilla-mani2:hover {
  background: var(--mantequilla-mani2);
  color: #FFF;
}
.btn-vgreen, .btn-vgreen:hover {
  background: var(--vgreen);
  color: #FFF;
}


.btn-mantequilla-mani.btn-ghost {
    border: solid 1px var(--mantequilla-mani);
    background: transparent;
    color: var(--mantequilla-mani);
}
.btn-mantequilla-mani2.btn-ghost {
    border: solid 1px var(--mantequilla-mani2);
    background: transparent;
    color: var(--mantequilla-mani2);
}
.btn-chocolate.btn-ghost {
    border: solid 1px var(--chocolate);
    background: transparent;
    color: var(--chocolate);
}
.btn-hierbabuena.btn-ghost {
    border: solid 1px var(--hierbabuena);
    background: transparent;
    color: var(--hierbabuena);
}
.btn-hierbabuena2.btn-ghost {
    border: solid 1px var(--hierbabuena2);
    background: transparent;
    color: var(--hierbabuena2);
}
.btn-avellana2.btn-ghost {
    border: solid 1px var(--avellana2);
    background: transparent;
    color: var(--avellana2);
}
.btn-pinta-brown.btn-ghost {
    border: solid 1px var(--pinta-brown);
    background: transparent;
    color: var(--pinta-brown) !important;
}
.btn-dulce-leche.btn-ghost {
    border: solid 1px var(--dulce-leche);
    background: transparent;
    color: var(--dulce-leche) !important;
}
.btn-dulce-leche2.btn-ghost {
    border: solid 1px var(--dulce-leche2);
    background: transparent;
    color: var(--dulce-leche2) !important;
}
.btn-guayaba.btn-ghost {
    border: solid 1px var(--guayaba-red);
    background: transparent;
    color: var(--guayaba-red) !important;
}
.btn-guayaba-pink.btn-ghost {
    border: solid 1px var(--guayaba-pink);
    background: transparent;
    color: var(--guayaba-pink) !important;
}
.btn-galletitas2.btn-ghost {
    border: solid 1px var(--galletitas2);
    background: transparent;
    color: var(--galletitas2) !important;
}
.btn-chocolate.btn-ghost {
    border: solid 1px var(--chocolate);
    background: transparent;
    color: var(--chocolate) !important;
}
.btn-chocolate2.btn-ghost {
    border: solid 1px var(--chocolate2);
    background: transparent;
    color: var(--chocolate2) !important;
}
.btn-vainilla-brown.btn-ghost {
    border: solid 1px var(--chocolate2);
    background: transparent;
    color: var(--chocolate2) !important;
}
.btn-vgreen.btn-ghost {
    border: solid 1px var(--vgreen);
    background: transparent;
    color: var(--vgreen) !important;
}


.pt-darkgrey, .pt-darkgrey:hover {
  color: var(--pinta-darkgrey);
}

.pt-white { color: #FFF; }
.pt-brown { color: var(--pinta-brown); }
.pt-darkgrey { color: var(--pinta-darkgrey); }
.pt-hierbabuena { color: var(--hierbabuena); }
.pt-hierbabuena2 { color: var(--hierbabuena2); }
.pt-guayaba-pink { color: var(--guayaba-pink); }
.pt-dulce-leche2 { color: var(--dulce-leche2); }
.pt-galletitas2 { color: var(--galletitas2); }
.pt-vainilla-brown { color: var(--vainilla-brown); }
.pt-chocolate { color: var(--chocolate); }
.pt-chocolate2 { color: var(--chocolate2); }
.pt-avellana2 { color: var(--avellana2); }

.pt-vgreen { color: var(--vgreen); }
.pt-coco-vegan { color: var(--coco-vegan); }
.pt-tamarindo { color: var(--tamarindo); }