/*
Theme Name: WS Editorial
Theme URI: https://solutions.websalao.com.br
Author: Web Salao Solutions
Author URI: https://solutions.websalao.com.br
Description: Tema editorial para saloes e clinicas de beleza. Cabecalho em faixa degrade, hero com foto recortada e textura floral, blog em cards com veu, rodape completo e paginas internas com blocos prontos. TODA a identidade visual — cores, logo, nome, contatos, horarios, redes — sai da Ficha Tecnica do cliente: nenhuma cor ou texto fica cravado no codigo.
Version: 3.58.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: ws-editorial
*/

:root{
  --wse-paper:var(--wse-papel); --wse-card:var(--wse-cartao); --wse-ink:var(--wse-tinta); --wse-soft:var(--wse-suave-2);
  --wse-gold:var(--wse-acento); --wse-gold-d:var(--wse-acento-esc); --wse-gold-l:var(--wse-acento-cla); --wse-nude:var(--wse-painel-1);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0; background:var(--wse-paper); color:var(--wse-ink); font-family:var(--wse-fonte-corpo,'Montserrat',Arial,sans-serif); line-height:1.75;}
a{color:var(--wse-gold-d);}
img{max-width:100%; height:auto;}
.wse-container{max-width:100%; margin:0 auto; padding:0 var(--wse-respiro,26px); --wse-sangria:calc(-1 * var(--wse-respiro,26px));}

/* ===== HEADER (barra nude -> dourado, borboleta com glow e voo) ===== */
.wse-bar{
  background:linear-gradient(90deg,var(--wse-claro-1) 0%,var(--wse-claro-2) 38%,var(--wse-claro-3) 72%,var(--wse-claro-4) 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(var(--wse-rgb-acento-med),.28);
}
.wse-marca{ display:block; flex:0 0 auto; }
.wse-fly-wrap{
  display:inline-block;
  filter:drop-shadow(0 0 7px rgba(var(--wse-rgb-acento-cla),.85)) drop-shadow(0 0 18px rgba(var(--wse-rgb-acento-cla),.45));
  animation:wseFly 3.6s ease-in-out infinite;
}
.wse-marca-img{
  display:block !important; width:96px !important; height:96px !important;
  opacity:1 !important; visibility:visible !important;
  background:var(--wse-simbolo) center/contain no-repeat !important;
}
@keyframes wseFly{
  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); }
}
.wse-nav{ display:flex; align-items:center; justify-content:center; flex:0 1 auto; gap:6px 22px; flex-wrap:wrap; }
.wse-nav a, .wse-nav ul li a{
  color:var(--wse-acento-txt); 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;
}
.wse-nav a:hover{ color:var(--wse-tinta-esc); border-bottom-color:var(--wse-acento-med); }
.wse-nav ul{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px 22px; }
.wse-cta{
  flex:0 0 auto; display:inline-block; padding:12px 30px; border-radius:999px;
  background:linear-gradient(135deg,var(--wse-acento),var(--wse-acento-esc)); 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(var(--wse-rgb-acento-esc),.45), 0 0 16px rgba(var(--wse-rgb-acento-cla),.65);
  animation:wseGlow 2.8s ease-in-out infinite;
  transition:transform .2s ease, filter .2s ease;
}
.wse-cta:hover{ transform:translateY(-2px); filter:brightness(1.08); }
@keyframes wseGlow{
  0%,100%{ box-shadow:0 4px 14px rgba(var(--wse-rgb-acento-esc),.45), 0 0 12px rgba(var(--wse-rgb-acento-cla),.5); }
  50%{ box-shadow:0 4px 14px rgba(var(--wse-rgb-acento-esc),.5), 0 0 24px rgba(var(--wse-rgb-acento-cla),.9); }
}
@media(max-width:900px){
  .wse-bar{ flex-direction:column; gap:12px; padding:14px 18px; }
  .wse-marca-img{ width:72px !important; height:72px !important; }
}

