/* ============================================
   VISUAL GOOGLE-INSPIRED - LOJA INTEGRADA
   ============================================ */

/* --- TIPOGRAFIA --- */
body {
  font-family: 'Raleway', 'Inter', 'Segoe UI', Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.titulo,
.produto-titulo {
  font-weight: 500 !important;
  letter-spacing: -0.2px !important;
}

/* Nome do Produto nas Vitrines */
.info-produto .nome-produto,
.info-produto a.nome-produto,
a.nome-produto.cor-secundaria {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #202124 !important;
  line-height: 1.35 !important;
  display: block !important;
  margin-top: 10px !important;
  margin-bottom: 8px !important;
  text-decoration: none !important;
  white-space: normal !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  line-clamp: 2 !important;
}

/* --- BORDAS UNIFICADAS EM 12PX --- */
.produto-lista .produto,
.listagem .produto,
.listagem .listagem-item,
.vitrine .produto-item,
.banner-principal,
.flexslider,
.flexslider .slides img,
.mini-banner,
.mini-banner img,
.banner-lateral,
.conteiner,
.secao,
.caixa,
.box-info,
.secao-conteudo,
#rodape,
.rodape {
  border-radius: 12px !important;
}

/* Cards de produto */
.produto-lista .produto,
.listagem .produto,
.listagem .listagem-item,
.vitrine .produto-item {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
  transition: box-shadow 0.3s ease, transform 0.2s ease !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  overflow: hidden !important;
}

.produto-lista .produto:hover,
.listagem .produto:hover,
.listagem .listagem-item:hover,
.vitrine .produto-item:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
  transform: translateY(-2px);
}

/* --- IMAGENS (QUADRADAS 1:1 E BORDAS 12PX) --- */
.listagem .imagem-produto,
.componente-produto .imagem-produto,
.produto-lista .imagem-produto,
.listagem-item .imagem-produto,
.vitrine .produto-item .imagem-produto,
.imagem-produto {
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
  overflow: hidden !important;
  border-radius: 12px !important;
}

.listagem .imagem-produto img,
.componente-produto img,
.imagem-produto img,
.listagem-item img,
.pagina-produto .principal .imagem-produto img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 12px !important;
}

/* --- BOTÕES (base estrutural: forma, sombra, espaçamento) --- */
.botao.principal,
.btn-comprar,
.produto .botao {
  border-radius: 24px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
  transition: box-shadow 0.3s ease, background-color 0.2s ease !important;
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
  padding: 10px 24px !important;
}

.botao.principal:hover,
.btn-comprar:hover,
.produto .botao:hover {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15) !important;
}

/* --- HEADER / CABEÇALHO --- DESATIVADO
#cabecalho,
.cabecalho {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
  border-bottom: none !important;
}
*/

.g_ header {
  margin-bottom: 0 !important;
}

#cabecalho .busca input,
.barra-busca input {
  border-radius: 24px !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  padding: 10px 20px !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.search-desktop-container {
  display: none !important;
}

/* --- TÍTULOS DE CATEGORIA NA VITRINE (base estrutural) --- */
.titulo-secao,
.vitrine-titulo,
.categoria-titulo,
.listagem h2,
.secao-titulo {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #202124 !important;
  letter-spacing: -0.3px !important;
  text-transform: none !important;
  background: transparent !important;
  border: none !important;
  padding: 0 0 8px 0 !important;
  margin-bottom: 16px !important;
}

.titulo-secao span,
.vitrine-titulo span,
.categoria-titulo span {
  background: transparent !important;
  padding: 0 !important;
}

.titulo-secao::after,
.vitrine-titulo::after,
.categoria-titulo::after {
  content: "" !important;
  display: block !important;
  width: 40px !important;
  height: 3px !important;
  border-radius: 2px !important;
  margin-top: 6px !important;
}

.titulo-secao-container,
.secao-header,
.vitrine-header {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* --- OCULTAR ELEMENTOS ESPECÍFICOS SOLICITADOS --- */

/* 1. Código do Produto (SKU) */
.pagina-produto .codigo-produto,
.codigo-produto,
.produto-codigo,
span[itemprop="sku"] {
  display: none !important;
}

/* 2. Lista de Desejos */
.pagina-produto .favoritos-adicionar,
.pagina-produto .adicionar-favoritos,
.pagina-produto .lista-desejos,
.pagina-produto .favorito-produto,
.pagina-produto .adicionar-lista-desejos,
.pagina-produto a[data-acao="favorito"],
.pagina-produto .favoritos,
.product-functions a[href*="/conta/favorito/"] {
  display: none !important;
}

/* 3. Formas de Pagamento */
.pagina-produto .formas-pagamento,
.pagina-produto .meios-pagamento,
.pagina-produto .link-meios-pagamento,
.pagina-produto .formas-pagamento-link,
.pagina-produto .abrir-meios-pagamento,
.pagina-produto a[href*="meios-pagamento"],
.product-functions a.toggle-payments {
  display: none !important;
}

/* 4. Texto "Para mais informações..." (telefone + Fale Conosco) */
.produto-mais-info {
  display: none !important;
}

/* 5. Barra de filtro/ordenação nas páginas de categoria */
.ordenar-listagem.topo.borda-alpha {
  display: none !important;
}

/* --- FORMATAÇÃO DA DESCRIÇÃO DO PRODUTO --- */

.g_ .abas-custom #descricao h3 {
  font-size: 19px !important;
  font-weight: 600 !important;
  color: #202124 !important;
  line-height: 1.3 !important;
  margin-top: 28px !important;
  margin-bottom: 12px !important;
  letter-spacing: -0.2px !important;
}

.g_ .abas-custom #descricao h3:first-child {
  margin-top: 0 !important;
}

