/* =========================================================
   MARLUAH BRASIL | CSS COMPLETO SEGURO
   Estrutura nativa da Loja Integrada
   ========================================================= */

/* BASE */
body,
.corpo,
.conteudo,
.pagina-inicial {
  background: #ffffff;
  color: #1c1c1c;
  font-family: Arial, Helvetica, sans-serif;
}

a {
  transition: all 0.25s ease;
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}

/* CONTAINER */
.conteiner {
  max-width: 1180px;
}

/* =========================================================
   BARRA SUPERIOR
   ========================================================= */
.barra-inicial {
  background: #071a2b;
  border: none;
  box-shadow: none;
  padding-top: 6px;
  padding-bottom: 6px;
}

.barra-inicial * {
  color: #d7bf96 !important;
  font-size: 11px !important;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  font-weight: 600;
}

/* =========================================================
   CABEÇALHO
   ========================================================= */
#cabecalho {
  background: #f6f1e8;
  border: none;
  box-shadow: none;
}

#cabecalho .conteiner {
  padding-top: 14px;
  padding-bottom: 14px;
}

#cabecalho .logo a {
  text-decoration: none;
}

#cabecalho .busca input {
  border: 1px solid #ddd6ca;
  border-radius: 4px;
  box-shadow: none;
  background: #ffffff;
}

#cabecalho .busca input:focus {
  border-color: #0d1b2a;
  box-shadow: none;
}

#cabecalho .acoes-conta a,
#cabecalho .carrinho a,
#cabecalho .usuario a,
#cabecalho .atalho-menu {
  color: #0d1b2a !important;
}

/* =========================================================
   MENU SUPERIOR
   ========================================================= */
.menu.superior {
  background: #f6f1e8;
  border-top: 1px solid #ece4d8;
  border-bottom: 1px solid #ece4d8;
  box-shadow: none;
}

.menu.superior .nivel-um > li > a {
  color: #55606b;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  background: transparent !important;
}

.menu.superior .nivel-um > li:hover > a,
.menu.superior .nivel-um > li > a:hover {
  color: #0d1b2a !important;
  background: transparent !important;
}

.menu.superior .nivel-dois {
  border: 1px solid #eee4d5;
  box-shadow: none;
}

.menu.superior .nivel-dois a {
  color: #0d1b2a;
}

/* =========================================================
   BANNERS
   ========================================================= */
.secao-banners,
.banner,
.banner.cheio,
.banner.tarja,
.mini-banner {
  border: none;
  box-shadow: none;
}

.pagina-inicial .secao-banners,
.pagina-inicial .mini-banner,
.pagina-inicial .secao-vitrine,
.pagina-inicial .listagem {
  margin-bottom: 36px;
}

.banner img,
.banner.cheio img,
.banner.tarja img,
.mini-banner img {
  border-radius: 8px;
  box-shadow: none;
}

/* =========================================================
   TÍTULOS DE SEÇÃO
   ========================================================= */
.titulo,
.titulo.cor-secundaria,
.listagem .titulo-categoria,
.listagem h4.titulo,
.secao-vitrine .titulo,
.pagina-inicial .titulo {
  color: #0d1b2a !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 34px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  border: none !important;
  box-shadow: none !important;
}

/* =========================================================
   LISTAGEM / PRODUTOS
   ========================================================= */
.listagem {
  margin-top: 10px;
}

.listagem .listagem-item {
  background: #ffffff;
  border: none !important;
  box-shadow: none !important;
  padding-bottom: 18px;
}

.listagem .listagem-item:hover {
  box-shadow: none !important;
}

.listagem .produto-imagem {
  background: #f7f2ea;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: none;
}

.listagem .produto-imagem img {
  border-radius: 10px;
}

.listagem .nome-produto,
.listagem-item .nome-produto,
.nome-produto {
  color: #0d1b2a !important;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 500;
  min-height: auto;
}

.listagem .preco-produto,
.listagem .preco-promocional,
.listagem-item .preco-produto,
.preco-produto {
  color: #0d1b2a !important;
  font-size: 20px;
  font-weight: 700;
}

.listagem .preco-parcela,
.listagem .desconto-a-vista,
.preco-parcela {
  color: #7a7a7a !important;
  font-size: 12px;
}

/* Esconde SKU/código técnico */
.codigo-produto,
.sku,
.referencia,
.codigo,
.produto-info .codigo,
.produto .codigo {
  display: none !important;
}

