/* =========================================================
   ESPÍRITO VELHO - CSS PREMIUM FINAL (VERSÃO COMPATÍVEL)
   Dark • Vintage • Colecionáveis • Estável Loja Integrada
   ========================================================= */

/* BASE */
html,
body,
#corpo,
.conteiner-principal,
.secao-principal,
.pagina-inicial,
.conteudo,
.listagem,
.vitrine,
.produtos-carrossel {
  background: #080705 !important;
  color: #fff8ed !important;
}

.conteiner,
.container {
  max-width: 1180px !important;
}

/* CABEÇALHO */
#cabecalho,
.cabecalho,
.menu.superior,
.conteiner-principal .conteiner {
  background: #080705 !important;
}

#cabecalho a,
.cabecalho a,
.menu.superior a,
.menu.superior .titulo {
  color: #fff8ed !important;
}

#cabecalho a:hover,
.menu.superior a:hover {
  color: #c99645 !important;
}

/* REMOVE FAIXAS CLARAS/DO TEMA */
.barra-inicial,
.barra-topo,
.superior,
#barraTopo,
.topo {
  background: #080705 !important;
}

/* BUSCA */
.busca input,
.busca input[type="text"] {
  background: #15120f !important;
  color: #fff8ed !important;
  border: 1px solid #c99645 !important;
  border-radius: 8px !important;
}

.busca input::placeholder {
  color: #c9b99e !important;
}

/* LINKS */
a,
a:visited {
  color: #f3eadc !important;
}

a:hover {
  color: #c99645 !important;
}

/* BOTÕES */
.botao,
.btn,
button,
input[type="submit"] {
  background: #c99645 !important;
  color: #120b06 !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .4px !important;
}

.botao:hover,
.btn:hover,
button:hover,
input[type="submit"]:hover {
  filter: brightness(1.08) !important;
  transform: translateY(-1px) !important;
}

/* TÍTULOS */
h1, h2, h3,
.titulo,
.titulo-categoria,
.listagem .titulo-categoria,
.vitrine .titulo {
  color: #fff8ed !important;
  font-family: Georgia, "Times New Roman", serif !important;
  letter-spacing: -.3px !important;
}

.listagem h4,
.listagem .titulo,
.listagem .titulo-categoria,
.titulo-categoria {
  color: #fff8ed !important;
  font-size: 30px !important;
  border-bottom: 1px solid #2b1a0f !important;
  padding-bottom: 14px !important;
  margin-top: 36px !important;
  margin-bottom: 24px !important;
}

/* VITRINE PREMIUM CLEAN */
.listagem .listagem-linha,
.listagem ul {
  margin-top: 22px !important;
}

.listagem .listagem-item {
  background: #11100d !important;
  border: 1px solid #2b1a0f !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 45px #000000 !important;
  transition: .25s ease !important;
  padding: 12px !important;
  text-align: left !important;
}

.listagem .listagem-item:hover {
  transform: translateY(-5px) !important;
  border-color: #c99645 !important;
}

/* IMAGEM PRODUTO */
.listagem .listagem-item .imagem-produto,
.listagem-item .imagem-produto {
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #fff !important;
  margin-bottom: 12px !important;
}

.listagem .listagem-item .imagem-produto img,
.listagem-item .imagem-produto img {
  border-radius: 12px !important;
  object-fit: contain !important;
}