.g_ .abas-custom #descricao h4 {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #202124 !important;
  line-height: 1.3 !important;
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}

.g_ .abas-custom #descricao p {
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin-bottom: 14px !important;
}

.g_ .abas-custom #descricao ul {
  margin: 12px 0 20px 0 !important;
  padding-left: 20px !important;
}

.g_ .abas-custom #descricao ul li {
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin-bottom: 8px !important;
}

.g_ .abas-custom #descricao ul li p {
  margin-bottom: 0 !important;
  display: inline !important;
}

.g_ .abas-custom #descricao strong,
.g_ .abas-custom #descricao b {
  font-weight: 600 !important;
  color: #202124 !important;
}

.g_ .abas-custom #descricao em,
.g_ .abas-custom #descricao i {
  font-style: italic !important;
}

/* Corrige o texto do botão do WhatsApp que a descrição estava sobrescrevendo */
.g_ .abas-custom #descricao .custom-whatsapp-btn,
.g_ .abas-custom #descricao .custom-whatsapp-btn * {
  color: #FFFFFF !important;
}

/* ============================================
   GRID MOBILE EM 2 COLUNAS
   ============================================ */

@media (max-width: 767px) {
  .listagem .span4 {
    width: 48% !important;
    float: left !important;
    margin-right: 4% !important;
  }

  .listagem .span4:nth-child(2n) {
    margin-right: 0 !important;
  }

  .listagem .imagem-produto {
    height: auto !important;
  }
}

@media (max-width: 767px) {
  .g_ .listagem-item .acoes-produto a {
    padding: 0 16px !important;
    line-height: 32px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 767px) {
  .aproveite-tambem .span3 {
    width: 48% !important;
    float: left !important;
    margin-right: 4% !important;
  }

  .aproveite-tambem .span3:nth-child(2n) {
    margin-right: 0 !important;
  }

  .aproveite-tambem .imagem-produto {
    height: auto !important;
  }
}

/* ============================================
   BANNER PRINCIPAL 100% DA TELA (sem afetar mini-banners)
   ============================================ */

.secao-banners .row-fluid.banner.cheio {
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  width: 100vw !important;
  max-width: 100vw !important;
}

/* ============================================
   PALETA DE CORES DA MARCA (fica por último para
   sempre vencer qualquer regra de cor anterior)
   ============================================ */

/* Fundo geral do site */
body {
  background-color: #F1F6F4 !important;
}

/* Títulos e textos principais */
h1, h2, h3, h4, h5, h6 {
  color: #114C5A !important;
}

/* Nome do produto: hover em dourado */
.info-produto a.nome-produto:hover,
a.nome-produto.cor-secundaria:hover {
  color: #DAA112 !important;
}

/* Botões: teal com hover dourado */
.botao.principal,
.btn-comprar,
.produto .botao,
.g_ .listagem-item .acoes-produto a {
  background-color: #114C5A !important;
  border-color: #114C5A !important;
  color: #F1F6F4 !important;
}

.botao.principal:hover,
.btn-comprar:hover,
.produto .botao:hover,
.g_ .listagem-item .acoes-produto a:hover {
  background-color: #0c3540 !important;
  border-color: #0c3540 !important;
  color: #F1F6F4 !important;
}

/* Botão "Ver Mais" dos cards de produto (seletor reforçado) */
.g_ .listagem-item .acoes-produto a.botao.botao-comprar.principal {
  background-color: #114C5A !important;
  border-color: #114C5A !important;
  color: #F1F6F4 !important;
}

.g_ .listagem-item .acoes-produto a.botao.botao-comprar.principal:hover {
  background-color: #0c3540 !important;
  border-color: #0c3540 !important;
  color: #F1F6F4 !important;
}

/* Linha decorativa sob títulos de categoria: dourado */
.titulo-secao::after,
.vitrine-titulo::after,
.categoria-titulo::after {
  background-color: #DAA112 !important;
}

/* Busca: foco em dourado */
#cabecalho .busca input:focus,
.barra-busca input:focus {
  border-color: #DAA112 !important;
  box-shadow: 0 0 0 3px rgba(218, 161, 18, 0.15) !important;
  outline: none !important;
}

/* Rodapé: teal escuro (seletor reforçado para vencer qualquer regra antiga) */
#rodape .institucional.fundo-secundario,
#rodape .institucional.fundo-secundario.fundo-secundario {
  background-color: #10383A !important;
}

#rodape .institucional h5,
#rodape .institucional a,
#rodape .institucional p,
#rodape .institucional li {
  color: #F1F6F4 !important;
}

#rodape .institucional a:hover {
  color: #DAA112 !important;
}

/* Título do Hero: manter branco (não deve seguir a regra geral de h1) */
#bloco-hero-topo h1 {
  color: #ffffff !important;
}

/* Título do CTA WhatsApp: manter branco (não deve seguir a regra geral de h2) */
#bloco-cta-whatsapp h2 {
  color: #F1F6F4 !important;
}

.add-wishlist {
  display: none !important;
}