/* =========================================================
   BOTÕES
   ========================================================= */
.botao,
.botao.principal,
.botao-comprar,
.botao-commerce,
.acao-editar .botao,
input.botao,
button.botao {
  background: #0d1b2a !important;
  border: 1px solid #0d1b2a !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-size: 12px;
  font-weight: 700;
}

.botao:hover,
.botao.principal:hover,
.botao-comprar:hover,
.botao-commerce:hover,
.acao-editar .botao:hover,
input.botao:hover,
button.botao:hover {
  background: #14263a !important;
  border-color: #14263a !important;
  color: #ffffff !important;
}

/* Links secundários em produtos */
.listagem .acoes-produto a,
.listagem .produto-sobrepor a {
  color: #0d1b2a !important;
}

/* =========================================================
   PÁGINA DE PRODUTO
   ========================================================= */
.produto .principal .nome-produto {
  color: #0d1b2a !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 34px;
  font-weight: 600;
}

.produto .preco-produto {
  color: #0d1b2a !important;
  font-size: 28px;
  font-weight: 700;
}

.produto .parcelas,
.produto .desconto-a-vista {
  color: #6f6f6f !important;
}

.produto .comprar .botao-comprar {
  width: 100%;
  min-height: 48px;
}

/* Abas e descrição */
.abas-custom .tab-content,
.produto .descricao,
.produto .descricao-completa {
  color: #444444;
  line-height: 1.7;
}

/* =========================================================
   RODAPÉ
   ========================================================= */
#rodape {
  background: #071a2b;
  border: none;
  box-shadow: none;
}

#rodape,
#rodape a,
#rodape p,
#rodape span,
#rodape li {
  color: rgba(255,255,255,0.88) !important;
}

#rodape .titulo {
  color: #ffffff !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
  font-weight: 600;
}

/* =========================================================
   WHATSAPP / ITENS FLUTUANTES
   ========================================================= */
.float-contact,
.whatsapp-fixo,
.atendimento-mobile,
.chat-widget,
.chat-widget-container {
  z-index: 9999;
}

/* =========================================================
   RESPONSIVO
   ========================================================= */
@media screen and (max-width: 768px) {
  .titulo,
  .titulo.cor-secundaria,
  .listagem .titulo-categoria,
  .listagem h4.titulo,
  .secao-vitrine .titulo,
  .pagina-inicial .titulo {
    font-size: 28px !important;
  }

  .menu.superior .nivel-um > li > a {
    font-size: 12px !important;
    letter-spacing: 0.5px;
  }

  .listagem .nome-produto,
  .listagem-item .nome-produto,
  .nome-produto {
    font-size: 14px !important;
  }

  .listagem .preco-produto,
  .listagem .preco-promocional,
  .listagem-item .preco-produto,
  .preco-produto {
    font-size: 18px !important;
  }

  .produto .principal .nome-produto {
    font-size: 28px !important;
  }

  .produto .preco-produto {
    font-size: 24px !important;
  }
}/* PILARES DA MARCA */
.marluah-pillars {
  background: #f7f3ec;
  padding: 48px 20px 56px;
}

.marluah-pillars-inner {
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}

.marluah-pillar {
  width: 31%;
  min-width: 260px;
  background: #ffffff;
  padding: 28px 24px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(13, 27, 42, 0.05);
}

.marluah-pillar-icon {
  font-size: 22px;
  color: #b89a6a;
  margin-bottom: 12px;
  line-height: 1;
}

.marluah-pillar h3 {
  margin: 0 0 10px 0;
  color: #0d1b2a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.1;
}

.marluah-pillar p {
  margin: 0;
  color: #6d6d6d;
  font-size: 15px;
  line-height: 1.7;
  font-family: Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 900px) {
  .marluah-pillar {
    width: 48%;
  }
}

@media screen and (max-width: 640px) {
  .marluah-pillars {
    padding: 38px 16px 44px;
  }

  .marluah-pillars-inner {
    gap: 16px;
  }

  .marluah-pillar {
    width: 100%;
    min-width: 100%;
    padding: 22px 18px;
  }

  .marluah-pillar h3 {
    font-size: 24px;
  }

  .marluah-pillar p {
    font-size: 14px;
  }
}.pagina-inicial .secao-vitrine .titulo {
  display: none !important;
}/* STORYTELLING DA MARCA */
.marluah-story {
  background: #ffffff;
  padding: 80px 20px;
}

.marluah-story-inner {
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px;
}

