/* =====================================================================
   ArcoIris - Novo visual sobre o tema Galeria
   Cole TODO este conteudo no FINAL de: Personalize sua loja > Editar CSS
   Sem variaveis CSS: o editor da Loja Integrada nao aceita --variaveis.
   Paleta: roxo #AB3DF5  roxo escuro #5B1F8A  noite #2A1240
           pessego #FFBBA8  pessego claro #FFE6DE  creme #FFF8F4
   ===================================================================== */


body { color: #2E2433; }

/* Cabecalho ----------------------------------------------------------- */
#cabecalho { box-shadow: 0 6px 24px rgba(91, 31, 138, .08); }
#cabecalho .logo img { max-height: 96px; width: auto; }
#form-buscar input,
.busca input {
  border: 1.5px solid #FFBBA8 !important;
  border-radius: 999px !important;
  padding-left: 20px !important;
  background: #FFF8F4 !important;
}
#form-buscar input:focus,
.busca input:focus { border-color: #AB3DF5 !important; box-shadow: 0 0 0 4px rgba(171, 61, 245, .12); }

/* Menu de categorias -------------------------------------------------- */
.menu.superior .nivel-um > li > a {
  font-weight: 700;
  letter-spacing: .06em;
  transition: color .2s;
}
.menu.superior .nivel-um > li > a:hover { color: #AB3DF5 !important; }

/* Titulos das vitrines (Lancamentos, Mais vendidos, Destaques) -------- */
.titulo-categoria {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 600 !important;
  font-size: 34px !important;
  letter-spacing: .04em !important;
  text-transform: none !important;
  color: #5B1F8A !important;
}
.titulo-categoria strong,
.titulo-categoria span { font-family: inherit !important; }

/* Cartoes de produto --------------------------------------------------- */
.listagem-item {
  border-radius: 14px;
  padding: 12px 12px 18px !important;
  transition: transform .25s ease, box-shadow .25s ease;
}
.listagem-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 34px rgba(91, 31, 138, .14);
}
.listagem-item .imagem-produto {
  border-radius: 10px;
  overflow: hidden;
  background: #FFF8F4;
}
.listagem-item .nome-produto {
  font-weight: 600 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  color: #2E2433 !important;
}
.listagem-item .preco-promocional,
.preco-produto .preco-promocional { color: #5B1F8A !important; font-weight: 800 !important; }
.listagem-item .preco-venda { color: #9A8FA3 !important; }

/* Selo de desconto */
.bandeira-promocao,
.bandeiras-produto .bandeira-promocao {
  background: #FFBBA8 !important;
  color: #2A1240 !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}

/* Botoes --------------------------------------------------------------- */
.botao.principal,
.botao-comprar,
.acoes-produto .botao {
  background: #AB3DF5 !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-weight: 700 !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  box-shadow: 0 8px 18px rgba(171, 61, 245, .28);
  transition: background .2s, transform .2s;
}
.botao.principal:hover,
.botao-comprar:hover,
.acoes-produto .botao:hover {
  background: #5B1F8A !important;
  transform: translateY(-1px);
}
.botao:not(.principal) { border-radius: 999px !important; }

/* Banners -------------------------------------------------------------- */
.secao-banners .banner img,
.banner.cheio img { width: 100%; height: auto; }
.mini-banner img,
.banner.mini img,
.secao-banners .span4 img {
  border-radius: 14px;
  transition: transform .3s ease, box-shadow .3s ease;
}
.mini-banner a:hover img,
.banner.mini a:hover img,
.secao-banners .span4 a:hover img {
  transform: translateY(-4px);
  box-shadow: 0 16px 34px rgba(91, 31, 138, .2);
}

/* Pagina do produto ---------------------------------------------------- */
.pagina-produto .nome-produto {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 600 !important;
  font-size: 40px !important;
  color: #2A1240 !important;
}

/* Rodape --------------------------------------------------------------- */

/* Aviso de cookies ----------------------------------------------------- */
#avisoCookies { border-top: 3px solid #FFBBA8; }
#btn-aceito-cookies { background: #AB3DF5 !important; border-radius: 999px !important; }

/* =====================================================================
   Categorias destaque Mobile (manual, pags. 52 a 61)
   Ordem = ordem das categorias em Produtos > Categorias.
   URLs dos icones ja preenchidas (Gerenciador de Arquivos da loja).
   ===================================================================== */
@media screen and (max-width: 767px){
#menuinsta > div > div > div > li.slick-slide:nth-child(1) > a:before { background-image:url(https://cdn.awsli.com.br/1655/1655674/arquivos/1-incenso.png); }
#menuinsta > div > div > div > li.slick-slide:nth-child(2) > a:before { background-image:url(https://cdn.awsli.com.br/1655/1655674/arquivos/2-fonte.png); }
#menuinsta > div > div > div > li.slick-slide:nth-child(3) > a:before { background-image:url(https://cdn.awsli.com.br/1655/1655674/arquivos/3-vela.png); }
#menuinsta > div > div > div > li.slick-slide:nth-child(4) > a:before { background-image:url(https://cdn.awsli.com.br/1655/1655674/arquivos/4-mandala.png); }
#menuinsta > div > div > div > li.slick-slide:nth-child(5) > a:before { background-image:url(https://cdn.awsli.com.br/1655/1655674/arquivos/5-incensario.png); }
#menuinsta > div > div > div > li.slick-slide:nth-child(6) > a:before { background-image:url(https://cdn.awsli.com.br/1655/1655674/arquivos/8-religiosa.png); }
}

/* =====================================================================
   Barra do PIX no celular: texto menor, sem cortar
   ===================================================================== */
@media screen and (max-width: 767px){
.barra-frase { height: auto !important; padding: 6px 0 !important; }
.barra-frase .conteiner { display: flex !important; align-items: center; justify-content: center; }
.barra-frase span { font-size: 12px !important; line-height: 1.35 !important; white-space: normal !important; letter-spacing: .04em !important; height: auto !important; }
.barra-frase i img { width: 16px !important; height: 16px !important; }
}

/* =====================================================================
   Icones das categorias no menu do computador
   (ligados pelo numero de cada categoria, nao pela ordem)
   ===================================================================== */
@media screen and (min-width: 768px){
.menu.superior .nivel-um > li { padding-left: 5px !important; padding-right: 5px !important; }
.menu.superior .nivel-um > li > a strong { letter-spacing: .02em !important; font-size: 15px !important; }
.menu.superior .nivel-um > li > a { display: inline-flex !important; align-items: center; }
.menu.superior .nivel-um > li > a:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  flex: none;
}
.menu.superior .nivel-um > li.categoria-id-24375209 > a:before { background-image: url(https://cdn.awsli.com.br/1655/1655674/arquivos/1-incenso.png); }
.menu.superior .nivel-um > li.categoria-id-24370681 > a:before { background-image: url(https://cdn.awsli.com.br/1655/1655674/arquivos/2-fonte.png); }
.menu.superior .nivel-um > li.categoria-id-11679930 > a:before { background-image: url(https://cdn.awsli.com.br/1655/1655674/arquivos/3-vela.png); }
.menu.superior .nivel-um > li.categoria-id-16935319 > a:before { background-image: url(https://cdn.awsli.com.br/1655/1655674/arquivos/4-mandala.png); }
.menu.superior .nivel-um > li.categoria-id-13960998 > a:before { background-image: url(https://cdn.awsli.com.br/1655/1655674/arquivos/5-incensario.png); }
.menu.superior .nivel-um > li.categoria-id-24375225 > a:before { background-image: url(https://cdn.awsli.com.br/1655/1655674/arquivos/9-imagens.png); }
}

/* =====================================================================
   Rodape organizado em colunas
   Ordem: Sobre a loja | Institucional | Categorias | Fale com a gente
          (Sobre)      | Redes sociais | Pagamento  | Site protegido
   ===================================================================== */
#rodape { border-top: 4px solid #FFBBA8; }
#rodape .institucional { background: #FFF8F4 !important; padding: 48px 0 32px !important; }
#rodape .institucional > .conteiner > .row-fluid > .span9 { width: 100% !important; float: none !important; margin: 0 !important; }
#rodape .institucional > .conteiner > .row-fluid > .span3 { display: none !important; }
#rodape .institucional .span9 > .row-fluid {
  display: grid !important;
    grid-template-columns: 26% 19% 23% 23%;
  column-gap: 3%;
  row-gap: 32px;
}
#rodape .institucional .span9 > .row-fluid:before,
#rodape .institucional .span9 > .row-fluid:after { display: none !important; content: none !important; }
#rodape .institucional .span9 > .row-fluid > div { width: auto !important; margin: 0 !important; float: none !important; min-width: 0; text-align: left; }
#rodape .sobre-loja-rodape { display: block !important; order: 1; grid-row: span 2; }
#rodape .sobre-loja-rodape p { color: #5E5266 !important; font-size: 14px !important; line-height: 1.6 !important; }
#rodape .sobre-loja-rodape .logo { margin: 0 0 14px !important; }
#rodape .sobre-loja-rodape .logo img { max-width: 210px !important; height: auto !important; }
#rodape .links-rodape-paginas { order: 2; }
#rodape .links-rodape-categorias { order: 3; }
#rodape .contato-ev { display: block !important; order: 4; }
#rodape .redes-sociais { order: 5; }
#rodape .pagamento { order: 6; }
#rodape .selos { order: 7; }
#rodape .institucional .span9 > .row-fluid > .span12.visible-phone { display: none !important; }

#rodape .titulo {
  display: block !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: .02em !important;
  color: #5B1F8A !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 14px !important;
}
#rodape .redes-sociais .titulo { display: block !important; }
#rodape ul { margin: 0 !important; padding: 0 !important; }
#rodape .links-rodape li, #rodape .contato-ev li { margin: 0 0 8px !important; list-style: none; }
#rodape .links-rodape a, #rodape .contato-ev a {
  color: #5E5266 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  text-transform: none !important;
  word-break: normal !important;
  overflow-wrap: break-word;
}
#rodape .links-rodape a:hover, #rodape .contato-ev a:hover { color: #AB3DF5 !important; }
#rodape .links-rodape-categorias ul { columns: 2; column-gap: 20px; }
#rodape .contato-ev i { color: #AB3DF5; margin-right: 4px; }
#rodape .contato-ev .telefone-n, #rodape .contato-ev .whatsapp-n, #rodape .contato-ev .email-n { font-weight: 700; color: #2E2433; }
#rodape .redes-sociais .lista-redes ul { display: flex !important; gap: 10px; }
#rodape .redes-sociais .lista-redes li { margin: 0 !important; }
#rodape .redes-sociais .lista-redes a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50%;
  background: #FFE6DE;
  color: #5B1F8A !important;
  font-size: 18px;
}
#rodape .redes-sociais .lista-redes a:hover { background: #AB3DF5; color: #fff !important; }
#rodape .pagamento ul { display: flex !important; flex-wrap: wrap; gap: 6px; }
#seloEbit, #rodape .selos li:first-child { display: none !important; }
#rodape .selos li { background: transparent !important; }

@media screen and (max-width: 979px){
#rodape .institucional .span9 > .row-fluid { grid-template-columns: 48.5% 48.5%; column-gap: 3%; }
#rodape .sobre-loja-rodape { grid-row: auto; grid-column: span 2; }
}
@media screen and (max-width: 767px){
#rodape .institucional { padding: 32px 0 24px !important; }
#rodape .institucional .span9 > .row-fluid > div { text-align: center; }
#rodape .sobre-loja-rodape .logo img { margin: 0 auto; }
#rodape .links-rodape-categorias, #rodape .contato-ev, #rodape .pagamento, #rodape .selos { grid-column: span 2; }
#rodape .redes-sociais .lista-redes ul, #rodape .pagamento ul { justify-content: center; }
}

/* Evita rolagem lateral enquanto a janela muda de tamanho */
.conteiner-principal { overflow-x: hidden; }