@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root{
  --rl-preto:#111111;
  --rl-texto2:#5C544C;
  --rl-areia:#6E5A48;
  --rl-bege:#EFE7DD;
  --rl-bege-claro:#F5F0EA;
  --rl-borda:#E8E1D8;
  --rl-branco:#FFFFFF;
}

/* Base */
body, button, input, select, textarea,
.titulo, h1, h2, h3, h4, h5{
  font-family:'Plus Jakarta Sans', system-ui, sans-serif !important;
  color:var(--rl-preto);
}
body{ background:var(--rl-branco) !important; }
a{ color:var(--rl-preto); }
a:hover{ color:var(--rl-areia); }

/* Barra superior e cabeçalho */
.barra-inicial{ background:var(--rl-preto) !important; color:#fff !important; }
.barra-inicial a, .barra-inicial span{ color:#fff !important; }
#cabecalho{ background:var(--rl-branco) !important; border-bottom:1px solid var(--rl-borda); }

/* Busca arredondada */
#cabecalho .busca input,
.busca input[type="text"], .busca input[type="search"]{
  background:var(--rl-bege-claro) !important;
  border:1px solid var(--rl-borda) !important;
  border-radius:12px !important;
  min-height:44px; padding:0 14px !important;
  box-shadow:none !important;
}

/* Menu de categorias em "pílulas" */
.menu.superior{ background:var(--rl-branco) !important; border:0 !important; }
.menu.superior .nivel-um > li > a{
  background:var(--rl-bege-claro) !important;
  color:var(--rl-preto) !important;
  border-radius:999px !important;
  margin:6px 4px !important; padding:8px 16px !important;
  font-size:13px !important; font-weight:600 !important;
  text-transform:none !important; border:0 !important;
}
.menu.superior .nivel-um > li > a:hover{ background:var(--rl-bege) !important; }
.menu.superior .nivel-dois{ border-radius:14px; border:1px solid var(--rl-borda); box-shadow:0 10px 30px rgba(0,0,0,.08); }

/* Banners com cantos arredondados */
.secao-banners img, .banner img, .mini-banner img{ border-radius:20px; }

/* Títulos de seção */
.titulo-categoria, .vitrine .titulo, .titulo.cor-secundaria{
  font-weight:800 !important; letter-spacing:-.02em;
  color:var(--rl-preto) !important; border:0 !important;
  text-transform:none !important;
}

/* Cards de produto */
.listagem-item{
  background:#FAF7F3 !important;
  border:0 !important; border-radius:20px !important;
  padding:12px !important; transition:transform .2s ease;
}
.listagem-item:hover{ transform:translateY(-3px); }
.listagem-item .imagem-produto img{ border-radius:14px; }
.listagem-item .nome-produto{ font-weight:700 !important; font-size:16px !important; color:var(--rl-preto) !important; }
.preco-promocional, .preco-venda, .listagem-item .preco-produto strong{
  color:var(--rl-preto) !important; font-weight:800 !important;
}

/* Botões */
.botao, .botao.principal, .botao-comprar, button.botao{
  background:var(--rl-preto) !important;
  color:#fff !important; border:0 !important;
  border-radius:12px !important; text-shadow:none !important;
  box-shadow:none !important; min-height:44px;
  font-weight:700 !important; text-transform:none !important;
}
.botao:hover, .botao.principal:hover{ background:#333 !important; }

/* Newsletter */
.newsletter, .componente.newsletter{ background:var(--rl-bege-claro) !important; border:0 !important; border-radius:20px; }

/* Rodapé (claro) */
#rodape, #rodape .institucional, #rodape .pagamento-selos, #rodape .pagamento-selos > div{ background:var(--rl-bege-claro) !important; border:0 !important; }
#rodape, #rodape a, #rodape span, #rodape p, #rodape li{ color:#3D3631 !important; }
#rodape .titulo, #rodape h4, #rodape strong{ color:var(--rl-preto) !important; }
#rodape a:hover{ color:var(--rl-preto) !important; text-decoration:underline; }

/* ===== Seções novas (Parte 2) ===== */
.rl-wrap{ max-width:1200px; margin:0 auto; padding:0 16px; box-sizing:border-box; }
.rl-sec{ font-family:'Plus Jakarta Sans', system-ui, sans-serif; color:var(--rl-preto); }
.rl-sec *{ box-sizing:border-box; }
.rl-confianca{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px; margin:24px auto; }
.rl-confianca div{ display:flex; align-items:center; gap:10px; padding:16px; border-radius:16px; background:var(--rl-bege-claro); font-size:14px; font-weight:600; }
.rl-eyebrow{ font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--rl-areia); }
.rl-h2{ margin:6px 0 20px; font-size:34px; font-weight:800; letter-spacing:-.02em; line-height:1.1; }
.rl-pele{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
.rl-pele button{ min-height:44px; padding:0 18px; border-radius:999px; border:1px solid var(--rl-preto); background:#fff; color:var(--rl-preto); font:600 14px 'Plus Jakarta Sans',sans-serif; cursor:pointer; }
.rl-pele button[aria-pressed="true"]{ background:var(--rl-preto); color:#fff; }
.rl-passos{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:16px; }
.rl-passo{ border:1px solid var(--rl-borda); border-radius:20px; padding:24px; display:flex; flex-direction:column; gap:10px; }
.rl-num{ width:36px; height:36px; border-radius:999px; background:var(--rl-areia); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; }
.rl-passo strong{ font-size:19px; }
.rl-passo p{ margin:0; font-size:14px; line-height:1.6; color:var(--rl-texto2); }
.rl-passo a{ font-weight:700; color:var(--rl-areia); font-size:14px; }
.rl-consulta{ background:var(--rl-bege); border-radius:28px; padding:48px; margin:48px auto; display:flex; flex-wrap:wrap; gap:24px; align-items:center; justify-content:space-between; }
.rl-consulta p{ margin:0; font-size:16px; line-height:1.6; color:var(--rl-texto2); max-width:520px; }
.rl-btn{ display:inline-block; background:var(--rl-preto); color:#fff !important; padding:15px 26px; border-radius:12px; font-weight:700; text-decoration:none; }
.rl-whats{ position:fixed; right:20px; bottom:20px; z-index:9999; width:56px; height:56px; border-radius:999px; background:#1F7A4D; color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 18px rgba(0,0,0,.18); }
@media (max-width:760px){
  .rl-passos{ grid-template-columns:1fr !important; }
}
@media (max-width:600px){
  .rl-h2{ font-size:26px; }
  .rl-consulta{ padding:28px; }
}

/* ===== Cards inteiros clicáveis ===== */
/* O tema já tem um link invisível cobrindo o card, mas desativado. Aqui ele é ligado. */
.listagem-item{ cursor:pointer; }
.listagem-item a.produto-sobrepor{ pointer-events:auto !important; }
.listagem-item .add-wishlist, .listagem-item .acoes-produto{ z-index:20 !important; }
a.rl-passo, a.rl-consulta{ text-decoration:none !important; color:var(--rl-preto) !important; cursor:pointer; transition:transform .2s ease, box-shadow .2s ease; }
a.rl-passo:hover, a.rl-consulta:hover{ transform:translateY(-3px); box-shadow:0 10px 24px rgba(0,0,0,.08); }
.rl-txt{ display:block; font-size:14px; line-height:1.6; color:var(--rl-texto2); }
.rl-consulta .rl-txt{ font-size:16px; max-width:520px; }
.rl-ver{ font-weight:700; color:var(--rl-areia); font-size:14px; }

/* ===== Ícones do tema (não deixar a fonte nova apagar) ===== */
[class^="icon-"], [class*=" icon-"], [class^="icon-"]::before, [class*=" icon-"]::before{ font-family:FontAwesome !important; }

/* ===== Campo de busca ===== */
header form{ display:flex !important; align-items:center; background:var(--rl-bege-claro); border:1px solid var(--rl-borda); border-radius:12px; padding:0 6px 0 14px; }
header form input[name="q"]{ background:transparent !important; border:0 !important; box-shadow:none !important; min-height:42px; font-size:14px !important; }
header .botao-busca{ background:transparent !important; color:var(--rl-preto) !important; width:40px !important; min-height:40px !important; height:40px !important; border-radius:8px !important; }
header .botao-busca:hover{ background:var(--rl-bege) !important; }

/* ===== Cabeçalho em 2 linhas (computador) ===== */
/* Linha 1: logo à esquerda, busca/conta/carrinho à direita. Linha 2: menu centralizado. */
@media (min-width: 980px){
  header > .container{ max-width:1240px; margin:0 auto; padding:14px 24px 6px !important; box-sizing:border-box; }
  header > .container > .row-flex{ flex-wrap:wrap !important; align-items:center; }
  header > .container > .row-flex > .col-auto:first-child,
  header > .container > .row-flex > .col-auto:first-child > .row-flex{ display:contents !important; }
  header .g_logo{ order:1; }
  header .g_logo img{ max-height:70px; width:auto; }
  header > .container > .row-flex > .col-auto:last-child{ order:2; margin-left:auto; }
  header > .container > .row-flex > .col-auto:first-child > .row-flex > .col-auto:last-child{
    order:3; flex:0 0 100%; max-width:100%; display:flex; justify-content:center;
    border-top:1px solid var(--rl-borda); margin-top:10px; padding-top:6px;
  }
  header .menu.superior .nivel-um{ display:flex !important; flex-wrap:wrap; justify-content:center; gap:6px; }
  header .menu.superior .nivel-um > li{ float:none !important; padding:6px 0 !important; }
  header .menu.superior .nivel-um > li > a{ margin:0 !important; padding:8px 14px !important; white-space:nowrap; }
  header .search-desktop-container{ flex-wrap:nowrap !important; gap:12px; }
  header #search-form{ width:280px; flex:0 0 280px; }
}