/* ===== CONTEUDO ===== */
/*
 * O respiro do topo saiu daqui de proposito.
 *
 * Ele existia para afastar o conteudo do cabecalho, e o hero anulava
 * exatamente esse respiro com margin-top:-52px para poder encostar na
 * barra. Dois valores que precisavam se cancelar na virgula — e margem
 * negativa de filho COLAPSA com a do pai. Bastava qualquer coisa mexer
 * neste padding para o hero subir demais e o texto nascer grudado na
 * barra, que foi o que aconteceu.
 *
 * Agora cada bloco cuida do proprio respiro por dentro, com padding.
 * Menos elegante no papel, previsivel na tela.
 */
.wse-content{ padding:0 0 60px; }
/* quem nao e o hero continua com o afastamento de antes */
.wse-content > .wse-container > *:first-child:not(.wsep-hero){ margin-top:52px; }
.wse-page-title{
  font-family:var(--wse-fonte-corpo,'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(--wse-ink); margin:0 0 6px;
}
.wse-page-title em{
  display:block; font-family:'Great Vibes',var(--wse-fonte-titulo,'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:var(--wse-acento-med); margin-bottom:6px;
}
.wse-page-sub{ text-align:center; font-family:var(--wse-fonte-titulo,'Cormorant Garamond',serif); font-style:italic; color:var(--wse-acento-pro); font-size:1.15rem; margin:0 0 8px; }
.wse-headrule{ max-width:130px; margin:18px auto 42px; border-top:1px solid rgba(var(--wse-rgb-acento-med),.6); position:relative; }
.wse-headrule:after{
  content:""; position:absolute; left:50%; top:0; transform:translate(-50%,-50%);
  width:9px; height:9px; border-radius:50%; background:linear-gradient(135deg,var(--wse-acento-cla),var(--wse-acento-med));
}

/* grid de cards (blog) — suave e arredondado, estilo clinica premium */
.wse-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:30px; }
.wse-card{
  background:var(--wse-card); border:1px solid rgba(var(--wse-rgb-acento-med),.28); border-radius:18px;
  overflow:hidden; display:flex; flex-direction:column;
  box-shadow:0 10px 28px rgba(var(--wse-rgb-tinta),.1);
  transition:transform .25s ease, box-shadow .25s ease;
}
.wse-card:hover{ transform:translateY(-6px); box-shadow:0 18px 40px rgba(var(--wse-rgb-tinta),.16); }
.wse-card-img{ display:block; overflow:hidden; }
.wse-card-img img{ width:100%; height:270px; object-fit:cover; object-position:center 22%; display:block; background:var(--wse-nude); transition:transform .5s ease; }
.wse-card:hover .wse-card-img img{ transform:scale(1.05); }
.wse-card-body{ padding:22px 22px 24px; display:flex; flex-direction:column; flex:1; }
.wse-card-title{ font-family:var(--wse-fonte-titulo,'Cormorant Garamond',Georgia,serif); font-weight:600; font-size:1.35rem; line-height:1.3; margin:0 0 10px; }
.wse-card-title a{ color:var(--wse-ink); text-decoration:none; }
.wse-card-title a:hover{ color:var(--wse-gold-d); }
.wse-card-ex{ font-size:.92rem; font-weight:300; color:var(--wse-soft); line-height:1.7; margin:0 0 18px; flex:1; }
.wse-more{
  align-self:flex-start; display:inline-block; padding:11px 26px; border-radius:999px;
  background:linear-gradient(135deg,var(--wse-acento),var(--wse-acento-esc)); 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(var(--wse-rgb-acento-esc),.4);
  transition:transform .2s ease, filter .2s ease;
}
.wse-more:hover{ transform:translateY(-2px); filter:brightness(1.06); }

.wse-pagination{ text-align:center; margin-top:44px; }
.wse-pagination .page-numbers{
  display:inline-block; font-family:var(--wse-fonte-corpo,'Montserrat',sans-serif); background:var(--wse-card);
  color:var(--wse-ink); border:1px solid rgba(var(--wse-rgb-acento-med),.4); border-radius:999px;
  padding:9px 16px; margin:0 3px; text-decoration:none; font-size:.85rem;
}
.wse-pagination .page-numbers.current{ background:linear-gradient(135deg,var(--wse-acento),var(--wse-acento-esc)); color:#fff; border-color:transparent; }

/* ===== POST (single) ===== */
.wse-single{
  max-width:860px; margin:0 auto; background:var(--wse-card);
  border:1px solid rgba(var(--wse-rgb-acento-med),.28); border-radius:22px;
  box-shadow:0 14px 36px rgba(var(--wse-rgb-tinta),.12); padding:44px 40px 46px;
}
.wse-post-title{
  font-family:var(--wse-fonte-titulo,'Cormorant Garamond',Georgia,serif); font-weight:500;
  font-size:clamp(1.7rem,4vw,2.7rem); line-height:1.18; color:var(--wse-ink); margin:0 0 12px;
}
.wse-meta{ text-transform:uppercase; letter-spacing:.14em; font-size:.7rem; font-weight:600; color:var(--wse-acento-pro); margin-bottom:22px; }
.wse-meta a{ color:var(--wse-acento-pro); text-decoration:none; }
.wse-feat{ border-radius:16px; overflow:hidden; margin-bottom:26px; box-shadow:0 10px 26px rgba(var(--wse-rgb-tinta),.14); }
.wse-feat img{ display:block; width:100%; height:auto; }
.wse-single h2{
  font-family:var(--wse-fonte-titulo,'Cormorant Garamond',serif); font-weight:600; color:var(--wse-ink);
  padding-bottom:8px; border-bottom:1px solid rgba(var(--wse-rgb-acento),.5); margin:1.6em 0 .6em;
}
.wse-single h3,.wse-single h4{ font-family:var(--wse-fonte-titulo,'Cormorant Garamond',serif); font-weight:600; }
.wse-single p,.wse-single li{ color:var(--wse-soft); font-weight:300; font-size:1.02rem; line-height:1.85; }
.wse-single a{ color:var(--wse-gold-d); }
.wse-single blockquote{
  border-left:2px solid var(--wse-gold); background:var(--wse-paper); border-radius:0 14px 14px 0;
  padding:16px 20px; font-family:var(--wse-fonte-titulo,'Cormorant Garamond',serif); font-style:italic; font-size:1.1rem;
  color:var(--wse-acento-pro); margin:1.2em 0;
}
.wse-terms{ margin-top:28px; padding-top:20px; border-top:1px solid rgba(var(--wse-rgb-acento-med),.3); }
.wse-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(var(--wse-rgb-acento),.14); color:var(--wse-acento-pro); border:1px solid rgba(var(--wse-rgb-acento-med),.4);
}
.wse-terms a:hover{ background:linear-gradient(135deg,var(--wse-acento),var(--wse-acento-esc)); color:#fff; }

/* IMAGENS do conteudo: proporcionais, centralizadas (sem esticar SVG/emoji) */
.wse-entry img{
  max-width:600px; width:auto; height:auto; display:block; margin:20px auto;
  border-radius:14px; box-shadow:0 10px 24px rgba(var(--wse-rgb-tinta),.14);
}
@media(max-width:640px){ .wse-entry img{ max-width:100%; } }
.wse-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(var(--wse-rgb-tinta),.16);
}
.wse-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 .wse-entry img.emoji, body .wse-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 ===== */
.wse-related{ max-width:1100px; margin:48px auto 0; }
.wse-related-title{
  font-family:'Great Vibes',var(--wse-fonte-titulo,'Cormorant Garamond'),cursive; font-weight:400; text-align:center;
  font-size:2.6rem; color:var(--wse-acento-med); margin:0 0 8px; padding-bottom:14px; position:relative;
}
.wse-related-title:after{
  content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%);
  width:60px; height:2px; background:linear-gradient(90deg,var(--wse-acento-cla),var(--wse-acento-med));
}
.wse-related .wse-grid{
  grid-template-columns:repeat(3,1fr) !important;
  max-width:1040px; margin:26px auto 0;
}
@media(max-width:820px){ .wse-related .wse-grid{ grid-template-columns:repeat(2,1fr) !important; max-width:640px; } }
@media(max-width:520px){ .wse-related .wse-grid{ grid-template-columns:1fr !important; max-width:420px; } }

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

