@import url('https://fonts.googleapis.com/css?family=Prata');

.titulo-categoria, h1, h2, h3, h4, h5, h6 {
    font-family: 'Prata' !important;
}

.menu-ofertas .ofertas-wrap {
    padding-top: 60px !important;
}

.banners-extras:not(.banners-vitrine-mini) {
    padding-top: 90px;
}

.produto .nome-produto {
    font-family: 'Open Sans' !important;
}

.menu-desktop .menu > ul > li > a {
    padding: 0 18px !important;
}

.cores-personalizadas .vitrine-depoimentos {
    padding: 70px 0 70px 0 !important;
}

.cores-personalizadas #barraNewsletter {
    padding: 30px 0 30px 0 !important;
}

.cores-personalizadas #rodape .institucional {
    padding: 70px 0 0 0;
}

.qtde-adicionar-carrinho {
    display: none !important;
}

/* Colors miniatures */
.pagina-produto .atributo-comum a span {
    border-radius: 50%;
    width: 45px !important;
    height: 45px !important;
}

/* Hide the text of the color */
.atributo-item[data-grade-id="3287410"] span {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 25px; /* Set the width of your color swatch */
  height: 25px; /* Set the height of your color swatch */
  border: 1px solid #000; /* Optional: adds a border around the color swatch */
}

/* Set the background color for Amarelo */
.atributo-item[data-variacao-id="9560487"] span {
  background-color: #f7df1e !important;
}

/* Set the background color for Azul */
.atributo-item[data-variacao-id="9560486"] span {
  background-color: #add8e6 !important;
}

/* Set the background color for Bege */
.atributo-item[data-variacao-id="9560495"] span {
  background-color: #f5f5dc !important;
}

/* Set the background color for Branco */
.atributo-item[data-variacao-id="9560482"] span {
  background-color: #ffffff !important;
}

/* Set the background color for Cinza */
.atributo-item[data-variacao-id="3287410"] span {
  background-color: #808080 !important;
}

/* Set the background color for Estampado */
.atributo-item[data-variacao-id="3287410"] span {
  background-color: #000000 !important;
}

/* Set the background color for Laranja */
.atributo-item[data-variacao-id="9560502"] span {
  background-color: #ff4500 !important;
}

/* Set the background color for Lilás */
.atributo-item[data-variacao-id="10069096"] span {
  background-color: #dda0dd !important;
}

/* Set the background color for Lavanda */
.atributo-item[data-variacao-id="10206709"] span {
  background-color: #dda0dd !important;
}

/* Set the background color for Marsala */
.atributo-item[data-variacao-id="9601835"] span {
  background-color: #954535 !important;
}

/* Set the background color for Marrom */
.atributo-item[data-variacao-id="9560498"] span {
  background-color: #8b4513 !important;
}

/* Set the background color for Nude */
.atributo-item[data-variacao-id="10069100"] span {
  background-color: #ffe4b5 !important;
}

/* Set the background color for Preto */
.atributo-item[data-variacao-id="9560477"] span {
  background-color: #000000 !important;
}

/* Set the background color for Rosa */
.atributo-item[data-variacao-id="9560504"] span {
  background-color: #ffc0cb !important;
}

/* Set the background color for Roxo */
.atributo-item[data-variacao-id="9560503"] span {
  background-color: #800080 !important;
}

/* Set the background color for Verde */
.atributo-item[data-variacao-id="9560500"] span {
  background-color: #008000 !important;
}

/* Set the background color for Vermelho */
.atributo-item[data-variacao-id="9560484"] span {
  background-color: #ff0000 !important;
}

/* Set the background color for Rosa Neon */
.atributo-item[data-variacao-id="10227164"] span {
  background-color: #f00c93 !important;
}

/* Set the background color for Pink */
.atributo-item[data-variacao-id="11131308"] span {
  background-color: #dc143c !important;
} 

/* Set the background color for Azul Marinho */
.atributo-item[data-variacao-id="11303621"] span {
  background-color: #120a8f !important;
}

/* Set the background color for Rosa Claro */
.atributo-item[data-variacao-id="13366300"] span {
  background-color: #FFB6C1 !important;
}

