:root{ --wsc-textura:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 900 620%22 width=%22900%22 height=%22620%22%3E%3Cdefs%3E%3Cfilter id=%22s%22 x=%22-25%%22 y=%22-25%%22 width=%22150%%22 height=%22150%%22%3E%3CfeGaussianBlur stdDeviation=%2216.0%22/%3E%3C/filter%3E%3C/defs%3E%3Cg filter=%22url(%23s)%22%3E%3Cellipse cx=%22110%22 cy=%2258.0%22 rx=%2230.0%22 ry=%2280.6%22 fill=%22%23c9a355%22 opacity=%220.15%22 transform=%22rotate(-7.0 110 120)%22/%3E%3Cellipse cx=%22110%22 cy=%2258.0%22 rx=%2240.9%22 ry=%2268.3%22 fill=%22%23c9a355%22 opacity=%220.15%22 transform=%22rotate(66.5 110 120)%22/%3E%3Cellipse cx=%22110%22 cy=%2258.0%22 rx=%2231.8%22 ry=%2264.0%22 fill=%22%23c9a355%22 opacity=%220.15%22 transform=%22rotate(115.3 110 120)%22/%3E%3Cellipse cx=%22110%22 cy=%2258.0%22 rx=%2237.3%22 ry=%2279.0%22 fill=%22%23c9a355%22 opacity=%220.15%22 transform=%22rotate(182.1 110 120)%22/%3E%3Cellipse cx=%22110%22 cy=%2258.0%22 rx=%2236.4%22 ry=%2273.6%22 fill=%22%23c9a355%22 opacity=%220.15%22 transform=%22rotate(241.0 110 120)%22/%3E%3Cellipse cx=%22110%22 cy=%2258.0%22 rx=%2232.5%22 ry=%2262.1%22 fill=%22%23c9a355%22 opacity=%220.15%22 transform=%22rotate(296.2 110 120)%22/%3E%3Ccircle cx=%22110%22 cy=%22120%22 r=%2220.2%22 fill=%22%23c9a355%22 opacity=%220.20%22/%3E%3Cellipse cx=%22300%22 cy=%2218.0%22 rx=%2225.4%22 ry=%2254.6%22 fill=%22%23d4b26a%22 opacity=%220.11%22 transform=%22rotate(2.2 300 60)%22/%3E%3Cellipse cx=%22300%22 cy=%2218.0%22 rx=%2221.5%22 ry=%2246.3%22 fill=%22%23d4b26a%22 opacity=%220.11%22 transform=%22rotate(67.1 300 60)%22/%3E%3Cellipse cx=%22300%22 cy=%2218.0%22 rx=%2227.8%22 ry=%2243.3%22 fill=%22%23d4b26a%22 opacity=%220.11%22 transform=%22rotate(150.5 300 60)%22/%3E%3Cellipse cx=%22300%22 cy=%2218.0%22 rx=%2220.3%22 ry=%2253.5%22 fill=%22%23d4b26a%22 opacity=%220.11%22 transform=%22rotate(209.0 300 60)%22/%3E%3Cellipse cx=%22300%22 cy=%2218.0%22 rx=%2227.5%22 ry=%2249.9%22 fill=%22%23d4b26a%22 opacity=%220.11%22 transform=%22rotate(294.1 300 60)%22/%3E%3Ccircle cx=%22300%22 cy=%2260%22 r=%2213.7%22 fill=%22%23d4b26a%22 opacity=%220.16%22/%3E%3Cellipse cx=%2260%22 cy=%22326.0%22 rx=%2241.8%22 ry=%2296.2%22 fill=%22%23b08d45%22 opacity=%220.13%22 transform=%22rotate(-0.8 60 400)%22/%3E%3Cellipse cx=%2260%22 cy=%22326.0%22 rx=%2240.3%22 ry=%2281.5%22 fill=%22%23b08d45%22 opacity=%220.13%22 transform=%22rotate(57.7 60 400)%22/%3E%3Cellipse cx=%2260%22 cy=%22326.0%22 rx=%2247.3%22 ry=%2276.3%22 fill=%22%23b08d45%22 opacity=%220.13%22 transform=%22rotate(124.9 60 400)%22/%3E%3Cellipse cx=%2260%22 cy=%22326.0%22 rx=%2236.2%22 ry=%2294.3%22 fill=%22%23b08d45%22 opacity=%220.13%22 transform=%22rotate(173.4 60 400)%22/%3E%3Cellipse cx=%2260%22 cy=%22326.0%22 rx=%2249.3%22 ry=%2287.9%22 fill=%22%23b08d45%22 opacity=%220.13%22 transform=%22rotate(247.0 60 400)%22/%3E%3Cellipse cx=%2260%22 cy=%22326.0%22 rx=%2236.7%22 ry=%2274.1%22 fill=%22%23b08d45%22 opacity=%220.13%22 transform=%22rotate(294.0 60 400)%22/%3E%3Ccircle cx=%2260%22 cy=%22400%22 r=%2224.1%22 fill=%22%23b08d45%22 opacity=%220.18%22/%3E%3Cellipse cx=%22250%22 cy=%22296.0%22 rx=%2219.6%22 ry=%2244.2%22 fill=%22%23d4b26a%22 opacity=%220.10%22 transform=%22rotate(0.0 250 330)%22/%3E%3Cellipse cx=%22250%22 cy=%22296.0%22 rx=%2220.9%22 ry=%2237.5%22 fill=%22%23d4b26a%22 opacity=%220.10%22 transform=%22rotate(75.0 250 330)%22/%3E%3Cellipse cx=%22250%22 cy=%22296.0%22 rx=%2217.1%22 ry=%2235.1%22 fill=%22%23d4b26a%22 opacity=%220.10%22 transform=%22rotate(138.6 250 330)%22/%3E%3Cellipse cx=%22250%22 cy=%22296.0%22 rx=%2222.6%22 ry=%2243.3%22 fill=%22%23d4b26a%22 opacity=%220.10%22 transform=%22rotate(222.8 250 330)%22/%3E%3Cellipse cx=%22250%22 cy=%22296.0%22 rx=%2216.5%22 ry=%2240.4%22 fill=%22%23d4b26a%22 opacity=%220.10%22 transform=%22rotate(281.1 250 330)%22/%3E%3Ccircle cx=%22250%22 cy=%22330%22 r=%2211.0%22 fill=%22%23d4b26a%22 opacity=%220.15%22/%3E%3Cellipse cx=%22430%22 cy=%22426.0%22 rx=%2226.7%22 ry=%2270.2%22 fill=%22%23c9a355%22 opacity=%220.10%22 transform=%22rotate(-6.2 430 480)%22/%3E%3Cellipse cx=%22430%22 cy=%22426.0%22 rx=%2236.0%22 ry=%2259.5%22 fill=%22%23c9a355%22 opacity=%220.10%22 transform=%22rotate(67.0 430 480)%22/%3E%3Cellipse cx=%22430%22 cy=%22426.0%22 rx=%2226.5%22 ry=%2255.7%22 fill=%22%23c9a355%22 opacity=%220.10%22 transform=%22rotate(113.5 430 480)%22/%3E%3Cellipse cx=%22430%22 cy=%22426.0%22 rx=%2234.4%22 ry=%2268.8%22 fill=%22%23c9a355%22 opacity=%220.10%22 transform=%22rotate(184.7 430 480)%22/%3E%3Cellipse cx=%22430%22 cy=%22426.0%22 rx=%2229.6%22 ry=%2264.1%22 fill=%22%23c9a355%22 opacity=%220.10%22 transform=%22rotate(238.0 430 480)%22/%3E%3Cellipse cx=%22430%22 cy=%22426.0%22 rx=%2230.3%22 ry=%2254.0%22 fill=%22%23c9a355%22 opacity=%220.10%22 transform=%22rotate(299.0 430 480)%22/%3E%3Ccircle cx=%22430%22 cy=%22480%22 r=%2217.6%22 fill=%22%23c9a355%22 opacity=%220.15%22/%3E%3Cellipse cx=%22170%22 cy=%22534.0%22 rx=%2226.0%22 ry=%2259.8%22 fill=%22%23b08d45%22 opacity=%220.09%22 transform=%22rotate(-0.8 170 580)%22/%3E%3Cellipse cx=%22170%22 cy=%22534.0%22 rx=%2225.1%22 ry=%2250.7%22 fill=%22%23b08d45%22 opacity=%220.09%22 transform=%22rotate(69.7 170 580)%22/%3E%3Cellipse cx=%22170%22 cy=%22534.0%22 rx=%2229.4%22 ry=%2247.5%22 fill=%22%23b08d45%22 opacity=%220.09%22 transform=%22rotate(148.9 170 580)%22/%3E%3Cellipse cx=%22170%22 cy=%22534.0%22 rx=%2222.5%22 ry=%2258.6%22 fill=%22%23b08d45%22 opacity=%220.09%22 transform=%22rotate(209.4 170 580)%22/%3E%3Cellipse cx=%22170%22 cy=%22534.0%22 rx=%2230.7%22 ry=%2254.6%22 fill=%22%23b08d45%22 opacity=%220.09%22 transform=%22rotate(295.0 170 580)%22/%3E%3Ccircle cx=%22170%22 cy=%22580%22 r=%2214.9%22 fill=%22%23b08d45%22 opacity=%220.14%22/%3E%3Cellipse cx=%22390%22 cy=%22172.0%22 rx=%2218.6%22 ry=%2236.4%22 fill=%22%23c9a355%22 opacity=%220.08%22 transform=%22rotate(6.7 390 200)%22/%3E%3Cellipse cx=%22390%22 cy=%22172.0%22 rx=%2214.1%22 ry=%2230.8%22 fill=%22%23c9a355%22 opacity=%220.08%22 transform=%22rotate(66.7 390 200)%22/%3E%3Cellipse cx=%22390%22 cy=%22172.0%22 rx=%2217.1%22 ry=%2228.9%22 fill=%22%23c9a355%22 opacity=%220.08%22 transform=%22rotate(146.8 390 200)%22/%3E%3Cellipse cx=%22390%22 cy=%22172.0%22 rx=%2216.2%22 ry=%2235.7%22 fill=%22%23c9a355%22 opacity=%220.08%22 transform=%22rotate(216.2 390 200)%22/%3E%3Cellipse cx=%22390%22 cy=%22172.0%22 rx=%2214.9%22 ry=%2233.3%22 fill=%22%23c9a355%22 opacity=%220.08%22 transform=%22rotate(284.9 390 200)%22/%3E%3Ccircle cx=%22390%22 cy=%22200%22 r=%229.1%22 fill=%22%23c9a355%22 opacity=%220.13%22/%3E%3Cellipse cx=%22215%22 cy=%22175%22 rx=%2220.0%22 ry=%2265.0%22 fill=%22%23a37f39%22 opacity=%220.09%22 transform=%22rotate(34 215 175)%22/%3E%3Cellipse cx=%2230%22 cy=%22265%22 rx=%2216.8%22 ry=%2254.6%22 fill=%22%23a37f39%22 opacity=%220.08%22 transform=%22rotate(-22 30 265)%22/%3E%3Cellipse cx=%22350%22 cy=%22400%22 rx=%2218.4%22 ry=%2259.8%22 fill=%22%23a37f39%22 opacity=%220.08%22 transform=%22rotate(58 350 400)%22/%3E%3Cellipse cx=%22120%22 cy=%22495%22 rx=%2215.2%22 ry=%2249.4%22 fill=%22%23a37f39%22 opacity=%220.07%22 transform=%22rotate(-48 120 495)%22/%3E%3C/g%3E%3C/svg%3E"); }

/*
 * rodape.css — cabecalho e rodape das paginas internas + rodape da home.
 *
 * Este arquivo carrega em TODAS as paginas, inclusive na home. Por isso ele
 * NAO pode conter nenhum seletor global (*, html, body, a, img): esses ficam
 * so no style.css, que continua fora da home para nao mexer no que voce montou.
 *
 * A barra (.lbh-*) e a mesma que voce fez no bloco #lb-header da home, com o
 * escopo trocado de "#lb-header" para ".lbt-topo".
 */

/* o cabecalho do plugin ws-hero-header some nas internas: quem manda e a sua
   barra. Na home ele ja era escondido pelo ws-page-override. */
body:not(.home) .wshh-bar,
body:not(.home) .wshh-luxo{ display:none !important; }

/* ===================== SUA BARRA NAS PAGINAS INTERNAS ===================== */
.lbt-topo .lbh-bar{background:linear-gradient(90deg,var(--wsc-areia) 0%,var(--wsc-nude-q) 38%,#e3cf9f 72%,#d2b168 100%);
      display:flex; align-items:center; justify-content:center;
      gap:24px; padding:12px 34px;
      border-bottom:1px solid rgba(176,141,69,.28);}
.lbt-topo .lbh-marca{display:block; flex:0 0 auto;}
.lbt-topo .lbh-fly-wrap{display:inline-block;
      filter:drop-shadow(0 0 7px rgba(212,178,106,.85)) drop-shadow(0 0 18px rgba(212,178,106,.45));
      animation:lbtFly 3.6s ease-in-out infinite;}
.lbt-topo .lbh-marca-img{display:block !important; width:96px !important; height:96px !important;
      opacity:1 !important; visibility:visible !important;
      background:var(--wsc-logo) center/contain no-repeat !important;}
.lbt-topo .lbh-nav{display:flex; align-items:center; justify-content:center; flex:0 1 auto;
      gap:6px 22px; flex-wrap:wrap;}
.lbt-topo .lbh-nav a{color:#6b5323; text-decoration:none; text-transform:uppercase;
      font-size:.74rem; letter-spacing:.18em; font-weight:600;
      padding:6px 2px; border-bottom:1px solid transparent;
      transition:color .2s ease, border-color .2s ease;}
.lbt-topo .lbh-nav a:hover{color:#3a2f1f; border-bottom-color:#b08d45;}
.lbt-topo .lbh-cta{flex:0 0 auto; display:inline-block; padding:12px 30px; border-radius:999px;
      background:linear-gradient(135deg,var(--wsc-gold),var(--wsc-gold-d)); color:#fff !important;
      text-decoration:none !important; text-transform:uppercase; font-size:.74rem;
      letter-spacing:.16em; font-weight:700;
      box-shadow:0 4px 14px rgba(163,127,57,.45), 0 0 16px rgba(212,178,106,.65);
      animation:lbtGlow 2.8s ease-in-out infinite;
      transition:transform .2s ease, filter .2s ease;}
.lbt-topo .lbh-cta:hover{transform:translateY(-2px); filter:brightness(1.08);}

/* Nota: as regras de empilhar a barra (flex-direction:column / order:3) ficam
   SOMENTE dentro do @media (max-width:900px) la embaixo. Elas ja estiveram
   soltas aqui por engano e deixavam o cabecalho empilhado em qualquer largura. */

@keyframes lbtFly{
      0%,100%{ transform:translateY(0) rotate(0deg); }
      25%{ transform:translateY(-3px) rotate(-2.5deg); }
      50%{ transform:translateY(-5px) rotate(0deg); }
      75%{ transform:translateY(-2px) rotate(2.5deg); }
    }
@keyframes lbtGlow{
      0%,100%{ box-shadow:0 4px 14px rgba(163,127,57,.45), 0 0 12px rgba(212,178,106,.5); }
      50%{ box-shadow:0 4px 14px rgba(163,127,57,.5), 0 0 24px rgba(212,178,106,.9); }
    }
@media (max-width:900px){
      .lbt-topo .lbh-bar{ flex-direction:column; padding:16px 20px 18px; }
      .lbt-topo .lbh-nav{ order:3; }}

/* ==================================================================
   RODAPE NOVO (.lbf) — 27/07/2026
   Espelha a identidade do cabecalho montado na home pelo ws-page-builder
   (bloco #lb-header): mesmo degrade nude->dourado na faixa, mesmo painel
   suave do hero, mesma borboleta com brilho e voo, mesmas fontes e o
   mesmo botao dourado em pilula com glow pulsante.
   ================================================================== */

.lbf{
  /* largura total SEM usar 100vw: com margem negativa dos dois lados e
     width:auto o bloco preenche exatamente a largura da tela. O 100vw
     pode ser maior que a area visivel em alguns navegadores de celular,
     e era o que fazia a pagina balancar para o lado. */
  width:auto; max-width:none;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  font-family:'Montserrat',Arial,sans-serif; color:#2b2420;
}
.lbf *{ box-sizing:border-box; }

/* ---------- painel principal (mesmo degrade do hero da home) ---------- */
.lbf-painel{
  background:linear-gradient(160deg,var(--wsc-nude) 0%,var(--wsc-linha-c) 55%,var(--wsc-linha) 100%);
  border-top:1px solid rgba(176,141,69,.28);
  padding:64px 34px 56px;
}
.lbf-inner{
  max-width:1180px; margin:0 auto;
  display:grid; grid-template-columns:1.15fr .85fr 1fr; gap:52px; align-items:start;
}

/* ---------- coluna da marca ---------- */
.lbf-fly{
  display:inline-block; margin-bottom:14px;
  filter:drop-shadow(0 0 7px rgba(212,178,106,.85)) drop-shadow(0 0 18px rgba(212,178,106,.45));
  animation:lbfFly 3.6s ease-in-out infinite;
}
.lbf-marca{
  display:block !important; width:84px !important; height:84px !important;
  opacity:1 !important; visibility:visible !important;
  background:var(--wsc-logo) center/contain no-repeat !important;
}
@keyframes lbfFly{
  0%,100%{ transform:translateY(0) rotate(0deg); }
  25%{ transform:translateY(-3px) rotate(-2.5deg); }
  50%{ transform:translateY(-5px) rotate(0deg); }
  75%{ transform:translateY(-2px) rotate(2.5deg); }
}
.lbf-nome{
  font-family:'Cormorant Garamond',Georgia,serif; font-weight:500;
  font-size:2.1rem; line-height:1.1; color:#2b2420; margin:0 0 10px;
}
.lbf-nome em{ font-style:italic; color:#8a6d3b; }
.lbf-kicker{
  text-transform:uppercase; letter-spacing:.3em; font-size:.68rem; font-weight:600;
  color:#8a6d3b; border-bottom:1px solid rgba(138,109,59,.4);
  padding-bottom:8px; margin:0 0 18px; display:inline-block;
}
.lbf-tag{ font-size:.95rem; font-weight:300; line-height:1.8; color:#4d443c; margin:0 0 16px; }
.lbf-addr{ font-size:.9rem; font-weight:300; line-height:1.85; color:#4d443c; margin:0; }
.lbf-addr strong{ font-weight:600; color:#2b2420; }

/* ---------- titulos das colunas ---------- */
.lbf-titulo{
  font-family:'Cormorant Garamond',Georgia,serif; font-weight:500;
  font-size:1.5rem; color:#2b2420; margin:0 0 4px;
}
.lbf-sub{
  display:block; text-transform:uppercase; letter-spacing:.22em;
  font-size:.66rem; font-weight:600; color:#8a6d3b; margin-bottom:20px;
}

/* ---------- horarios ---------- */
.lbf-hrow{
  display:flex; justify-content:space-between; gap:16px;
  padding:11px 0; border-bottom:1px solid rgba(176,141,69,.25);
  font-size:.88rem;
}
.lbf-hday{ font-weight:300; color:#4d443c; }
.lbf-hval{ font-weight:600; color:#2b2420; white-space:nowrap; }
.lbf-fechado{ color:#8a6d3b; font-weight:500; font-style:italic; }
.lbf-nota{
  margin:16px 0 0; font-size:.76rem; font-weight:300; font-style:italic; color:#6b5323;
}

/* ---------- botao dourado (igual ao CTA do header da home) ---------- */
.lbf-cta{
  display:inline-block; padding:14px 32px; border-radius:999px;
  background:linear-gradient(135deg,var(--wsc-gold),var(--wsc-gold-d)); color:#fff !important;
  text-decoration:none !important; text-transform:uppercase;
  font-size:.74rem; letter-spacing:.16em; font-weight:700; text-align:center;
  box-shadow:0 4px 14px rgba(163,127,57,.45), 0 0 16px rgba(212,178,106,.65);
  animation:lbfGlow 2.8s ease-in-out infinite;
  transition:transform .2s ease, filter .2s ease;
  margin-bottom:20px;
}
.lbf-cta:hover{ transform:translateY(-2px); filter:brightness(1.08); }
@keyframes lbfGlow{
  0%,100%{ box-shadow:0 4px 14px rgba(163,127,57,.45), 0 0 12px rgba(212,178,106,.5); }
  50%{ box-shadow:0 4px 14px rgba(163,127,57,.5), 0 0 24px rgba(212,178,106,.9); }
}

/* ---------- botoes de contorno ---------- */
.lbf-btns{ display:flex; flex-wrap:wrap; gap:10px; }
.lbf-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 18px; border-radius:999px;
  background:rgba(255,255,255,.55); border:1px solid rgba(176,141,69,.5);
  color:#2b2420 !important; text-decoration:none !important;
  font-size:.75rem; letter-spacing:.06em; font-weight:500;
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}
.lbf-btn:hover{ background:#fff; border-color:#b08d45; transform:translateY(-2px); }
.lbf-ico{ font-size:.95rem; line-height:1; }

/* ---------- faixa inferior (mesmo degrade da barra do header) ---------- */
.lbf-barra{
  background:linear-gradient(90deg,var(--wsc-areia) 0%,var(--wsc-nude-q) 38%,#e3cf9f 72%,#d2b168 100%);
  border-top:1px solid rgba(176,141,69,.28);
  padding:22px 34px 26px;
}
.lbf-nav{
  display:flex; justify-content:center; align-items:center;
  flex-wrap:wrap; gap:8px 26px; margin-bottom:16px;
}
.lbf-nav a{
  color:#6b5323; text-decoration:none; text-transform:uppercase;
  font-size:.72rem; letter-spacing:.18em; font-weight:600;
  padding:6px 2px; border-bottom:1px solid transparent;
  transition:color .2s ease, border-color .2s ease;
}
.lbf-nav a:hover{ color:#3a2f1f; border-bottom-color:#b08d45; }
.lbf-legal{ text-align:center; }
.lbf-copy{ margin:0 0 4px; font-size:.76rem; font-weight:500; color:#3a2f1f; }
.lbf-assinatura{
  margin:0 0 8px; font-family:'Cormorant Garamond',Georgia,serif;
  font-style:italic; font-size:1rem; color:#6b5323;
}
.lbf-credito{ margin:0; font-size:.7rem; font-weight:300; color:#6b5323; }
.lbf-credito a{ color:#3a2f1f; text-decoration:none; border-bottom:1px solid rgba(176,141,69,.6); }
.lbf-credito a:hover{ color:#000; }

/* ---------- responsivo ---------- */
@media(max-width:980px){
  .lbf-inner{ grid-template-columns:1fr 1fr; gap:40px; }
  .lbf-col-marca{ grid-column:1 / -1; }
}
@media(max-width:640px){
  .lbf-painel{ padding:48px 22px 40px; }
  .lbf-inner{ grid-template-columns:1fr; gap:36px; }
  .lbf-nome{ font-size:1.8rem; }
  .lbf-cta{ display:block; width:100%; }
  .lbf-barra{ padding:20px 20px 24px; }
  .lbf-nav{ gap:6px 16px; }
  .lbf-nav a{ font-size:.68rem; letter-spacing:.14em; }
}

/* respeita quem prefere menos animacao */
@media(prefers-reduced-motion:reduce){
  .lbf-fly, .lbf-cta{ animation:none; }
}
.lbf-mail{ margin:10px 0 0; font-size:.85rem; font-weight:300; }
.lbf-mail a{ color:#6b5323; text-decoration:none; border-bottom:1px solid rgba(176,141,69,.5); }
.lbf-mail a:hover{ color:#3a2f1f; }

/* ==================================================================
   CARDS DE ARTIGO (.lbc) — 27/07/2026
   Composicao da referencia enviada: foto ocupando o card, veu em
   degrade subindo de baixo, titulo em caixa alta, subtitulo e botao
   em pilula. Cores da marca (nude/dourado).

   >>> PARA USAR O ROSA DA REFERENCIA: troque as duas cores de
   --lbc-veu-1 e --lbc-veu-2 abaixo (ex.: rgba(244,114,182,.72) e
   rgba(236,72,153,.96)) e --lbc-pill. Nada mais precisa mudar.
   ================================================================== */

.lbc-grid{
  --lbc-veu-1: rgba(163,127,57,.55);
  --lbc-veu-2: rgba(122,93,38,.96);
  --lbc-pill : linear-gradient(135deg,var(--wsc-gold),var(--wsc-gold-d));
  display:grid; gap:26px; grid-template-columns:repeat(3,1fr);
  max-width:1180px; margin:0 auto;
}
.lbc-grid-todos{ grid-template-columns:repeat(3,1fr); }

.lbc-card{
  position:relative; border-radius:20px; overflow:hidden;
  aspect-ratio:5/7; background:#e9e4da;
  box-shadow:0 12px 30px rgba(43,36,32,.16);
  transition:transform .28s ease, box-shadow .28s ease;
}
.lbc-card:hover{ transform:translateY(-6px); box-shadow:0 20px 44px rgba(43,36,32,.26); }
.lbc-link{ position:absolute; inset:0; display:block; text-decoration:none !important; color:#fff !important; }

.lbc-img{
  position:absolute; inset:0; display:block;
  background-size:cover; background-position:center;
  transition:transform .5s ease;
}
.lbc-card:hover .lbc-img{ transform:scale(1.05); }

/* sem foto destacada: fundo em degrade da marca, para o card nao ficar vazio */
.lbc-sem-foto{ background:linear-gradient(160deg,var(--wsc-nude) 0%,var(--wsc-linha-c) 55%,var(--wsc-linha) 100%); }

.lbc-veu{
  position:absolute; inset:0; display:block;
  background:linear-gradient(180deg,
     rgba(43,36,32,0) 28%,
     var(--lbc-veu-1) 58%,
     var(--lbc-veu-2) 100%);
}
.lbc-txt{
  position:absolute; left:0; right:0; bottom:0; display:block;
  padding:26px 24px 24px;
}
.lbc-titulo{
  display:block;
  font-family:'Cormorant Garamond',Georgia,serif; font-weight:600;
  text-transform:uppercase; letter-spacing:.03em; line-height:1.14;
  font-size:clamp(1.25rem,1.9vw,1.6rem); color:#fff;
  text-shadow:0 2px 10px rgba(43,36,32,.4);
  margin-bottom:8px;
}
.lbc-sub{
  display:block; font-family:'Montserrat',Arial,sans-serif;
  font-size:.76rem; font-weight:300; letter-spacing:.06em;
  color:rgba(255,255,255,.92); margin-bottom:16px;
}
.lbc-btn{
  display:inline-flex; align-items:center; gap:9px;
  padding:11px 24px; border-radius:999px;
  background:var(--lbc-pill); color:#fff;
  font-family:'Montserrat',Arial,sans-serif;
  text-transform:uppercase; font-size:.68rem; letter-spacing:.16em; font-weight:700;
  box-shadow:0 4px 14px rgba(43,36,32,.3);
  transition:transform .2s ease, filter .2s ease;
}
.lbc-card:hover .lbc-btn{ transform:translateX(3px); filter:brightness(1.08); }
.lbc-seta{ font-size:.9rem; line-height:1; }

/* ---------- bloco de sugestoes (home + post) ---------- */
.lbc-sugestoes{
  width:auto; max-width:none;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  background:linear-gradient(160deg,var(--wsc-areia) 0%,var(--wsc-paper) 60%,var(--wsc-nude-q) 100%);
  border-top:1px solid rgba(176,141,69,.22);
  padding:64px 34px 68px;
}
.lbc-sug-inner{ max-width:1180px; margin:0 auto; text-align:center; }
.lbc-sug-titulo{
  font-family:'Cormorant Garamond',Georgia,serif; font-weight:500;
  font-size:clamp(1.9rem,3.4vw,2.6rem); color:#2b2420; margin:0 0 6px;
}
.lbc-sug-sub{
  font-family:'Montserrat',Arial,sans-serif; font-style:italic;
  font-size:.9rem; font-weight:300; color:#8a6d3b; margin:0 0 34px;
}
.lbc-todos{
  display:inline-block; margin-top:34px; padding:14px 34px; border-radius:999px;
  background:#fff; border:1px solid rgba(176,141,69,.55);
  color:#6b5323 !important; text-decoration:none !important;
  font-family:'Montserrat',Arial,sans-serif;
  text-transform:uppercase; font-size:.72rem; letter-spacing:.16em; font-weight:600;
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}
.lbc-todos:hover{ background:#f8f3e9; border-color:#b08d45; transform:translateY(-2px); }

/* o bloco "Voce tambem pode gostar" do ws-blog-suggest sai de cena:
   estas sugestoes o substituem, com o estilo novo. Para traze-lo de
   volta, remova esta regra. */
#wsbs-widget{ display:none !important; }

/* ---------- responsivo dos cards ---------- */
@media(max-width:900px){
  .lbc-grid, .lbc-grid-todos{ grid-template-columns:repeat(2,1fr); gap:20px; }
  .lbc-sugestoes{ padding:52px 22px 56px; }
}
@media(max-width:600px){
  .lbc-grid, .lbc-grid-todos{ grid-template-columns:1fr; gap:22px; }
  .lbc-card{ aspect-ratio:4/5; }
  .lbc-txt{ padding:22px 20px 20px; }
}

/* titulos em duas cores tambem nos blocos que aparecem na home */
.lbc-sug-titulo .lbt-au,
.lbf-nome em{ color:#a37f39; }

/* ==================================================================
   CARROSSEL DE VIDEOS (plugin ws-video-gallery) — 27/07/2026

   O plugin monta o fundo com um degrade que termina em
   color-mix(--ws-kit-dark), e essa variavel esta em #a08040 no site.
   Resultado: o bloco descia para um marrom sujo, destoando de tudo.

   Aqui ele passa a usar o mesmo painel claro do bloco de sugestoes.
   Precisa de "html body" + !important porque o plugin injeta o
   <style> dele no corpo da pagina, depois desta folha.
   ================================================================== */

html body .wsvg-widget{
  --ws-kit-primary:#c9a355;
  background:linear-gradient(160deg,var(--wsc-areia) 0%,var(--wsc-paper) 58%,var(--wsc-nude-q) 100%) !important;
}

/*
 * Largura total.
 * O plugin trava o bloco em "max-width:1200px !important" numa regra
 * html body .wsvg-widget (especificidade 0,1,2) — por isso sobravam as
 * faixas claras dos lados. Acrescentando o "section" a especificidade
 * sobe para 0,1,3 e a nossa regra passa a valer.
 * O miolo (.wsvg-c) continua limitado a 1100px e centralizado: quem
 * passa a ocupar a tela toda e o fundo, como no bloco de sugestoes.
 */
html body section.wsvg-widget{
  width:auto !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  border-radius:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  border-top:1px solid rgba(176,141,69,.22) !important;
  border-bottom:1px solid rgba(176,141,69,.22) !important;
  box-shadow:none !important;
  padding-left:26px !important;
  padding-right:26px !important;
}
@media(max-width:680px){
  html body section.wsvg-widget{
    padding-left:14px !important; padding-right:14px !important;
    border-radius:0 !important; margin-top:0 !important;
  }
}
/* o brilho radial em cima do degrade tambem sujava o fundo */
html body .wsvg-widget::before{ background:none !important; }

html body .wsvg-widget h3{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-weight:500 !important; color:#2b2420 !important;
}
html body .wsvg-widget .wsvg-h .wsvg-sub,
html body .wsvg-widget .wsvg-sub{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-style:italic !important; color:#8a6d3b !important;
}
html body .wsvg-widget .wsvg-h::after{
  background:#c9a355 !important; opacity:.55 !important;
}

/* cards do carrossel: mesma pegada dos cards de artigo */
html body .wsvg-widget .wsvg-item{
  border-radius:16px !important;
  box-shadow:0 8px 22px rgba(43,36,32,.12) !important;
  transition:transform .25s ease, box-shadow .25s ease !important;
}
html body .wsvg-widget .wsvg-item:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 16px 34px rgba(43,36,32,.2) !important;
}
html body .wsvg-widget .wsvg-cap{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  color:#2b2420 !important; background:#fdfbf6 !important;
}
html body .wsvg-widget .wsvg-play{ background:rgba(43,36,32,.5) !important; }
html body .wsvg-widget .wsvg-item:hover .wsvg-play{ background:rgba(163,127,57,.88) !important; }

/* setas de navegacao na cor da marca */
html body .wsvg-widget .wsvg-nav button,
html body .wsvg-widget .wsvg-prev,
html body .wsvg-widget .wsvg-next{
  background:#fff !important; color:#a37f39 !important;
  border:1px solid rgba(176,141,69,.5) !important;
}
html body .wsvg-widget .wsvg-nav button:hover,
html body .wsvg-widget .wsvg-prev:hover,
html body .wsvg-widget .wsvg-next:hover{
  background:linear-gradient(135deg,var(--wsc-gold),var(--wsc-gold-d)) !important;
  color:#fff !important; border-color:#a37f39 !important;
}


/* ==================================================================
   TEXTURA DO HERO DA HOME — 27/07/2026

   Camada floral suave, tom sobre tom, atras do texto do hero — a mesma
   ideia da referencia enviada, mas em nude/dourado da marca em vez do rosa.

   Como funciona:
   - vai num ::before de #lb-header .lbh-hero, que o seu bloco nao usa
     (ele so define .lbh-photo:before), entao nao conflita com nada;
   - fica em z-index:0, abaixo da borboleta (.lbh-fly, z-index:1) e do
     texto (.lbh-hero-inner, z-index:2);
   - some para a direita com mask-image, para nao competir com a foto;
   - e um SVG embutido no proprio CSS: nenhuma requisicao a mais, e nao
     depende de upload de imagem nenhuma.

   Para tirar, basta apagar este bloco. O bloco do ws-page-builder
   continua exatamente como voce montou.
   ================================================================== */

#lb-header .lbh-hero::before{
  content:"";
  position:absolute; inset:0; z-index:0;
  pointer-events:none;
  background-image:var(--wsc-textura);
  background-repeat:no-repeat;
  background-position:left center;
  background-size:auto 118%;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 40%,transparent 78%);
          mask-image:linear-gradient(90deg,#000 0%,#000 40%,transparent 78%);
}

/* no celular o texto fica centralizado sobre o fundo: deixa mais fraca */
@media(max-width:900px){
  #lb-header .lbh-hero::before{
    background-size:auto 100%;
    opacity:.55;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 70%);
            mask-image:linear-gradient(180deg,#000 0%,transparent 70%);
  }
}

@media(prefers-reduced-motion:reduce){
  #lb-header .lbh-hero::before{ opacity:.7; }
}

/* Reforco: o bloco "Voce tambem pode gostar" do ws-blog-suggest.
   O plugin nao pode ser desativado pelo bridge (o endpoint responde ok
   mas nao desativa), entao ele fica escondido por CSS com a maior
   especificidade possivel, para vencer qualquer regra do proprio plugin. */
html body section#wsbs-widget,
html body #wsbs-widget,
html body [data-ws-section="blog-suggest"]{
  display:none !important;
  visibility:hidden !important;
  height:0 !important; overflow:hidden !important;
}

/* ==================================================================
   BOTAO FLUTUANTE DE WHATSAPP (plugin ws-floating-actions) — 27/07/2026

   Dois problemas resolvidos aqui:

   1) Nao aparecia na HOME. O ws-page-override esconde
      ".wsfa-fab, .wsfa-trigger, .floating-action, .ws-fab, .whatsapp-float"
      com display:none !important (especificidade 0,1,0). Acrescentando o
      elemento — html body button.wsfa-trigger — subimos para 0,1,3 e ele volta.

   2) O painel abria quase preto. O plugin pinta o fundo com
      var(--ws-kit-light) e essa variavel esta em #100100 no site (a paleta
      do kit esta trocada: "light" escuro e "dark" dourado). Aqui as
      variaveis sao corrigidas so dentro do widget.
   ================================================================== */

/* volta a aparecer na home */
html body button.wsfa-trigger,
html body .wsfa-trigger{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* paleta certa dentro do widget */
html body .wsfa-trigger,
html body .wsfa-modal,
html body .wsfa-modal__sheet{
  --ws-kit-primary:#c9a355;
  --ws-kit-dark:#2b2420;
  --ws-kit-light:#f4efe6;
  --ws-kit-muted:#6b6157;
  --ws-kit-surface:#fdfbf6;
}

/* botao flutuante nas cores da marca */
html body button.wsfa-trigger{
  background:linear-gradient(135deg,var(--wsc-gold),var(--wsc-gold-d)) !important;
  border:1px solid rgba(255,255,255,.35) !important;
  box-shadow:0 6px 20px rgba(163,127,57,.45) !important;
}
html body button.wsfa-trigger::before{ background:#c9a355 !important; opacity:.28 !important; }
html body button.wsfa-trigger::after{ box-shadow:0 0 0 0 rgba(201,163,85,.6) !important; }
html body button.wsfa-trigger svg{ color:#fff !important; }

/* painel: fundo claro da marca, no lugar do quase-preto */
html body .wsfa-modal{ background:rgba(43,36,32,.45) !important; }
html body .wsfa-modal__sheet{
  background:linear-gradient(160deg,var(--wsc-areia) 0%,var(--wsc-paper) 58%,var(--wsc-nude-q) 100%) !important;
  border:1px solid rgba(176,141,69,.3) !important;
}
html body .wsfa-name{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  color:#2b2420 !important; font-weight:600 !important;
}
html body .wsfa-tagline{ color:#8a6d3b !important; }
html body .wsfa-logo-wrap{
  background:#fdfbf6 !important;
  border:1px solid rgba(176,141,69,.35) !important;
  box-shadow:0 6px 18px rgba(43,36,32,.10) !important;
}
html body .wsfa-status{
  background:#fdfbf6 !important;
  border:1px solid rgba(176,141,69,.4) !important;
  color:#4d443c !important;
}

/* cards da lista */
html body .wsfa-card{
  background:#fdfbf6 !important;
  border:1px solid rgba(176,141,69,.28) !important;
}
html body .wsfa-card:hover{
  border-color:#b08d45 !important;
  box-shadow:0 10px 26px rgba(43,36,32,.12) !important;
}
html body .wsfa-card__txt strong{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  color:#2b2420 !important; font-size:1.05rem !important; font-weight:600 !important;
}
html body .wsfa-card__txt span{ color:#6b6157 !important; }
html body .wsfa-card::after{ color:#a37f39 !important; }
html body .wsfa-modal__close{
  background:rgba(43,36,32,.06) !important; color:#6b5323 !important;
}
html body .wsfa-modal__close:hover{ background:rgba(43,36,32,.12) !important; }

/* ==================================================================
   ANTI-BALANCO NO CELULAR — 27/07/2026

   Na home o style.css do tema pai nao carrega (de proposito, para nao
   mexer no que voce montou). Acontece que e nele que fica a regra
   global "*{box-sizing:border-box}". Sem ela, os meus blocos de largura
   total ficavam com 100vw MAIS o padding — ou seja, mais largos que a
   tela. Isso cria rolagem horizontal, e a pagina "balanca" ao rolar
   no celular.

   Aqui cada bloco meu recebe o box-sizing explicitamente, sem usar
   seletor global. E o overflow-x:clip no body e a rede de seguranca,
   caso algum outro elemento passe da largura.
   ================================================================== */

.lbf, .lbf *,
.lbc-sugestoes, .lbc-sugestoes *,
.lbc-grid, .lbc-grid *,
.lbc-card, .lbc-card *,
.lbt-topo, .lbt-topo *,
.lbp-hero, .lbp-hero *,
.lbh-bar, .lbh-bar *{
  box-sizing:border-box;
}

/* garante que o padding fique DENTRO dos 100vw */
html body .lbf,
html body .lbc-sugestoes,
html body .lbp-hero,
html body section.wsvg-widget{
  box-sizing:border-box !important;
  overflow-x:hidden;
}

/* rede de seguranca: nada gera rolagem lateral.
   overflow-x:clip (e nao hidden) nao cria um container de rolagem,
   entao nao quebra position:sticky de nada que exista na pagina. */
html, body{ overflow-x:clip; }
@supports not (overflow:clip){
  html, body{ overflow-x:hidden; }
}

/* Os blocos que voce montou no ws-page-builder trazem width:100vw no
   atributo style. Aqui eles passam para width:auto — a margem negativa
   que ja esta neles continua dando a largura total, sem o risco do 100vw. */
html body .ws-pb-html [style*="100vw"],
html body .ws-pb-html[style*="100vw"]{
  width:auto !important;
  max-width:none !important;
}

/* no celular, o carrossel de video precisa poder rolar na horizontal
   por dentro — o clip acima e no body, nao nele */
html body .wsvg-widget .wsvg-track{ overflow-x:auto !important; }

@media(max-width:600px){
  /* margens laterais menores, para nada encostar na borda */
  html body .lbc-sugestoes{ padding-left:16px !important; padding-right:16px !important; }
  html body .lbf .lbf-painel{ padding-left:18px !important; padding-right:18px !important; }
  html body .lbp-hero{ padding-left:16px !important; padding-right:16px !important; }
  /* imagens nunca passam da largura do pai */
  html body .lbf img, html body .lbc-card img, html body .lbp-hero img{ max-width:100%; height:auto; }
}

/* ---------- modal do WhatsApp: logo, fechar e leitura no celular ---------- */

/* a logo estava estourando o circulo e quase invisivel */
html body .wsfa-logo-wrap{
  background:#fdfbf6 !important;
  overflow:hidden !important;
  border:1px solid rgba(176,141,69,.35) !important;
}
html body .wsfa-logo-wrap img{
  width:100% !important; height:100% !important;
  object-fit:contain !important;
  padding:16px !important; box-sizing:border-box !important;
  display:block !important; margin:0 !important;
}

/* o botao de fechar sumia ao rolar o painel no celular:
   agora fica preso na tela, grande o suficiente para o dedo */
html body .wsfa-modal__close{
  width:44px !important; height:44px !important;
  background:#fdfbf6 !important;
  border:1px solid rgba(176,141,69,.45) !important;
  color:#2b2420 !important; font-size:20px !important;
  box-shadow:0 4px 14px rgba(43,36,32,.18) !important;
  z-index:100000 !important;
}
@media(max-width:680px){
  html body .wsfa-modal__close{
    position:fixed !important;
    top:14px !important; right:14px !important;
    width:48px !important; height:48px !important;
    font-size:24px !important;
    background:#2b2420 !important; color:#fff !important;
    border-color:rgba(255,255,255,.3) !important;
    box-shadow:0 6px 20px rgba(0,0,0,.4) !important;
  }
  /* espaco no fim, para o ultimo card nao ficar escondido */
  html body .wsfa-modal__sheet{ padding-bottom:34px !important; }
}

/* O plugin ignora a opcao ws_kit_logo_url e continua puxando logo.png,
   que e a versao clara demais — quase invisivel dentro do circulo.
   Aqui a borboleta dourada (a mesma do cabecalho e do rodape) entra
   como fundo do circulo, centralizada e no tamanho certo. */
html body .wsfa-logo-wrap{
  background:#fdfbf6 var(--wsc-logo) center/80% no-repeat !important;
}
html body .wsfa-logo-wrap img{ display:none !important; }

/* ---------- modal no celular: dava para rolar so para baixo ----------
   O painel e centralizado verticalmente (align-items:center) dentro de um
   container fixo. Quando o conteudo fica mais alto que a tela, o topo sai
   para fora e nao ha como alcanca-lo — era por isso que a pilula do horario
   ficava inacessivel. Aqui o painel passa a comecar do topo e quem rola e o
   modal inteiro, entao da para subir ate o inicio. */
@media(max-width:680px){
  html body .wsfa-modal{
    align-items:flex-start !important;
    justify-content:center !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
    padding:76px 12px 28px !important;
  }
  html body .wsfa-modal__sheet{
    max-height:none !important;
    overflow-y:visible !important;
    margin:0 auto !important;
  }
}

/* ==================================================================
   MODAL DO WHATSAPP: balanco lateral no celular — 27/07/2026

   Duas causas, as duas classicas:

   1) FLEXBOX SEM min-width:0
      Cada card e um flex (icone + texto). O subtitulo usa
      white-space:nowrap — e um item de flex com texto sem quebra NAO
      encolhe abaixo do tamanho do conteudo, a menos que receba
      min-width:0. O endereco do Google Maps ("Praça Raul Leme, 200,
      5º Andar, sala 54 - Centro, Bragança...") e longo e empurrava o
      card para fora do painel. Dai a rolagem lateral.

   2) FALTA DE box-sizing
      Na home o style.css do tema nao carrega, e e nele que fica o
      "*{box-sizing:border-box}". Sem ele, o painel com width:100%
      MAIS o padding interno fica mais largo que a tela.
   ================================================================== */

html body .wsfa-modal,
html body .wsfa-modal *{ box-sizing:border-box !important; }

html body .wsfa-modal{ overflow-x:hidden !important; }

html body .wsfa-modal__sheet{
  max-width:100% !important;
  overflow-x:hidden !important;
}

/* o texto do card volta a poder encolher e cortar com reticencias */
html body .wsfa-card{ min-width:0 !important; max-width:100% !important; }
html body .wsfa-card__txt{
  min-width:0 !important;
  flex:1 1 auto !important;
  overflow:hidden !important;
}
html body .wsfa-card__txt strong,
html body .wsfa-card__txt span{
  display:block !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
/* o icone nunca encolhe */
html body .wsfa-card__icon{ flex:0 0 auto !important; }

/* o nome longo do salao tambem podia estourar */
html body .wsfa-name,
html body .wsfa-tagline,
html body .wsfa-status{
  max-width:100% !important;
  overflow-wrap:break-word !important;
  word-break:break-word !important;
}