/* ===== RODAPE (sofisticado: taupe escuro + dourado) ===== */
.wse-footer{ display:block !important; visibility:visible !important; opacity:1 !important; background:var(--wse-tinta); color:var(--wse-papel); padding:64px 24px 40px; }
.wse-f-inner{ max-width:1100px; margin:0 auto; }
.wse-f-line{ border-top:1px solid rgba(var(--wse-rgb-acento-cla),.45); position:relative; margin-bottom:46px; }
.wse-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,var(--wse-acento-cla),var(--wse-acento-med));
}
.wse-f-grid{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; }
.wse-f-col{ text-align:center; }
.wse-f-marca{
  display:inline-block; width:120px; height:120px; margin:0 0 6px;
  background:var(--wse-simbolo) center/contain no-repeat;
}
.wse-f-tag{ font-family:var(--wse-fonte-titulo,'Cormorant Garamond',serif); font-style:italic; color:var(--wse-acento-cla); font-size:1.15rem; margin:0 0 20px; }
.wse-f-info{ color:var(--wse-painel-3); font-size:.95rem; font-weight:300; line-height:1.75; margin:0; }
.wse-f-info strong{ color:var(--wse-papel); font-weight:500; }
.wse-f-title{ font-family:var(--wse-fonte-titulo,'Cormorant Garamond',serif); font-weight:500; font-size:1.7rem; color:var(--wse-papel); margin:0 0 8px; }
.wse-f-sub{ text-transform:uppercase; letter-spacing:.26em; font-size:.68rem; color:var(--wse-acento-cla); font-weight:600; display:block; margin-bottom:26px; }
.wse-f-btns{ display:grid; grid-template-columns:1fr 1fr; gap:12px; max-width:440px; margin:0 auto; }
.wse-f-btn{
  display:flex; align-items:center; justify-content:center; gap:9px;
  padding:13px 16px; border-radius:999px;
  color:var(--wse-papel) !important; text-decoration:none !important;
  border:1px solid rgba(var(--wse-rgb-acento-cla),.55); background:rgba(var(--wse-rgb-acento-cla),.08);
  text-transform:uppercase; letter-spacing:.1em; font-size:.72rem; font-weight:500;
  transition:background .2s ease, transform .2s ease;
}
.wse-f-btn:hover{ background:linear-gradient(135deg,var(--wse-acento-cla),var(--wse-acento-med)); color:var(--wse-tinta) !important; transform:translateY(-2px); }
.wse-f-ico{ font-size:1rem; line-height:1; }
.wse-f-bottom{ text-align:center; margin-top:52px; padding-top:28px; border-top:1px solid rgba(var(--wse-rgb-acento-cla),.25); }
.wse-f-copy{ color:var(--wse-suave-2); font-size:.82rem; font-weight:300; margin:0 0 6px; }
.wse-f-tagline{ font-family:var(--wse-fonte-titulo,'Cormorant Garamond',serif); font-style:italic; color:var(--wse-acento-cla); font-size:1rem; margin:0 0 20px; }
.wse-f-credit{
  display:inline-flex; align-items:center; gap:7px; padding:10px 24px;
  border:1px solid rgba(var(--wse-rgb-acento-cla),.4); border-radius:999px; font-size:.74rem; color:var(--wse-painel-3);
}
.wse-f-credit a{ color:var(--wse-acento-cla) !important; text-decoration:none !important; font-weight:600; }
.wse-f-credit a:hover{ text-decoration:underline !important; }
@media(max-width:768px){ .wse-f-grid{ grid-template-columns:1fr; gap:42px; } .wse-f-marca{ width:100px; height:100px; } }
@media(max-width:480px){ .wse-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.
   ------------------------------------------------------------------ */
.wse-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="wse-au"> e colocado pelo
   functions.php (wse_bicolor).
   ================================================================== */

.wse-entry h1,
.wse-entry h2,
.wse-entry h3,
.wse-post-title{
  font-family:var(--wse-fonte-titulo,'Cormorant Garamond',Georgia,serif);
  font-weight:600;
  color:var(--wse-tinta);              /* tom escuro da paleta */
  line-height:1.16;
  letter-spacing:.005em;
}
.wse-au{ color:var(--wse-acento-esc); }     /* dourado da paleta */

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

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

/* ==================================================================
   BLOCOS DE PAGINA INTERNA (.wsep-*) — 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 ---------- */
.wsep-rotulo{
  display:inline-block; text-transform:uppercase; letter-spacing:.3em;
  font-size:.7rem; font-weight:600; color:var(--wse-acento-pro);
  border-bottom:1px solid rgba(var(--wse-rgb-acento-pro),.4);
  padding-bottom:8px; margin:0 0 18px;
}

/* ---------- prosa: coluna estreita, leitura confortavel ---------- */
.wsep-prosa{ max-width:720px; margin:56px auto; }
.wsep-prosa p{ font-size:1rem; font-weight:300; line-height:1.9; color:var(--wse-suave); }
.wsep-prosa strong{ color:var(--wse-tinta); font-weight:600; }

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

/* ---------- citacao em destaque ---------- */
.wsep-citacao{
  max-width:820px; margin:64px auto; padding:38px 34px;
  background:linear-gradient(160deg,var(--wse-claro-1) 0%,var(--wse-papel) 60%,var(--wse-claro-2) 100%);
  border-left:2px solid var(--wse-acento); border-radius:0 16px 16px 0;
  text-align:center;
}
.wsep-citacao p{
  font-family:var(--wse-fonte-titulo,'Cormorant Garamond',Georgia,serif); font-style:italic;
  font-size:clamp(1.25rem,2.4vw,1.7rem); line-height:1.5;
  color:var(--wse-tinta); margin:0;
}
.wsep-citacao cite{
  display:block; margin-top:16px; font-family:var(--wse-fonte-corpo,'Montserrat',Arial,sans-serif);
  font-style:normal; text-transform:uppercase; letter-spacing:.22em;
  font-size:.68rem; font-weight:600; color:var(--wse-acento-pro);
}

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

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

/* ---------- chamada final ---------- */
.wsep-cta{
  max-width:1120px; margin:72px auto 8px; padding:56px 34px;
  background:linear-gradient(160deg,var(--wse-painel-1) 0%,var(--wse-painel-2) 55%,var(--wse-painel-3) 100%);
  border-radius:20px; text-align:center;
}
.wsep-cta h2{
  font-family:var(--wse-fonte-titulo,'Cormorant Garamond',Georgia,serif); font-weight:600;
  font-size:clamp(1.8rem,3.4vw,2.5rem); color:var(--wse-tinta); margin:0 0 12px;
}
.wsep-cta p{ font-size:.98rem; font-weight:300; color:var(--wse-suave); margin:0 0 28px; }
.wsep-cta .wsep-botao{
  display:inline-block; padding:15px 38px; border-radius:999px;
  background:linear-gradient(135deg,var(--wse-acento),var(--wse-acento-esc)); 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(var(--wse-rgb-acento-med),.45);
  transition:transform .2s ease, filter .2s ease;
}
.wsep-cta .wsep-botao:hover{ transform:translateY(-2px); filter:brightness(1.08); }

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

/* ==================================================================
   HERO DA PAGINA INTERNA (.wsep-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 --wse-textura, declarada no rodape.css).

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

.wsep-hero{
  position:relative; overflow:hidden;
  width:auto; max-width:none;
  /* sem margem negativa: o hero ja e o primeiro do container e encosta
     na barra sozinho. Quem afasta o texto e o padding, aqui de baixo. */
  margin:0 var(--wse-sangria) 0;
  background:linear-gradient(160deg,var(--wse-painel-1) 0%,var(--wse-painel-2) 55%,var(--wse-painel-3) 100%);
  border-bottom:1px solid rgba(var(--wse-rgb-acento-med),.28);
  padding:78px 34px 10px;
}
/* textura floral, atras de tudo */
.wsep-hero::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:var(--wse-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%);
}
.wsep-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;
}
.wsep-hero-txt{ align-self:center; padding-bottom:34px; }

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