/* Set the background gradient for Preto com renda branca */
.atributo-item[data-variacao-id="13366713"] span {
  background: linear-gradient(45deg, #000000, #ffffff) !important; /* Preto (#000000) e Branco (#ffffff) */
}

/* Set the background color for Marfim */
.atributo-item[data-variacao-id="13367170"] span {
  background-color: #fffff0 !important;
}

/* Set the background gradient for Azul/amarelo */
.atributo-item[data-variacao-id="13376924"] span {
  background: linear-gradient(45deg, #89CFF0, #FFFF00) !important; /* Azul Bebê (#89CFF0) e Amarelo (#FFFF00) */
}

/* Set the background gradient for Preto com renda nude */
.atributo-item[data-variacao-id="13374557"] span {
  background: linear-gradient(45deg, #000000, #f5deb3) !important; /* Preto com renda nude */
}

/* Set the background gradient for Marsala/cenoura */
.atributo-item[data-variacao-id="13376921"] span {
  background: linear-gradient(45deg, #800000, #ED9121) !important; /* Marsala (#800000) e Cenoura (#ED9121) */
}

/* Set the background gradient for Marsala/ pink */
.atributo-item[data-variacao-id="13376923"] span {
  background: linear-gradient(45deg, #800000, #FF69B4) !important; /* Marsala (#800000) e Pink (#FF69B4) */
}

/* Set the background gradient for Vermelho/pele */
.atributo-item[data-variacao-id="13384591"] span {
  background: linear-gradient(45deg, #FF0000, #FAD2CF) !important; /* Vermelho (#FF0000) e Cor de Pele (#FAD2CF) */
}

/* Set the background color for Rosa Forte */
.atributo-item[data-variacao-id="13413776"] span {
  background-color: #CD5C5C !important;
}

/* Set the background gradient for Rosa e Branco */
.atributo-item[data-variacao-id="13413885"] span {
  background: linear-gradient(45deg, #FFC0CB, #FFFFFF) !important; /* Rosa (#FFC0CB) e Branco (#FFFFFF) */
}

/* Set the background gradient for Vermelho e Branco */
.atributo-item[data-variacao-id="13413883"] span {
  background: linear-gradient(45deg, #FF0000, #FFFFFF) !important; /* Vermelho (#FF0000) e Branco (#FFFFFF) */
}

/* Set the background with solid division for Preto e Branco */
.atributo-item[data-variacao-id="13413882"] span {
  background: linear-gradient(to right, #000000 50%, #FFFFFF 50%) !important; /* Preto na esquerda, Branco na direita */
}

/* Set the background with solid division for Branco e Azul */
.atributo-item[data-variacao-id="13414966"] span {
  background: linear-gradient(to right, #FFFFFF 50%, #0000FF 50%) !important; /* Branco na esquerda, Azul na direita */
}

/* Set the background with solid division for Branco e Preto */
.atributo-item[data-variacao-id="13414963"] span {
  background: linear-gradient(to right, #000000 50%, #FFFFFF 50%) !important; /* Preto na esquerda, Branco na direita */
}

/* Set the background with solid division for Branco e Floral */
.atributo-item[data-variacao-id="13414965"] span {
  background: linear-gradient(to right, #FFFFFF 50%, linear-gradient(to right, #FF0000, #FFA500, #FFFF00, #008000, #0000FF, #4B0082, #EE82EE) 50%) !important;
}

/* Set the background with solid division for Verde/Azul/Branco */
.atributo-item[data-variacao-id="13415138"] span {
  background: linear-gradient(to right, #008000 33.33%, #0000FF 33.33%, #FFFFFF 33.34%) !important;
  /* Verde na esquerda, Azul no meio, Branco na direita */
}

/* Set the background with solid division for Rosa/Azul/Branco */
.atributo-item[data-variacao-id="13415142"] span {
  background: linear-gradient(to right, #FFC0CB 33.33%, #0000FF 33.33%, #FFFFFF 33.34%) !important;
  /* Rosa na esquerda, Azul no meio, Branco na direita */
}

/* Set the background with solid division for Vermelho/Branco */
.atributo-item[data-variacao-id="13415156"] span {
  background: linear-gradient(to right, #FF0000 50%, #FFFFFF 50%) !important;
  /* Vermelho na esquerda, Branco na direita */
}

/* Set the background with solid division for Preto/Branco */
.atributo-item[data-variacao-id="13415158"] span {
  background: linear-gradient(to right, #000000 50%, #FFFFFF 50%) !important; /* Preto na esquerda, Branco na direita */
}

/* Set the background with solid division for Rosa Bebê/Branco */
.atributo-item[data-variacao-id="13415160"] span {
  background: linear-gradient(to right, #FFC0CB 50%, #FFFFFF 50%) !important;
  /* Rosa Bebê na esquerda, Branco na direita */
}

/* Set the background gradient for Preto com renda branca */
.atributo-item[data-variacao-id="13436617"] span {
  background: linear-gradient(45deg, #000000, #ffffff) !important; /* Preto (#000000) e Branco (#ffffff) */
}

/* Set the background color for Pêssego */
.atributo-item[data-variacao-id="13439727"] span {
  background-color: #FFDAB9 !important; /* Pêssego (#FFDAB9) */
}

/* Set the background color for Castanho */
.atributo-item[data-variacao-id="13439728"] span {
  background-color: #8B4513 !important; /* Castanho (#8B4513) */
}

/* Set the background for Estampado (listrado) */
.atributo-item[data-variacao-id="13774253"] span {
  background: repeating-linear-gradient(
    45deg,
    #FF69B4, /* rosa choque */
    #FF69B4 10%,
    #FFFF00 10%,
    #FFFF00 20%,
    #00BFFF 20%,
    #00BFFF 30%
  ) !important;
}

/* Set the background for Marsala e Nude - metade de cada cor */
.atributo-item[data-variacao-id="13863467"] span {
  background: linear-gradient(to right, #800000 50%, #F5DEB3 50%) !important;
}

/* Set the background for Vermelho e Preto - metade de cada cor */
.atributo-item[data-variacao-id="13863464"] span {
  background: linear-gradient(to right, #FF0000 50%, #000000 50%) !important;
}

/* Set the background for Rosa e Branco - metade de cada cor */
.atributo-item[data-variacao-id="3287410"] span {
  background: linear-gradient(to right, #FFC0CB 50%, #FFFFFF 50%) !important;
  width: 20px !important;
  height: 20px !important;
  display: inline-block !important;
  border-radius: 50% !important;
  border: 1px solid #ccc; /* opcional: ajuda a destacar em fundo branco */
}