/*ws:d345962c*/

/*
Theme Name: Lesley Beauty
Theme URI: https://lesleybeauty.com.br
Author: WebSalao
Author URI: https://solutions.websalao.com.br
Description: Tema Lesley Beauty - clinica de estetica premium. Header com borboleta dourada e gradiente nude, rodape sofisticado, blog e paginas internas na identidade da marca (nude, dourado champagne, Cormorant Garamond + Montserrat). Home isolada (usa os proprios blocos).
Version: 4.6.0
Requires at least: 5.9
Tested up to: 6.6
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lesley-beauty
*/

:root{
  --lb-paper:#ead688; --lb-card:#f6edc9; --lb-ink:#c49a45; --lb-soft:#6b7a75;
  --lb-gold:#130c08; --lb-gold-d:#35261b; --lb-gold-l:#d8b967; --lb-nude:#b3b1b0;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0; background:var(--lb-paper); color:var(--lb-ink); font-family:'Montserrat',Arial,sans-serif; line-height:1.75;}
a{color:var(--lb-gold-d);}
img{max-width:100%; height:auto;}
.lbt-container{max-width:100%; margin:0 auto; padding:0 26px;}

/* ===== HEADER (barra nude -> dourado, borboleta com glow e voo) ===== */
.lbt-bar{
  background:linear-gradient(90deg,#eedea0 0%,#d0cece 38%,#e4ce95 72%,#d8b967 100%) !important;
  display:flex !important; visibility:visible !important; opacity:1 !important;
  align-items:center; justify-content:center;
  gap:24px; padding:12px 34px;
  border-bottom:1px solid rgba(53, 38, 27, .28);
}
.lbt-marca{ display:block; flex:0 0 auto; }
.lbt-fly-wrap{
  display:inline-block;
  filter:drop-shadow(0 0 7px rgba(216, 185, 103, .85)) drop-shadow(0 0 18px rgba(216, 185, 103, .45));
  animation:lbtFly 3.6s ease-in-out infinite;
}
.lbt-marca-img{
  display:block !important; width:96px !important; height:96px !important;
  opacity:1 !important; visibility:visible !important;
  background:url('https://majorsavassisaopedro.com.br/wp-content/uploads/2026/08/logo-5.png') center/contain no-repeat !important;
}
@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); }
}
.lbt-nav{ display:flex; align-items:center; justify-content:center; flex:0 1 auto; gap:6px 22px; flex-wrap:wrap; }
.lbt-nav a, .lbt-nav ul li a{
  color:#221911; 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-nav a:hover{ color:#caa458; border-bottom-color:#35261b; }
.lbt-nav ul{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px 22px; }
.lbt-cta{
  flex:0 0 auto; display:inline-block; padding:12px 30px; border-radius:999px;
  background:linear-gradient(135deg,#130c08,#35261b); 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(53, 38, 27, .45), 0 0 16px rgba(216, 185, 103, .65);
  animation:lbtGlow 2.8s ease-in-out infinite;
  transition:transform .2s ease, filter .2s ease;
}
.lbt-cta:hover{ transform:translateY(-2px); filter:brightness(1.08); }
@keyframes lbtGlow{
  0%,100%{ box-shadow:0 4px 14px rgba(53, 38, 27, .45), 0 0 12px rgba(216, 185, 103, .5); }
  50%{ box-shadow:0 4px 14px rgba(53, 38, 27, .5), 0 0 24px rgba(216, 185, 103, .9); }
}
@media(max-width:900px){
  .lbt-bar{ flex-direction:column; gap:12px; padding:14px 18px; }
  .lbt-marca-img{ width:72px !important; height:72px !important; }
}

/* ===== CONTEUDO ===== */
.lbt-content{ padding:52px 0 60px; }
.lbt-page-title{
  font-family:'Montserrat',Arial,sans-serif; font-weight:500;
  text-transform:uppercase; letter-spacing:.34em;
  font-size:clamp(1.4rem,3.2vw,2.2rem); text-align:center; color:var(--lb-ink); margin:0 0 6px;
}
.lbt-page-title em{
  display:block; font-family:'Great Vibes','Cormorant Garamond',cursive;
  font-style:normal; text-transform:none; letter-spacing:.02em; font-weight:400;
  font-size:clamp(2.4rem,5.5vw,3.8rem); line-height:1.05; color:#35261b; margin-bottom:6px;
}
.lbt-page-sub{ text-align:center; font-family:'Cormorant Garamond',serif; font-style:italic; color:#281d14; font-size:1.15rem; margin:0 0 8px; }
.lbt-headrule{ max-width:130px; margin:18px auto 42px; border-top:1px solid rgba(53, 38, 27, .6); position:relative; }
.lbt-headrule:after{
  content:""; position:absolute; left:50%; top:0; transform:translate(-50%,-50%);
  width:9px; height:9px; border-radius:50%; background:linear-gradient(135deg,#d8b967,#35261b);
}

/* grid de cards (blog) — suave e arredondado, estilo clinica premium */
.lbt-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:30px; }
.lbt-card{
  background:var(--lb-card); border:1px solid rgba(53, 38, 27, .28); border-radius:18px;
  overflow:hidden; display:flex; flex-direction:column;
  box-shadow:0 10px 28px rgba(196, 154, 69, .1);
  transition:transform .25s ease, box-shadow .25s ease;
}
.lbt-card:hover{ transform:translateY(-6px); box-shadow:0 18px 40px rgba(196, 154, 69, .16); }
.lbt-card-img{ display:block; overflow:hidden; }
.lbt-card-img img{ width:100%; height:270px; object-fit:cover; object-position:center 22%; display:block; background:var(--lb-nude); transition:transform .5s ease; }
.lbt-card:hover .lbt-card-img img{ transform:scale(1.05); }
.lbt-card-body{ padding:22px 22px 24px; display:flex; flex-direction:column; flex:1; }
.lbt-card-title{ font-family:'Cormorant Garamond',Georgia,serif; font-weight:600; font-size:1.35rem; line-height:1.3; margin:0 0 10px; }
.lbt-card-title a{ color:var(--lb-ink); text-decoration:none; }
.lbt-card-title a:hover{ color:var(--lb-gold-d); }
.lbt-card-ex{ font-size:.92rem; font-weight:300; color:var(--lb-soft); line-height:1.7; margin:0 0 18px; flex:1; }
.lbt-more{
  align-self:flex-start; display:inline-block; padding:11px 26px; border-radius:999px;
  background:linear-gradient(135deg,#130c08,#35261b); color:#fff !important; text-decoration:none !important;
  text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; font-weight:600;
  box-shadow:0 4px 12px rgba(53, 38, 27, .4);
  transition:transform .2s ease, filter .2s ease;
}
.lbt-more:hover{ transform:translateY(-2px); filter:brightness(1.06); }

.lbt-pagination{ text-align:center; margin-top:44px; }
.lbt-pagination .page-numbers{
  display:inline-block; font-family:'Montserrat',sans-serif; background:var(--lb-card);
  color:var(--lb-ink); border:1px solid rgba(53, 38, 27, .4); border-radius:999px;
  padding:9px 16px; margin:0 3px; text-decoration:none; font-size:.85rem;
}
.lbt-pagination .page-numbers.current{ background:linear-gradient(135deg,#130c08,#35261b); color:#fff; border-color:transparent; }

/* ===== POST (single) ===== */
.lbt-single{
  max-width:860px; margin:0 auto; background:var(--lb-card);
  border:1px solid rgba(53, 38, 27, .28); border-radius:22px;
  box-shadow:0 14px 36px rgba(196, 154, 69, .12); padding:44px 40px 46px;
}
.lbt-post-title{
  font-family:'Cormorant Garamond',Georgia,serif; font-weight:500;
  font-size:clamp(1.7rem,4vw,2.7rem); line-height:1.18; color:var(--lb-ink); margin:0 0 12px;
}
.lbt-meta{ text-transform:uppercase; letter-spacing:.14em; font-size:.7rem; font-weight:600; color:#281d14; margin-bottom:22px; }
.lbt-meta a{ color:#281d14; text-decoration:none; }
.lbt-feat{ border-radius:16px; overflow:hidden; margin-bottom:26px; box-shadow:0 10px 26px rgba(196, 154, 69, .14); }
.lbt-feat img{ display:block; width:100%; height:auto; }
.lbt-single h2{
  font-family:'Cormorant Garamond',serif; font-weight:600; color:var(--lb-ink);
  padding-bottom:8px; border-bottom:1px solid rgba(19, 12, 8, .5); margin:1.6em 0 .6em;
}
.lbt-single h3,.lbt-single h4{ font-family:'Cormorant Garamond',serif; font-weight:600; }
.lbt-single p,.lbt-single li{ color:var(--lb-soft); font-weight:300; font-size:1.02rem; line-height:1.85; }
.lbt-single a{ color:var(--lb-gold-d); }
.lbt-single blockquote{
  border-left:2px solid var(--lb-gold); background:var(--lb-paper); border-radius:0 14px 14px 0;
  padding:16px 20px; font-family:'Cormorant Garamond',serif; font-style:italic; font-size:1.1rem;
  color:#281d14; margin:1.2em 0;
}
.lbt-terms{ margin-top:28px; padding-top:20px; border-top:1px solid rgba(53, 38, 27, .3); }
.lbt-terms a{
  display:inline-block; text-decoration:none; padding:6px 16px; margin:3px 6px 3px 0; border-radius:999px;
  text-transform:uppercase; letter-spacing:.08em; font-size:.68rem; font-weight:600;
  background:rgba(19, 12, 8, .14); color:#281d14; border:1px solid rgba(53, 38, 27, .4);
}
.lbt-terms a:hover{ background:linear-gradient(135deg,#130c08,#35261b); color:#fff; }

/* IMAGENS do conteudo: proporcionais, centralizadas (sem esticar SVG/emoji) */
.lbt-entry img{
  max-width:600px; width:auto; height:auto; display:block; margin:20px auto;
  border-radius:14px; box-shadow:0 10px 24px rgba(196, 154, 69, .14);
}
@media(max-width:640px){ .lbt-entry img{ max-width:100%; } }
.lbt-entry iframe{
  width:100%; max-width:760px; aspect-ratio:16/9; height:auto; display:block;
  margin:22px auto; border-radius:14px; border:0; box-shadow:0 10px 24px rgba(196, 154, 69, .16);
}
.lbt-entry .wp-block-gallery img{ max-height:240px; width:100%; object-fit:cover; margin:0; border-radius:12px; }

/* EMOJI nunca gigante (licao Cooper: svg sem dimensao estica) */
body .lbt-entry img.emoji, body .lbt-content img.emoji, body img.emoji{
  width:1em !important; height:1em !important; max-width:1em !important; max-height:1em !important;
  min-width:0 !important; display:inline !important; margin:0 .05em !important;
  vertical-align:-0.1em !important; border:0 !important; box-shadow:none !important;
  border-radius:0 !important; background:none !important;
}

/* ===== RELACIONADOS: 3 colunas centralizadas ===== */
.lbt-related{ max-width:1100px; margin:48px auto 0; }
.lbt-related-title{
  font-family:'Great Vibes','Cormorant Garamond',cursive; font-weight:400; text-align:center;
  font-size:2.6rem; color:#35261b; margin:0 0 8px; padding-bottom:14px; position:relative;
}
.lbt-related-title:after{
  content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%);
  width:60px; height:2px; background:linear-gradient(90deg,#d8b967,#35261b);
}
.lbt-related .lbt-grid{
  grid-template-columns:repeat(3,1fr) !important;
  max-width:1040px; margin:26px auto 0;
}
@media(max-width:820px){ .lbt-related .lbt-grid{ grid-template-columns:repeat(2,1fr) !important; max-width:640px; } }
@media(max-width:520px){ .lbt-related .lbt-grid{ grid-template-columns:1fr !important; max-width:420px; } }

/* ===== PAGINAS COMUNS: wrapper neutro (nao colapsar blocos) ===== */
.lbt-pagewrap{ width:100%; max-width:100%; }
.lbt-home-content{ width:100%; }
.lbt-home-main{ display:block; }

/* ===== RODAPE (sofisticado: taupe escuro + dourado) ===== */
.lbt-footer{ display:block !important; visibility:visible !important; opacity:1 !important; background:#c49a45; color:#ead688; padding:64px 24px 40px; }
.lbt-f-inner{ max-width:1100px; margin:0 auto; }
.lbt-f-line{ border-top:1px solid rgba(216, 185, 103, .45); position:relative; margin-bottom:46px; }
.lbt-f-line:after{
  content:""; position:absolute; left:50%; top:0; transform:translate(-50%,-50%);
  width:9px; height:9px; border-radius:50%; background:linear-gradient(135deg,#d8b967,#35261b);
}
.lbt-f-grid{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; }
.lbt-f-col{ text-align:center; }
.lbt-f-marca{
  display:inline-block; width:120px; height:120px; margin:0 0 6px;
  background:url('https://majorsavassisaopedro.com.br/wp-content/uploads/2026/08/logo-4.png') center/contain no-repeat;
}
.lbt-f-tag{ font-family:'Cormorant Garamond',serif; font-style:italic; color:#d8b967; font-size:1.15rem; margin:0 0 20px; }
.lbt-f-info{ color:#959290; font-size:.95rem; font-weight:300; line-height:1.75; margin:0; }
.lbt-f-info strong{ color:#ead688; font-weight:500; }
.lbt-f-title{ font-family:'Cormorant Garamond',serif; font-weight:500; font-size:1.7rem; color:#ead688; margin:0 0 8px; }
.lbt-f-sub{ text-transform:uppercase; letter-spacing:.26em; font-size:.68rem; color:#d8b967; font-weight:600; display:block; margin-bottom:26px; }
.lbt-f-btns{ display:grid; grid-template-columns:1fr 1fr; gap:12px; max-width:440px; margin:0 auto; }
.lbt-f-btn{
  display:flex; align-items:center; justify-content:center; gap:9px;
  padding:13px 16px; border-radius:999px;
  color:#ead688 !important; text-decoration:none !important;
  border:1px solid rgba(216, 185, 103, .55); background:rgba(216, 185, 103, .08);
  text-transform:uppercase; letter-spacing:.1em; font-size:.72rem; font-weight:500;
  transition:background .2s ease, transform .2s ease;
}
.lbt-f-btn:hover{ background:linear-gradient(135deg,#d8b967,#35261b); color:#c49a45 !important; transform:translateY(-2px); }
.lbt-f-ico{ font-size:1rem; line-height:1; }
.lbt-f-bottom{ text-align:center; margin-top:52px; padding-top:28px; border-top:1px solid rgba(216, 185, 103, .25); }
.lbt-f-copy{ color:#949f9c; font-size:.82rem; font-weight:300; margin:0 0 6px; }
.lbt-f-tagline{ font-family:'Cormorant Garamond',serif; font-style:italic; color:#d8b967; font-size:1rem; margin:0 0 20px; }
.lbt-f-credit{
  display:inline-flex; align-items:center; gap:7px; padding:10px 24px;
  border:1px solid rgba(216, 185, 103, .4); border-radius:999px; font-size:.74rem; color:#959290;
}
.lbt-f-credit a{ color:#d8b967 !important; text-decoration:none !important; font-weight:600; }
.lbt-f-credit a:hover{ text-decoration:underline !important; }
@media(max-width:768px){ .lbt-f-grid{ grid-template-columns:1fr; gap:42px; } .lbt-f-marca{ width:100px; height:100px; } }
@media(max-width:480px){ .lbt-f-btns{ grid-template-columns:1fr; } }

/* ------------------------------------------------------------------
   Correcoes de 27/07/2026
   A secao "Leia tambem" foi removida do single.php porque o plugin
   ws-blog-suggest ja imprime "Voce tambem pode gostar" com os mesmos
   posts. Esta regra e so uma garantia: se algum tema-filho ainda tiver
   uma copia antiga do single.php, o bloco duplicado continua escondido.
   Para trazer de volta, remova este bloco e restaure o single.php.
   ------------------------------------------------------------------ */
.lbt-related{ display:none !important; }

/* ==================================================================
   TITULOS EM DUAS CORES — 27/07/2026
   Primeira palavra em dourado, resto no tom escuro, na Cormorant
   Garamond da marca. O <span class="lbt-au"> e colocado pelo
   functions.php (lesley_beauty_bicolor).
   ================================================================== */

.lbt-entry h1,
.lbt-entry h2,
.lbt-entry h3,
.lbt-post-title{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-weight:600;
  color:#c49a45;              /* tom escuro da paleta */
  line-height:1.16;
  letter-spacing:.005em;
}
.lbt-au{ color:#35261b; }     /* dourado da paleta */

.lbt-entry h1{ font-size:clamp(1.9rem,3.8vw,2.7rem); margin:42px 0 16px; }
.lbt-entry h2{ font-size:clamp(1.6rem,3.2vw,2.25rem); margin:40px 0 14px; }
.lbt-entry h3{ font-size:clamp(1.3rem,2.4vw,1.7rem);  margin:32px 0 12px; }
.lbt-entry h1:first-child,
.lbt-entry h2:first-child,
.lbt-entry h3:first-child{ margin-top:0; }

/* o titulo da pagina (Blog) segue a mesma logica: destaque em dourado */
.lbt-page-title{ font-family:'Cormorant Garamond',Georgia,serif !important;
  text-transform:none !important; letter-spacing:.01em !important;
  font-weight:600 !important; color:#c49a45 !important; }
.lbt-page-title em{ font-style:normal; color:#35261b; }

/* ==================================================================
   BLOCOS DE PAGINA INTERNA (.lbp-*) — 27/07/2026

   Conjunto de blocos reutilizaveis para paginas tipo "Quem somos",
   inspirado na estrutura de referencia enviada, mas todo na paleta e
   nas fontes da Lesley.

   Nao interfere em cabecalho, rodape, blog nem sugestoes — e so o
   miolo da pagina. Para usar, basta colar o HTML no editor da pagina.
   ================================================================== */


/* ---------- rotulo pequeno em caixa alta ---------- */
.lbp-rotulo{
  display:inline-block; text-transform:uppercase; letter-spacing:.3em;
  font-size:.7rem; font-weight:600; color:#281d14;
  border-bottom:1px solid rgba(40, 29, 20, .4);
  padding-bottom:8px; margin:0 0 18px;
}

/* ---------- prosa: coluna estreita, leitura confortavel ---------- */
.lbp-prosa{ max-width:720px; margin:56px auto; }
.lbp-prosa p{ font-size:1rem; font-weight:300; line-height:1.9; color:#d1b06e; }
.lbp-prosa strong{ color:#c49a45; font-weight:600; }

/* ---------- imagem + texto lado a lado ---------- */
.lbp-dupla{
  display:grid; grid-template-columns:1fr 1fr; gap:56px;
  align-items:center; max-width:1120px; margin:72px auto;
}
.lbp-dupla .lbp-foto img{
  width:100%; height:auto; display:block; border-radius:18px;
  box-shadow:0 20px 46px rgba(196, 154, 69, .24);
}
/* moldura fina dourada, como no hero da home */
.lbp-dupla .lbp-foto{ position:relative; }
.lbp-dupla .lbp-foto::before{
  content:""; position:absolute; inset:-12px;
  border:1px solid rgba(53, 38, 27, .5); border-radius:26px; pointer-events:none;
}
.lbp-dupla h2{
  font-family:'Cormorant Garamond',Georgia,serif; font-weight:600;
  font-size:clamp(1.7rem,3.2vw,2.35rem); line-height:1.16;
  color:#c49a45; margin:0 0 16px;
}
.lbp-dupla p{ font-size:.98rem; font-weight:300; line-height:1.9; color:#d1b06e; margin:0 0 14px; }
/* inverte a ordem: foto a direita */
.lbp-dupla--inversa .lbp-foto{ order:2; }

/* ---------- citacao em destaque ---------- */
.lbp-citacao{
  max-width:820px; margin:64px auto; padding:38px 34px;
  background:linear-gradient(160deg,#eedea0 0%,#ead688 60%,#d0cece 100%);
  border-left:2px solid #130c08; border-radius:0 16px 16px 0;
  text-align:center;
}
.lbp-citacao p{
  font-family:'Cormorant Garamond',Georgia,serif; font-style:italic;
  font-size:clamp(1.25rem,2.4vw,1.7rem); line-height:1.5;
  color:#c49a45; margin:0;
}
.lbp-citacao cite{
  display:block; margin-top:16px; font-family:'Montserrat',Arial,sans-serif;
  font-style:normal; text-transform:uppercase; letter-spacing:.22em;
  font-size:.68rem; font-weight:600; color:#281d14;
}

/* ---------- faixa de numeros ---------- */
.lbp-numeros{
  display:grid; grid-template-columns:repeat(4,1fr); gap:28px;
  max-width:1060px; margin:68px auto; padding:42px 30px;
  background:linear-gradient(160deg,#b3b1b0 0%,#b3b1b0 55%,#959290 100%);
  border-radius:20px; text-align:center;
}
.lbp-numeros .lbp-num{
  display:block; font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(2rem,3.6vw,2.8rem); font-weight:600; color:#35261b; line-height:1;
}
.lbp-numeros .lbp-num-txt{
  display:block; margin-top:10px; font-size:.76rem; font-weight:500;
  text-transform:uppercase; letter-spacing:.14em; color:#d1b06e;
}

/* ---------- galeria ---------- */
.lbp-galeria{
  display:grid; grid-template-columns:repeat(4,1fr); gap:18px;
  max-width:1120px; margin:64px auto;
}
.lbp-galeria img{
  width:100%; aspect-ratio:3/4; object-fit:cover; display:block;
  border-radius:16px; box-shadow:0 10px 26px rgba(196, 154, 69, .16);
  transition:transform .3s ease;
}
.lbp-galeria img:hover{ transform:translateY(-5px); }

/* ---------- chamada final ---------- */
.lbp-cta{
  max-width:1120px; margin:72px auto 8px; padding:56px 34px;
  background:linear-gradient(160deg,#b3b1b0 0%,#b3b1b0 55%,#959290 100%);
  border-radius:20px; text-align:center;
}
.lbp-cta h2{
  font-family:'Cormorant Garamond',Georgia,serif; font-weight:600;
  font-size:clamp(1.8rem,3.4vw,2.5rem); color:#c49a45; margin:0 0 12px;
}
.lbp-cta p{ font-size:.98rem; font-weight:300; color:#d1b06e; margin:0 0 28px; }
.lbp-cta .lbp-botao{
  display:inline-block; padding:15px 38px; border-radius:999px;
  background:linear-gradient(135deg,#130c08,#35261b); color:#fff !important;
  text-decoration:none !important; text-transform:uppercase;
  font-size:.74rem; letter-spacing:.16em; font-weight:700;
  box-shadow:0 5px 16px rgba(53, 38, 27, .45);
  transition:transform .2s ease, filter .2s ease;
}
.lbp-cta .lbp-botao:hover{ transform:translateY(-2px); filter:brightness(1.08); }

/* ---------- responsivo ---------- */
@media(max-width:900px){
  .lbp-dupla{ grid-template-columns:1fr; gap:34px; margin:52px auto; }
  .lbp-dupla--inversa .lbp-foto{ order:0; }
  .lbp-numeros{ grid-template-columns:repeat(2,1fr); gap:24px; }
  .lbp-galeria{ grid-template-columns:repeat(2,1fr); }
}
@media(max-width:560px){
  .lbp-numeros{ grid-template-columns:1fr; }
  .lbp-galeria{ grid-template-columns:1fr 1fr; gap:12px; }
  .lbp-citacao{ padding:30px 22px; }
  .lbp-cta{ padding:44px 22px; }
}

/* ==================================================================
   HERO DA PAGINA INTERNA (.lbp-hero) — 27/07/2026

   Fica logo abaixo do cabecalho. Texto a esquerda, foto recortada
   apoiada no fundo a direita, com a mesma textura floral do hero da
   home (variavel --lb-textura, declarada no rodape.css).

   O bloco rompe a largura do .lbt-container para ocupar a tela toda,
   do mesmo jeito que o rodape faz.
   ================================================================== */

.lbp-hero{
  position:relative; overflow:hidden;
  width:auto; max-width:none;
  /* -52px anula o padding-top do .lbt-content, que criava uma
     faixa clara entre o cabecalho e o hero */
  margin:-52px calc(50% - 50vw) 0;
  background:linear-gradient(160deg,#b3b1b0 0%,#b3b1b0 55%,#959290 100%);
  border-bottom:1px solid rgba(53, 38, 27, .28);
  padding:48px 34px 0;
}
/* textura floral, atras de tudo */
.lbp-hero::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:var(--lb-textura);
  background-repeat:no-repeat; background-position:left center;
  background-size:auto 120%;
  opacity:.62;                 /* mais fraca que na home: aqui ela fica atras do texto */
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 38%,transparent 74%);
          mask-image:linear-gradient(90deg,#000 0%,#000 38%,transparent 74%);
}
.lbp-hero-inner{
  position:relative; z-index:2;
  max-width:1180px; margin:0 auto;
  display:grid; grid-template-columns:1.08fr .92fr; gap:40px;
  align-items:end;
}
.lbp-hero-txt{ align-self:center; padding-bottom:34px; }

.lbp-hero-titulo{
  font-family:'Cormorant Garamond',Georgia,serif; font-weight:600;
  font-size:clamp(2.1rem,5vw,3.6rem); line-height:1.1;
  color:#c49a45; margin:0 0 20px; max-width:15ch;
}
.lbp-hero-sub{
  font-size:1.02rem; font-weight:300; line-height:1.85;
  color:#d1b06e; max-width:480px; margin:0 0 32px;
}
.lbp-hero-btns{ display:flex; gap:14px; flex-wrap:wrap; }

.lbp-botao{
  display:inline-block; padding:15px 34px; border-radius:999px;
  background:linear-gradient(135deg,#130c08,#35261b); color:#fff !important;
  text-decoration:none !important; text-transform:uppercase;
  font-size:.73rem; letter-spacing:.16em; font-weight:700;
  box-shadow:0 5px 16px rgba(53, 38, 27, .45);
  transition:transform .2s ease, filter .2s ease;
}
.lbp-botao:hover{ transform:translateY(-2px); filter:brightness(1.08); }
.lbp-botao--linha{
  background:transparent; color:#c49a45 !important;
  border:1px solid #c49a45; box-shadow:none;
}
.lbp-botao--linha:hover{ background:rgba(255,255,255,.45); }

/* foto recortada: apoia na base da secao, sem moldura */
.lbp-hero-foto{ position:relative; align-self:end; text-align:center; }
.lbp-hero-foto img{
  display:block; width:100%; max-width:360px; height:auto;
  margin:0 auto; filter:drop-shadow(0 26px 42px rgba(196, 154, 69, .28));
}
/* sem foto: texto ocupa a largura toda e centraliza */
.lbp-hero--so-texto{ padding-bottom:56px; }
.lbp-hero--so-texto .lbp-hero-inner{ grid-template-columns:1fr; text-align:center; }
.lbp-hero--so-texto .lbp-hero-txt{ padding-bottom:0; }
.lbp-hero--so-texto .lbp-hero-titulo,
.lbp-hero--so-texto .lbp-hero-sub{ margin-left:auto; margin-right:auto; }
.lbp-hero--so-texto .lbp-hero-btns{ justify-content:center; }



@media(max-width:900px){
  .lbp-hero{ padding:44px 22px 0; text-align:center; }
  .lbp-hero-inner{ grid-template-columns:1fr; gap:16px; }
  .lbp-hero-txt{ padding-bottom:8px; }
  .lbp-hero-titulo, .lbp-hero-sub{ margin-left:auto; margin-right:auto; }
  .lbp-hero-btns{ justify-content:center; }
  .lbp-hero-foto img{ max-width:300px; }
  .lbp-hero::before{
    background-size:auto 100%; opacity:.6;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 72%);
            mask-image:linear-gradient(180deg,#000 0%,transparent 72%);
  }
}
@media(max-width:560px){
  .lbp-hero-foto img{ max-width:240px; }
  .lbp-botao{ padding:14px 26px; font-size:.68rem; }
}

/* headline do hero: a parte entre <em> sai em dourado italico,
   igual ao titulo do hero da home */
.lbp-hero-titulo em{ font-style:italic; color:#35261b; }

/* respiro entre o hero e o conteudo, sem mexer no padding interno do artigo */
.single .lbt-single{ margin-top:52px; }
.lbp-corpo{ padding-top:52px; }

/* ==================================================================
   PAGINA "QUEM SOMOS" — a historia da Leticia (27/07/2026)
   Colagem de fotos a esquerda, texto a direita. Só fotos dela.
   ================================================================== */

.lbp-historia{
  display:grid; grid-template-columns:1fr 1.05fr; gap:64px;
  align-items:center; max-width:1180px; margin:64px auto 0;
  position:relative;
}
/* borboleta da marca, bem discreta, atras da colagem */
.lbp-historia::before{
  content:""; position:absolute; left:-40px; bottom:-40px;
  width:230px; height:230px; z-index:0; opacity:.13; pointer-events:none;
  background:url('https://majorsavassisaopedro.com.br/wp-content/uploads/2026/08/logo-5.png') left bottom/contain no-repeat;
}

.lbp-colagem{
  position:relative; z-index:1;
  display:grid; grid-template-columns:1fr 1fr; gap:18px;
}
.lbp-colagem img{
  width:100%; aspect-ratio:4/5; object-fit:cover; display:block;
  border-radius:18px; box-shadow:0 16px 36px rgba(196, 154, 69, .20);
  transition:transform .3s ease;
}
.lbp-colagem img:hover{ transform:translateY(-5px); }
/* a terceira foto desce, centralizada e um pouco maior */
.lbp-colagem img:nth-child(3){
  grid-column:1 / -1; max-width:74%; margin:0 auto; aspect-ratio:1/1;
}

.lbp-historia-txt{ position:relative; z-index:1; }
.lbp-historia-txt h2{
  font-family:'Cormorant Garamond',Georgia,serif; font-weight:600;
  font-size:clamp(1.9rem,3.6vw,2.9rem); line-height:1.14;
  color:#c49a45; margin:0 0 26px;
}
.lbp-historia-txt h2 em{ font-style:italic; color:#35261b; }
.lbp-historia-txt p{
  font-size:1rem; font-weight:300; line-height:1.9; color:#d1b06e; margin:0 0 18px;
}
.lbp-historia-txt strong{ color:#c49a45; font-weight:600; }

/* a frase dela */
.lbp-fala{
  margin:28px 0 26px; padding:4px 0 4px 20px;
  border-left:2px solid #130c08;
  font-family:'Cormorant Garamond',Georgia,serif; font-style:italic;
  font-size:1.15rem; line-height:1.55; color:#221911;
}
.lbp-fala::before{ content:"\201C"; }
.lbp-fala::after{ content:"\201D"; }

/* assinatura */
.lbp-assina{ margin:0 !important; }
.lbp-assina-nome{
  display:block; font-family:'Cormorant Garamond',Georgia,serif;
  font-style:italic; font-size:1.4rem; color:#c49a45; line-height:1.2;
}
.lbp-assina-cargo{
  display:block; margin-top:6px; text-transform:uppercase;
  letter-spacing:.22em; font-size:.68rem; font-weight:600; color:#281d14;
}

@media(max-width:900px){
  .lbp-historia{ grid-template-columns:1fr; gap:38px; margin-top:44px; }
  .lbp-colagem img:nth-child(3){ max-width:60%; }
  .lbp-historia::before{ width:150px; height:150px; left:-16px; bottom:-16px; }
}
@media(max-width:560px){
  .lbp-colagem{ gap:12px; }
  .lbp-colagem img:nth-child(3){ max-width:72%; }
}

/* ==================================================================
   INFOGRAFICOS DA PAGINA "QUEM SOU EU" — 27/07/2026
   Linha do tempo, diferenciais, servicos e publico.
   ================================================================== */

/* ---------- titulo de secao ---------- */
.lbp-sec{ max-width:1180px; margin:78px auto 0; }
.lbp-sec-topo{ text-align:center; margin-bottom:44px; }
.lbp-sec-topo h2{
  font-family:'Cormorant Garamond',Georgia,serif; font-weight:600;
  font-size:clamp(1.8rem,3.4vw,2.6rem); color:#c49a45; margin:0 0 8px;
}
.lbp-sec-topo h2 em{ font-style:italic; color:#35261b; }
.lbp-sec-topo p{
  font-family:'Cormorant Garamond',Georgia,serif; font-style:italic;
  font-size:1rem; color:#281d14; margin:0;
}

/* ---------- LINHA DO TEMPO ---------- */
.lbp-linha{ position:relative; max-width:900px; margin:0 auto; padding-left:8px; }
.lbp-linha::before{
  content:""; position:absolute; left:78px; top:10px; bottom:10px; width:1px;
  background:linear-gradient(180deg,rgba(53, 38, 27, 0),#130c08 12%,#130c08 88%,rgba(53, 38, 27, 0));
}
.lbp-etapa{
  position:relative; display:grid; grid-template-columns:78px 1fr; gap:34px;
  padding:0 0 40px 0;
}
.lbp-etapa:last-child{ padding-bottom:0; }
.lbp-quando{
  text-align:right; padding-top:2px;
  font-family:'Montserrat',Arial,sans-serif; font-weight:700;
  font-size:.74rem; letter-spacing:.1em; text-transform:uppercase; color:#35261b;
  line-height:1.35;
}
.lbp-etapa::after{                     /* o ponto na linha */
  content:""; position:absolute; left:74px; top:6px;
  width:9px; height:9px; border-radius:999px;
  background:#130c08; box-shadow:0 0 0 4px #ead688, 0 0 0 5px rgba(53, 38, 27, .35);
}
.lbp-etapa-txt h3{
  font-family:'Cormorant Garamond',Georgia,serif; font-weight:600;
  font-size:1.35rem; color:#c49a45; margin:0 0 8px; line-height:1.25;
}
.lbp-etapa-txt p{
  font-size:.96rem; font-weight:300; line-height:1.85; color:#d1b06e; margin:0;
}
.lbp-etapa-txt strong{ color:#c49a45; font-weight:600; }

/* ---------- DIFERENCIAIS ---------- */
.lbp-difs{
  display:grid; grid-template-columns:repeat(3,1fr); gap:20px;
  max-width:1120px; margin:0 auto;
}
.lbp-dif{
  background:#f6edc9; border:1px solid rgba(53, 38, 27, .28);
  border-radius:18px; padding:26px 24px;
  transition:transform .25s ease, box-shadow .25s ease;
}
.lbp-dif:hover{ transform:translateY(-4px); box-shadow:0 14px 30px rgba(196, 154, 69, .12); }
.lbp-dif-ico{ font-size:1.5rem; line-height:1; display:block; margin-bottom:12px; }
.lbp-dif h3{
  font-family:'Cormorant Garamond',Georgia,serif; font-weight:600;
  font-size:1.2rem; color:#c49a45; margin:0 0 8px;
}
.lbp-dif p{ font-size:.9rem; font-weight:300; line-height:1.75; color:#d1b06e; margin:0; }

/* ---------- SERVICOS ---------- */
.lbp-servicos{
  display:flex; flex-wrap:wrap; gap:12px; justify-content:center;
  max-width:900px; margin:0 auto;
}
.lbp-serv{
  display:inline-block; padding:12px 22px; border-radius:999px;
  background:linear-gradient(160deg,#eedea0,#d0cece);
  border:1px solid rgba(53, 38, 27, .4);
  font-size:.84rem; font-weight:500; color:#d1b06e;
}
.lbp-serv-destaque{
  background:linear-gradient(135deg,#130c08,#35261b); color:#fff;
  border-color:#35261b; font-weight:600;
}

/* ---------- NICHO E PUBLICO ---------- */
.lbp-nicho{
  display:grid; grid-template-columns:1fr 1fr; gap:24px;
  max-width:1000px; margin:0 auto;
}
.lbp-nicho > div{
  background:linear-gradient(160deg,#b3b1b0 0%,#b3b1b0 55%,#959290 100%);
  border-radius:20px; padding:34px 30px;
}
.lbp-nicho h3{
  font-family:'Cormorant Garamond',Georgia,serif; font-weight:600;
  font-size:1.3rem; color:#c49a45; margin:0 0 10px;
}
.lbp-nicho p{ font-size:.95rem; font-weight:300; line-height:1.85; color:#d1b06e; margin:0; }

@media(max-width:900px){
  .lbp-sec{ margin-top:56px; }
  .lbp-difs{ grid-template-columns:1fr 1fr; }
  .lbp-nicho{ grid-template-columns:1fr; }
  .lbp-linha::before{ left:0; }
  .lbp-etapa{ grid-template-columns:1fr; gap:6px; padding-left:26px; padding-bottom:32px; }
  .lbp-etapa::after{ left:-4px; top:8px; }
  .lbp-quando{ text-align:left; }
}
@media(max-width:600px){
  .lbp-difs{ grid-template-columns:1fr; }
  .lbp-serv{ padding:10px 16px; font-size:.78rem; }
}

/* ==================================================================
   LEGENDAS DE IMAGEM — trazido do tema-filho em 27/07/2026

   O WordPress escreve style="width:2048px" inline no <figure> das
   imagens com legenda, e a coluna do post tem 860px: a foto estourava
   e deformava. Esta correcao vinha do tema-filho lesley-beauty-fix,
   que foi aposentado — os outros dois motivos dele (menu das internas
   e rodape na home) ja estao resolvidos aqui no tema pai.
   ================================================================== */

.lbt-entry figure.wp-caption, .lbt-entry .wp-caption,
.lbt-single figure.wp-caption, .lbt-single .wp-caption,
figure.wp-caption, .wp-caption{
  width:auto !important; max-width:100% !important;
  margin-left:auto !important; margin-right:auto !important;
}
.lbt-entry .wp-caption img, .lbt-single .wp-caption img, .wp-caption img,
.lbt-entry figure img, .lbt-entry img[class*="wp-image-"]{
  width:100% !important; height:auto !important; max-width:100% !important;
  display:block; border-radius:14px;
}
.lbt-entry .wp-caption-text, .wp-caption-text{
  font-size:.86rem; line-height:1.5; color:var(--lb-soft,#6b7a75);
  text-align:center; margin:10px auto 0; font-style:italic; max-width:92%;
}
.lbt-entry, .lbt-single{ overflow-wrap:break-word; }
.lbt-entry img, .lbt-entry iframe, .lbt-entry video, .lbt-entry table{ max-width:100% !important; }
.lbt-entry iframe, .lbt-entry video{ height:auto; aspect-ratio:16/9; }

:root{ --lb-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%23130c08%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%23130c08%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%23130c08%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%23130c08%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%23130c08%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%23130c08%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%23130c08%22 opacity=%220.20%22/%3E%3Cellipse cx=%22300%22 cy=%2218.0%22 rx=%2225.4%22 ry=%2254.6%22 fill=%22%23d8b967%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%23d8b967%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%23d8b967%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%23d8b967%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%23d8b967%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%23d8b967%22 opacity=%220.16%22/%3E%3Cellipse cx=%2260%22 cy=%22326.0%22 rx=%2241.8%22 ry=%2296.2%22 fill=%22%2335261b%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%2335261b%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%2335261b%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%2335261b%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%2335261b%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%2335261b%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%2335261b%22 opacity=%220.18%22/%3E%3Cellipse cx=%22250%22 cy=%22296.0%22 rx=%2219.6%22 ry=%2244.2%22 fill=%22%23d8b967%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%23d8b967%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%23d8b967%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%23d8b967%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%23d8b967%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%23d8b967%22 opacity=%220.15%22/%3E%3Cellipse cx=%22430%22 cy=%22426.0%22 rx=%2226.7%22 ry=%2270.2%22 fill=%22%23130c08%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%23130c08%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%23130c08%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%23130c08%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%23130c08%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%23130c08%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%23130c08%22 opacity=%220.15%22/%3E%3Cellipse cx=%22170%22 cy=%22534.0%22 rx=%2226.0%22 ry=%2259.8%22 fill=%22%2335261b%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%2335261b%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%2335261b%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%2335261b%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%2335261b%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%2335261b%22 opacity=%220.14%22/%3E%3Cellipse cx=%22390%22 cy=%22172.0%22 rx=%2218.6%22 ry=%2236.4%22 fill=%22%23130c08%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%23130c08%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%23130c08%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%23130c08%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%23130c08%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%23130c08%22 opacity=%220.13%22/%3E%3Cellipse cx=%22215%22 cy=%22175%22 rx=%2220.0%22 ry=%2265.0%22 fill=%22%2335261b%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%2335261b%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%2335261b%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%2335261b%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,#eedea0 0%,#d0cece 38%,#e4ce95 72%,#d8b967 100%);
      display:flex; align-items:center; justify-content:center;
      gap:24px; padding:12px 34px;
      border-bottom:1px solid rgba(53, 38, 27, .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(216, 185, 103, .85)) drop-shadow(0 0 18px rgba(216, 185, 103, .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:url('https://majorsavassisaopedro.com.br/wp-content/uploads/2026/08/logo-5.png') center/contain no-repeat !important;}
.lbt-topo .lbh-nav{display:flex; align-items:center; justify-content:center; flex:0 1 auto;
      /* menu com 9 itens: espaco e espaceamento menores para caber numa
         linha so ate ~1200px; abaixo disso o @media do celular assume */
      gap:6px 14px; flex-wrap:wrap; white-space:nowrap;}
.lbt-topo .lbh-nav a{color:#221911; text-decoration:none; text-transform:uppercase;
      font-size:.7rem; letter-spacing:.12em; 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:#caa458; border-bottom-color:#35261b;}
.lbt-topo .lbh-cta{flex:0 0 auto; display:inline-block; padding:12px 30px; border-radius:999px;
      background:linear-gradient(135deg,#130c08,#35261b); 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(53, 38, 27, .45), 0 0 16px rgba(216, 185, 103, .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(53, 38, 27, .45), 0 0 12px rgba(216, 185, 103, .5); }
      50%{ box-shadow:0 4px 14px rgba(53, 38, 27, .5), 0 0 24px rgba(216, 185, 103, .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:#c49a45;
}
.lbf *{ box-sizing:border-box; }

/* ---------- painel principal (mesmo degrade do hero da home) ---------- */
.lbf-painel{
  background:linear-gradient(160deg,#b3b1b0 0%,#b3b1b0 55%,#959290 100%);
  border-top:1px solid rgba(53, 38, 27, .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(216, 185, 103, .85)) drop-shadow(0 0 18px rgba(216, 185, 103, .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:url('https://majorsavassisaopedro.com.br/wp-content/uploads/2026/08/logo-5.png') 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:#c49a45; margin:0 0 10px;
}
.lbf-nome em{ font-style:italic; color:#281d14; }
.lbf-kicker{
  text-transform:uppercase; letter-spacing:.3em; font-size:.68rem; font-weight:600;
  color:#281d14; border-bottom:1px solid rgba(40, 29, 20, .4);
  padding-bottom:8px; margin:0 0 18px; display:inline-block;
}
.lbf-tag{ font-size:.95rem; font-weight:300; line-height:1.8; color:#d1b06e; margin:0 0 16px; }
.lbf-addr{ font-size:.9rem; font-weight:300; line-height:1.85; color:#d1b06e; margin:0; }
.lbf-addr strong{ font-weight:600; color:#c49a45; }

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

/* ---------- horarios ---------- */
.lbf-hrow{
  display:flex; justify-content:space-between; gap:16px;
  padding:11px 0; border-bottom:1px solid rgba(53, 38, 27, .25);
  font-size:.88rem;
}
.lbf-hday{ font-weight:300; color:#d1b06e; }
.lbf-hval{ font-weight:600; color:#c49a45; white-space:nowrap; }
.lbf-fechado{ color:#281d14; font-weight:500; font-style:italic; }
.lbf-nota{
  margin:16px 0 0; font-size:.76rem; font-weight:300; font-style:italic; color:#221911;
}

/* ---------- botao dourado (igual ao CTA do header da home) ---------- */
.lbf-cta{
  display:inline-block; padding:14px 32px; border-radius:999px;
  background:linear-gradient(135deg,#130c08,#35261b); 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(53, 38, 27, .45), 0 0 16px rgba(216, 185, 103, .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(53, 38, 27, .45), 0 0 12px rgba(216, 185, 103, .5); }
  50%{ box-shadow:0 4px 14px rgba(53, 38, 27, .5), 0 0 24px rgba(216, 185, 103, .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(53, 38, 27, .5);
  color:#c49a45 !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:#35261b; 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,#eedea0 0%,#d0cece 38%,#e4ce95 72%,#d8b967 100%);
  border-top:1px solid rgba(53, 38, 27, .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:#221911; 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:#caa458; border-bottom-color:#35261b; }
.lbf-legal{ text-align:center; }
.lbf-copy{ margin:0 0 4px; font-size:.76rem; font-weight:500; color:#caa458; }
.lbf-assinatura{
  margin:0 0 8px; font-family:'Cormorant Garamond',Georgia,serif;
  font-style:italic; font-size:1rem; color:#221911;
}
.lbf-credito{ margin:0; font-size:.7rem; font-weight:300; color:#221911; }
.lbf-credito a{ color:#caa458; text-decoration:none; border-bottom:1px solid rgba(53, 38, 27, .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:#221911; text-decoration:none; border-bottom:1px solid rgba(53, 38, 27, .5); }
.lbf-mail a:hover{ color:#caa458; }

/* ==================================================================
   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(53, 38, 27, .55);
  --lbc-veu-2: rgba(36, 26, 18, .96);
  --lbc-pill : linear-gradient(135deg,#130c08,#35261b);
  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:#b3b1b0;
  box-shadow:0 12px 30px rgba(196, 154, 69, .16);
  transition:transform .28s ease, box-shadow .28s ease;
}
.lbc-card:hover{ transform:translateY(-6px); box-shadow:0 20px 44px rgba(196, 154, 69, .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,#b3b1b0 0%,#b3b1b0 55%,#959290 100%); }

.lbc-veu{
  position:absolute; inset:0; display:block;
  background:linear-gradient(180deg,
     rgba(196, 154, 69, 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;
  /* pedido da cliente (05/08): titulo sem caixa alta — a caixa alta
     tirava a delicadeza do serifado. So os rotulos curtos e botoes
     continuam em versalete. */
  text-transform:none; letter-spacing:.01em; line-height:1.22;
  font-size:clamp(1.3rem,2vw,1.7rem); color:#fff;
  text-shadow:0 2px 10px rgba(196, 154, 69, .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(196, 154, 69, .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,#eedea0 0%,#ead688 60%,#d0cece 100%);
  border-top:1px solid rgba(53, 38, 27, .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:#c49a45; margin:0 0 6px;
}
.lbc-sug-sub{
  font-family:'Montserrat',Arial,sans-serif; font-style:italic;
  font-size:.9rem; font-weight:300; color:#281d14; margin:0 0 34px;
}
.lbc-todos{
  display:inline-block; margin-top:34px; padding:14px 34px; border-radius:999px;
  background:#fff; border:1px solid rgba(53, 38, 27, .55);
  color:#221911 !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:#eedea0; border-color:#35261b; 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:#35261b; }

/* ==================================================================
   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 #35261b 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:#130c08;
  background:linear-gradient(160deg,#eedea0 0%,#ead688 58%,#d0cece 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(53, 38, 27, .22) !important;
  border-bottom:1px solid rgba(53, 38, 27, .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:#c49a45 !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:#281d14 !important;
}
html body .wsvg-widget .wsvg-h::after{
  background:#130c08 !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(196, 154, 69, .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(196, 154, 69, .2) !important;
}
html body .wsvg-widget .wsvg-cap{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  color:#c49a45 !important; background:#f6edc9 !important;
}
html body .wsvg-widget .wsvg-play{ background:rgba(196, 154, 69, .5) !important; }
html body .wsvg-widget .wsvg-item:hover .wsvg-play{ background:rgba(53, 38, 27, .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:#35261b !important;
  border:1px solid rgba(53, 38, 27, .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,#130c08,#35261b) !important;
  color:#fff !important; border-color:#35261b !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(--lb-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:#130c08;
  --ws-kit-dark:#c49a45;
  --ws-kit-light:#ead688;
  --ws-kit-muted:#6b7a75;
  --ws-kit-surface:#f6edc9;
}

/* botao flutuante nas cores da marca */
html body button.wsfa-trigger{
  background:linear-gradient(135deg,#130c08,#35261b) !important;
  border:1px solid rgba(255,255,255,.35) !important;
  box-shadow:0 6px 20px rgba(53, 38, 27, .45) !important;
}
html body button.wsfa-trigger::before{ background:#130c08 !important; opacity:.28 !important; }
html body button.wsfa-trigger::after{ box-shadow:0 0 0 0 rgba(19, 12, 8, .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(196, 154, 69, .45) !important; }
html body .wsfa-modal__sheet{
  background:linear-gradient(160deg,#eedea0 0%,#ead688 58%,#d0cece 100%) !important;
  border:1px solid rgba(53, 38, 27, .3) !important;
}
html body .wsfa-name{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  color:#c49a45 !important; font-weight:600 !important;
}
html body .wsfa-tagline{ color:#281d14 !important; }
html body .wsfa-logo-wrap{
  background:#f6edc9 !important;
  border:1px solid rgba(53, 38, 27, .35) !important;
  box-shadow:0 6px 18px rgba(196, 154, 69, .10) !important;
}
html body .wsfa-status{
  background:#f6edc9 !important;
  border:1px solid rgba(53, 38, 27, .4) !important;
  color:#d1b06e !important;
}

/* cards da lista */
html body .wsfa-card{
  background:#f6edc9 !important;
  border:1px solid rgba(53, 38, 27, .28) !important;
}
html body .wsfa-card:hover{
  border-color:#35261b !important;
  box-shadow:0 10px 26px rgba(196, 154, 69, .12) !important;
}
html body .wsfa-card__txt strong{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  color:#c49a45 !important; font-size:1.05rem !important; font-weight:600 !important;
}
html body .wsfa-card__txt span{ color:#6b7a75 !important; }
html body .wsfa-card::after{ color:#35261b !important; }
html body .wsfa-modal__close{
  background:rgba(196, 154, 69, .06) !important; color:#221911 !important;
}
html body .wsfa-modal__close:hover{ background:rgba(196, 154, 69, .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:#f6edc9 !important;
  overflow:hidden !important;
  border:1px solid rgba(53, 38, 27, .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:#f6edc9 !important;
  border:1px solid rgba(53, 38, 27, .45) !important;
  color:#c49a45 !important; font-size:20px !important;
  box-shadow:0 4px 14px rgba(196, 154, 69, .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:#c49a45 !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:#f6edc9 url('https://majorsavassisaopedro.com.br/wp-content/uploads/2026/08/logo-5.png') 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;
}