/* NOME E PREÇO */
.listagem .listagem-item .nome-produto,
.nome-produto {
  color: #fff8ed !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.listagem .listagem-item .preco-produto,
.preco-produto,
.preco-promocional {
  color: #c99645 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

/* REMOVE BOTÃO INTERNO SE POLUIR */
.listagem-item .acoes-produto {
  display: none !important;
}

/* BANDEIRAS */
.bandeiras-produto span,
.bandeira-promocao,
.bandeira-frete-gratis {
  background: #c99645 !important;
  color: #120b06 !important;
  border-radius: 6px !important;
}

/* TARJA / BENEFÍCIOS */
.tarja,
.vantagens,
.barra-inicial,
.barra-topo {
  background: #f3eadc !important;
  color: #120b06 !important;
}

.tarja *,
.vantagens *,
.barra-inicial *,
.barra-topo * {
  color: #120b06 !important;
}

/* BANNERS */
.banner,
.banner-mini,
.mini-banner {
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* OFERTAS BUGADAS / DUPLICADAS */
.ofertas,
.ofertas-especiais,
#ofertas,
.timer-oferta,
.contador-oferta {
  position: relative !important;
  z-index: 1 !important;
}

.ofertas + .ofertas,
.timer-oferta + .timer-oferta {
  display: none !important;
}

/* NEWSLETTER */
.newsletter,
.newsletter-cadastro,
.caixa-newsletter,
#barraNewsletter {
  background: #11100d !important;
  color: #fff8ed !important;
  border: 1px solid #2b1a0f !important;
  border-radius: 12px !important;
  padding: 20px !important;
}

.newsletter input,
.newsletter-cadastro input {
  background: #fff8ed !important;
  color: #120b06 !important;
  border-radius: 8px !important;
}

/* RODAPÉ */
#rodape,
.rodape {
  background: #080705 !important;
  color: #f3eadc !important;
  border-top: 1px solid #2b1a0f !important;
}

#rodape .conteiner,
.rodape .conteiner {
  background: #080705 !important;
}

#rodape .titulo,
.rodape .titulo,
#rodape h3,
.rodape h3 {
  color: #c99645 !important;
  font-family: Georgia, "Times New Roman", serif !important;
}

#rodape a,
.rodape a,
#rodape p,
.rodape p,
#rodape li,
.rodape li,
#rodape span,
.rodape span {
  color: #f3eadc !important;
}

#rodape a:hover,
.rodape a:hover {
  color: #c99645 !important;
}

/* WHATSAPP */
.whatsapp-fixo,
.botao-whatsapp,
.suporte-flutuante {
  background: #25d366 !important;
  border-radius: 50px !important;
}

/* PÁGINA DE PRODUTO */
.produto,
.produto-detalhes,
.info-principal-produto {
  background: #11100d !important;
  color: #fff8ed !important;
}

.produto .nome-produto,
.produto h1 {
  color: #fff8ed !important;
}

.produto .preco-promocional,
.produto .preco-produto {
  color: #c99645 !important;
}

.abas-custom .tab-content,
.descricao-produto,
.produto-descricao {
  background: #15110d !important;
  color: #f3eadc !important;
  border-radius: 12px !important;
  padding: 20px !important;
}

/* =========================================================
   HERO / PRÉ-CAPA PREMIUM RÁPIDA
   ========================================================= */

.ev-hero-final {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 999999 !important;
  background-color: #080705 !important;
  background-image: url("https://cdn.awsli.com.br/1540/1540118/arquivos/fundo-hero-site.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  opacity: 0;
  transform: scale(1.02) !important;
  filter: brightness(.85) !important;
  transition: opacity .35s ease, transform .55s ease, filter .4s ease !important;
}

.ev-hero-final--ativo {
  opacity: 1 !important;
  transform: scale(1) !important;
  filter: brightness(1) !important;
}

.ev-hero-final--saindo {
  opacity: 0 !important;
  transform: scale(.99) !important;
  filter: brightness(.75) !important;
  transition: opacity .3s ease, transform .3s ease, filter .3s ease !important;
}

.ev-hero-final__overlay {
  position: absolute !important;
  inset: 0 !important;
  background: #080705 !important;
  opacity: .50 !important;
  z-index: 1 !important;
}

.ev-hero-final__inner {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 60px 8% !important;
}

.ev-hero-final__texto {
  max-width: 620px !important;
}

.ev-hero-final__texto span,
.ev-hero-final__texto h1,
.ev-hero-final__texto p,
.ev-hero-final__botoes {
  opacity: 0 !important;
  transform: translateY(16px) !important;
}

.ev-hero-final--ativo .ev-hero-final__texto span {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: all .32s ease .08s !important;
}

.ev-hero-final--ativo .ev-hero-final__texto h1 {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: all .38s ease .16s !important;
}

.ev-hero-final--ativo .ev-hero-final__texto p {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: all .38s ease .24s !important;
}

.ev-hero-final--ativo .ev-hero-final__botoes {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: all .38s ease .32s !important;
}

.ev-hero-final__texto span {
  display: block !important;
  color: #c99645 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 3px !important;
  margin-bottom: 18px !important;
}

.ev-hero-final__texto h1 {
  font-family: Georgia, "Times New Roman", serif !important;
  color: #fff8ed !important;
  font-size: 66px !important;
  line-height: 1.02 !important;
  margin: 0 0 22px 0 !important;
  font-weight: 700 !important;
}

.ev-hero-final__texto p {
  color: #f3eadc !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
  max-width: 520px !important;
  margin-bottom: 30px !important;
}

.ev-hero-final__botoes {
  display: flex !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

.ev-hero-final__btn,
.ev-hero-final__btn:visited,
.ev-hero-final__btn:hover {
  display: inline-block !important;
  padding: 15px 26px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  letter-spacing: .4px !important;
}

.ev-hero-final__btn--principal,
.ev-hero-final__btn--principal:visited {
  background: #c99645 !important;
  color: #120b06 !important;
  border: 1px solid #c99645 !important;
}

.ev-hero-final__btn--secundario,
.ev-hero-final__btn--secundario:visited {
  background: #080705 !important;
  color: #fff8ed !important;
  border: 1px solid #c99645 !important;
}

.ev-hero-final__btn:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.08) !important;
}

body.ev-pre-capa {
  overflow: hidden !important;
}

/* =========================================================
   FAIXA CATEGORIAS PREMIUM
   ========================================================= */

.ev-faixa {
  background: #f3eadc !important;
  padding: 28px 0 !important;
  border-top: 1px solid #d5cec4 !important;
  border-bottom: 1px solid #d5cec4 !important;
}

.ev-faixa-wrap {
  max-width: 1180px !important;
  margin: auto !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
}

.ev-item {
  min-width: 190px !important;
}

.ev-item span {
  color: #120b06 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
}

.ev-item p {
  color: #2b1a0f !important;
  font-size: 13px !important;
  margin-top: 4px !important;
}

/* =========================================================
   INSTAGRAM PREMIUM MANUAL
   ========================================================= */

.ev-instagram-premium {
  background: #080705 !important;
  padding: 55px 8% !important;
  border-top: 1px solid #2b1a0f !important;
}

.ev-instagram-topo {
  max-width: 1180px !important;
  margin: 0 auto 26px auto !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: end !important;
  gap: 20px !important;
}

.ev-instagram-topo span {
  color: #c99645 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 2px !important;
}

.ev-instagram-topo h2 {
  color: #fff8ed !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 32px !important;
  margin: 8px 0 0 !important;
}

.ev-instagram-topo a {
  color: #c99645 !important;
  border: 1px solid #c99645 !important;
  border-radius: 8px !important;
  padding: 12px 18px !important;
  text-decoration: none !important;
  font-weight: 800 !important;
}

.ev-instagram-grid {
  max-width: 1180px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

.ev-instagram-grid img {
  width: calc(25% - 12px) !important;
  height: 230px !important;
  object-fit: cover !important;
  border-radius: 14px !important;
  border: 1px solid #2b1a0f !important;
}

/* GARANTE CLIQUES */
body * {
  pointer-events: auto !important;
}

/* MOBILE */
@media (max-width: 768px) {
  .conteiner,
  .container {
    width: 94% !important;
  }

  h1, h2, h3,
  .titulo,
  .titulo-categoria {
    font-size: 24px !important;
  }

  .listagem .listagem-item {
    border-radius: 12px !important;
    margin-bottom: 18px !important;
  }

  .ev-hero-final {
    background-position: center right !important;
  }

  .ev-hero-final__inner {
    padding: 42px 24px !important;
  }

  .ev-hero-final__texto h1 {
    font-size: 42px !important;
  }

  .ev-hero-final__texto p {
    font-size: 15px !important;
  }

  .ev-hero-final__botoes {
    flex-direction: column !important;
  }

  .ev-hero-final__btn {
    width: 100% !important;
    text-align: center !important;
  }

  .ev-faixa-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 0 18px !important;
  }
  
  .ev-faixa-wrap .ev-item {
    width: calc(50% - 10px) !important;
  }

  .ev-instagram-topo {
    display: block !important;
  }

  .ev-instagram-topo h2 {
    font-size: 26px !important;
    margin-bottom: 18px !important;
  }

  .ev-instagram-grid img {
    width: calc(50% - 8px) !important;
    height: 160px !important;
  }
}