.marluah-story-image {
  width: calc(54% - 20px);
  min-width: 320px;
}

.marluah-story-image img {
  width: 100%;
  display: block;
  border-radius: 10px;
  object-fit: cover;
}

.marluah-story-content {
  width: calc(46% - 20px);
  min-width: 300px;
}

.marluah-story-kicker {
  display: inline-block;
  margin-bottom: 12px;
  color: #b89a6a;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
}

.marluah-story-content h2 {
  margin: 0 0 16px 0;
  color: #0d1b2a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.05;
}

.marluah-story-content p {
  margin: 0 0 16px 0;
  color: #666666;
  font-size: 16px;
  line-height: 1.8;
  font-family: Arial, Helvetica, sans-serif;
}

.marluah-story-btn {
  display: inline-block;
  margin-top: 8px;
  background: #0d1b2a;
  color: #ffffff !important;
  border: 1px solid #0d1b2a;
  padding: 14px 24px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  transition: all 0.28s ease;
}

.marluah-story-btn:hover {
  background: #14263a;
  border-color: #14263a;
  color: #ffffff !important;
}

@media screen and (max-width: 980px) {
  .marluah-story-content h2 {
    font-size: 38px;
  }
}

@media screen and (max-width: 640px) {
  .marluah-story {
    padding: 50px 16px;
  }

  .marluah-story-inner {
    gap: 24px;
  }

  .marluah-story-image,
  .marluah-story-content {
    width: 100%;
    min-width: 100%;
  }

  .marluah-story-content h2 {
    font-size: 32px;
  }

  .marluah-story-content p {
    font-size: 14px;
  }
}/* TARJA ANIMADA MARLUAH */

.marluah-tarja {
  width: 100%;
  background: #071a2b;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
  z-index: 999;
}

.marluah-tarja-track {
  display: flex;
  width: max-content;
  animation: marluah-scroll 25s linear infinite;
}

.marluah-tarja span {
  white-space: nowrap;
  color: #d9bf92;
  font-size: 12px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  margin-right: 60px;
}

/* ANIMAÇÃO */
@keyframes marluah-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}/* ===== HERO MARLUAH PREMIUM ===== */

.banner .conteiner {
  position: relative;
}

.banner .conteiner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(10, 30, 50, 0.85) 0%,
    rgba(10, 30, 50, 0.6) 40%,
    rgba(10, 30, 50, 0.2) 70%,
    transparent 100%
  );
  z-index: 1;
}

/* TEXTO DO BANNER */
.banner .texto-banner {
  position: absolute;
  top: 50%;
  left: 8%;
  transform: translateY(-50%);
  z-index: 2;
  max-width: 500px;
  color: #fff;
}

/* TÍTULO */
.banner .texto-banner h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: 58px;
  line-height: 1.1;
  font-weight: 500;
  margin-bottom: 20px;
}

/* DESCRIÇÃO */
.banner .texto-banner p {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  color: #ddd;
  margin-bottom: 25px;
}

/* BOTÕES */
.banner .texto-banner a {
  display: inline-block;
  padding: 12px 22px;
  margin-right: 10px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 3px;
  transition: 0.3s;
}

/* BOTÃO PRINCIPAL */
.banner .texto-banner a:first-child {
  background: #0a2540;
  color: #fff;
}

.banner .texto-banner a:first-child:hover {
  background: #133a5e;
}

/* BOTÃO SECUNDÁRIO */
.banner .texto-banner a:last-child {
  border: 1px solid #fff;
  color: #fff;
}

.banner .texto-banner a:last-child:hover {
  background: #fff;
  color: #000;
}

/* RESPONSIVO */
@media (max-width: 768px) {
  .banner .texto-banner {
    left: 5%;
    right: 5%;
    max-width: 100%;
  }

  .banner .texto-banner h2 {
    font-size: 34px;
  }
}
  
/* REMOVE ESPAÇOS EM BRANCO ENTRE BLOCOS */
.marluah-story,
.marluah-pillars,
.marluah-categories,
.marluah-colecao-destaque {
  margin-top: 0 !important;
}

.marluah-story {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.marluah-pillars {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.marluah-categories {
  padding-top: 20px !important;
  padding-bottom: 30px !important;
}

/* evita blocos vazios ocupando altura */
.marluah-story-image:empty,
.marluah-cat-item img[src=""],
.marluah-cat-item img:not([src]) {
  display: none !important;
}

.pagina-inicial .conteudo > div:empty {
  display: none !important;
}