.wsep-botao{
  display:inline-block; padding:15px 34px; border-radius:999px;
  background:linear-gradient(135deg,var(--wse-acento),var(--wse-acento-esc)); 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(var(--wse-rgb-acento-med),.45);
  transition:transform .2s ease, filter .2s ease;
}
.wsep-botao:hover{ transform:translateY(-2px); filter:brightness(1.08); }
.wsep-botao--linha{
  background:transparent; color:var(--wse-tinta) !important;
  border:1px solid var(--wse-tinta); box-shadow:none;
}
.wsep-botao--linha:hover{ background:rgba(255,255,255,.45); }

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



@media(max-width:900px){
  .wsep-hero{ padding:44px 22px 0; text-align:center; }
  .wsep-hero-inner{ grid-template-columns:1fr; gap:16px; }
  .wsep-hero-txt{ padding-bottom:8px; }
  .wsep-hero-titulo, .wsep-hero-sub{ margin-left:auto; margin-right:auto; }
  .wsep-hero-btns{ justify-content:center; }
  .wsep-hero-foto img{ max-width:300px; }
  .wsep-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){
  .wsep-hero-foto img{ max-width:240px; }
  .wsep-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 */
.wsep-hero-titulo em{ font-style:italic; color:var(--wse-acento-esc); }

/* respiro entre o hero e o conteudo, sem mexer no padding interno do artigo */
.single .wse-single{ margin-top:52px; }
.wsep-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.
   ================================================================== */

.wsep-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 */
.wsep-historia::before{
  content:""; position:absolute; left:-40px; bottom:-40px;
  width:230px; height:230px; z-index:0; opacity:.13; pointer-events:none;
  background:var(--wse-simbolo) left bottom/contain no-repeat;
}

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

.wsep-historia-txt{ position:relative; z-index:1; }
.wsep-historia-txt h2{
  font-family:var(--wse-fonte-titulo,'Cormorant Garamond',Georgia,serif); font-weight:600;
  font-size:clamp(1.9rem,3.6vw,2.9rem); line-height:1.14;
  color:var(--wse-tinta); margin:0 0 26px;
}
.wsep-historia-txt h2 em{ font-style:italic; color:var(--wse-acento-esc); }
.wsep-historia-txt p{
  font-size:1rem; font-weight:300; line-height:1.9; color:var(--wse-suave); margin:0 0 18px;
}
.wsep-historia-txt strong{ color:var(--wse-tinta); font-weight:600; }

/* a frase dela */
.wsep-fala{
  margin:28px 0 26px; padding:4px 0 4px 20px;
  border-left:2px solid var(--wse-acento);
  font-family:var(--wse-fonte-titulo,'Cormorant Garamond',Georgia,serif); font-style:italic;
  font-size:1.15rem; line-height:1.55; color:var(--wse-acento-txt);
}
.wsep-fala::before{ content:"\201C"; }
.wsep-fala::after{ content:"\201D"; }

/* assinatura */
.wsep-assina{ margin:0 !important; }
.wsep-assina-nome{
  display:block; font-family:var(--wse-fonte-titulo,'Cormorant Garamond',Georgia,serif);
  font-style:italic; font-size:1.4rem; color:var(--wse-tinta); line-height:1.2;
}
.wsep-assina-cargo{
  display:block; margin-top:6px; text-transform:uppercase;
  letter-spacing:.22em; font-size:.68rem; font-weight:600; color:var(--wse-acento-pro);
}

@media(max-width:900px){
  .wsep-historia{ grid-template-columns:1fr; gap:38px; margin-top:44px; }
  .wsep-colagem img:nth-child(3){ max-width:60%; }
  .wsep-historia::before{ width:150px; height:150px; left:-16px; bottom:-16px; }
}
@media(max-width:560px){
  .wsep-colagem{ gap:12px; }
  .wsep-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 ---------- */
.wsep-sec{ max-width:1180px; margin:78px auto 0; }
.wsep-sec-topo{ text-align:center; margin-bottom:44px; }
.wsep-sec-topo h2{
  font-family:var(--wse-fonte-titulo,'Cormorant Garamond',Georgia,serif); font-weight:600;
  font-size:clamp(1.8rem,3.4vw,2.6rem); color:var(--wse-tinta); margin:0 0 8px;
}
.wsep-sec-topo h2 em{ font-style:italic; color:var(--wse-acento-esc); }
.wsep-sec-topo p{
  font-family:var(--wse-fonte-titulo,'Cormorant Garamond',Georgia,serif); font-style:italic;
  font-size:1rem; color:var(--wse-acento-pro); margin:0;
}

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

/* ---------- DIFERENCIAIS ---------- */
.wsep-difs{
  display:grid; grid-template-columns:repeat(3,1fr); gap:20px;
  max-width:1120px; margin:0 auto;
}
.wsep-dif{
  background:var(--wse-cartao); border:1px solid rgba(var(--wse-rgb-acento-med),.28);
  border-radius:18px; padding:26px 24px;
  transition:transform .25s ease, box-shadow .25s ease;
}
.wsep-dif:hover{ transform:translateY(-4px); box-shadow:0 14px 30px rgba(var(--wse-rgb-tinta),.12); }
.wsep-dif-ico{ font-size:1.5rem; line-height:1; display:block; margin-bottom:12px; }
.wsep-dif h3{
  font-family:var(--wse-fonte-titulo,'Cormorant Garamond',Georgia,serif); font-weight:600;
  font-size:1.2rem; color:var(--wse-tinta); margin:0 0 8px;
}
.wsep-dif p{ font-size:.9rem; font-weight:300; line-height:1.75; color:var(--wse-suave); margin:0; }

/* ---------- SERVICOS ---------- */
.wsep-servicos{
  display:flex; flex-wrap:wrap; gap:12px; justify-content:center;
  max-width:900px; margin:0 auto;
}
.wsep-serv{
  display:inline-block; padding:12px 22px; border-radius:999px;
  background:linear-gradient(160deg,var(--wse-claro-1),var(--wse-claro-2));
  border:1px solid rgba(var(--wse-rgb-acento-med),.4);
  font-size:.84rem; font-weight:500; color:var(--wse-suave);
}
.wsep-serv-destaque{
  background:linear-gradient(135deg,var(--wse-acento),var(--wse-acento-esc)); color:#fff;
  border-color:var(--wse-acento-esc); font-weight:600;
}

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

@media(max-width:900px){
  .wsep-sec{ margin-top:56px; }
  .wsep-difs{ grid-template-columns:1fr 1fr; }
  .wsep-nicho{ grid-template-columns:1fr; }
  .wsep-linha::before{ left:0; }
  .wsep-etapa{ grid-template-columns:1fr; gap:6px; padding-left:26px; padding-bottom:32px; }
  .wsep-etapa::after{ left:-4px; top:8px; }
  .wsep-quando{ text-align:left; }
}
@media(max-width:600px){
  .wsep-difs{ grid-template-columns:1fr; }
  .wsep-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.
   ================================================================== */

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