/* ============================================================
   WS BARBEARIA — pele escura. Cobre os DOIS temas do kit:
   ws-editorial (variaveis --wse-*) e o tema WebSalao (variaveis --lb-*).
   So troca cor/fonte; todos os editores e recursos seguem iguais.
   ============================================================ */

/* ---------- ws-editorial (--wse-*) ---------- */
body.ws-layout-barber{
  --wse-papel:#17140f; --wse-rgb-papel:23,20,15;
  --wse-cartao:#211c15; --wse-rgb-cartao:33,28,21;
  --wse-perola:#211b14; --wse-branco:#f3ece0;
  --wse-claro-1:#211c15; --wse-claro-2:#191510; --wse-claro-3:#262019; --wse-claro-4:#2f2820;
  --wse-painel-1:#201b14; --wse-painel-2:#251f17; --wse-painel-3:#2c251c;
  --wse-escuro:#0e0b08; --wse-escuro-2:#080605; --wse-rgb-escuro:14,11,8;
  --wse-tinta:#efe6d4; --wse-tinta-esc:#f7f0e2; --wse-rgb-tinta:239,230,212;
  --wse-suave:#b7a988; --wse-suave-2:#9a9080; --wse-rgb-suave:183,169,136;
  --wse-ouro:#ca8a52; --wse-ouro-cla:#e6b887; --wse-ouro-txt:#eac88f; --wse-rgb-ouro:202,138,82;
  --wse-rosa:#ca8a52; --wse-rosa-txt:#eac88f; --wse-rgb-rosa:202,138,82;
  --wse-acento:#ca8a52; --wse-acento-cla:#ddaa6a; --wse-acento-med:#b8860b; --wse-acento-esc:#8a5a28; --wse-acento-pro:#6e4620; --wse-acento-txt:#eac88f;
  --wse-rgb-acento:202,138,82; --wse-rgb-acento-cla:221,170,106; --wse-rgb-acento-med:184,134,11; --wse-rgb-acento-esc:138,90,40; --wse-rgb-acento-pro:110,70,32;
  --wse-paper:#17140f; --wse-card:#211c15; --wse-ink:#efe6d4; --wse-soft:#a89a80;
  --wse-gold:#ca8a52; --wse-gold-d:#c9954f; --wse-gold-l:#e6b887; --wse-nude:#241d15;
  --wse-fonte-titulo:'Bebas Neue','Oswald',Impact,sans-serif;
  --wse-fonte-destaque:'Oswald','Bebas Neue',sans-serif;
  --wse-fonte-corpo:'Montserrat',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  /* ---------- tema WebSalao (--lb-*) ---------- */
  --lb-paper:#1a1a1a; --lb-card:#212121; --lb-ink:#f5f0e6; --lb-soft:#b8b0a0;
  --lb-gold:#ca8a52; --lb-gold-d:#8a5a28; --lb-gold-l:#e6b887; --lb-nude:#262626;
  --lb-font-head:'Bebas Neue','Oswald',Impact,sans-serif;
  --lb-font-script:'Oswald','Bebas Neue',Impact,sans-serif;
  --lb-font-body:'Montserrat',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
body.ws-layout-barber{background:var(--wse-papel,var(--lb-paper));color:var(--wse-tinta,var(--lb-ink))}
body.ws-layout-barber img{background:#221d16}

/* ws-editorial: o hero .wsb-portal--lado tem branco cravado */
body.ws-layout-barber .wsb-portal,body.ws-layout-barber .wsb-portal--lado{ background:var(--wse-paper) !important; }
body.ws-layout-barber .wsb--escura .wsb-depo-card,body.ws-layout-barber .wsb--tom .wsb-card-link{ background:#efe6d4; }
body.ws-layout-barber .wsb-titulo{letter-spacing:.03em;line-height:1.02}

/* tema WebSalao: hero usa var(--card,#fff) -> forca escuro */
body.ws-layout-barber .dep{ --card:var(--lb-card); --papel:var(--lb-paper); }
body.ws-layout-barber .dep .hero{ background:linear-gradient(180deg,var(--lb-card),var(--lb-paper)) !important; }
body.ws-layout-barber .dep h2.dh .ass,body.ws-layout-barber .dep h3.sh .ass{ font-style:normal !important; letter-spacing:.02em !important; }
/* .escura inverte paper<->ink; na barbearia tudo ja e escuro -> nao inverter */
body.ws-layout-barber .escura{ --papel:var(--lb-paper) !important; --tinta:var(--lb-ink) !important; --card:var(--lb-card) !important; background:var(--lb-paper) !important; color:var(--lb-ink) !important; }
/* cartoes/botoes claros -> escuros */
body.ws-layout-barber .wsl-card-claro,body.ws-layout-barber .lbc-card,body.ws-layout-barber .lbc-todos,body.ws-layout-barber [class*="card-claro"]{ background:var(--lb-card) !important; color:var(--lb-ink) !important; border-color:rgba(202,138,82,.22) !important; }
/* cabecalho do tema WebSalao (escopo proprio --wshh-bg) e rodape */
body.ws-layout-barber .wshh-bar,body.ws-layout-barber .wshh-luxo{ --wshh-bg:var(--lb-card) !important; --wshh-text:var(--lb-ink) !important; --wshh-accent:var(--lb-gold) !important; background:var(--lb-card) !important; background-image:none !important; color:var(--lb-ink) !important; }
body.ws-layout-barber .lbf-barra{ background:var(--lb-card) !important; background-image:none !important; }
body.ws-layout-barber [class*="rodape"]{ background:var(--lb-paper) !important; color:var(--lb-ink) !important; }

/* IMUNIDADE DO EDITOR: a pele nao pode encostar na interface do overlay
   (que usa prefixo wsp-). Sem isso, [class*="rodape"] pegava .wsp-rodape e
   o img{background} pintava atras da logo do painel. */
#wsp-veu [class*="rodape"],#wsp-topo [class*="rodape"],#wsp-bar [class*="rodape"]{ background:none !important; color:inherit !important; }
#wsp-veu img,#wsp-topo img,#wsp-bar img,#wsp-estdock img,#wsp-salvo img,#wsp-zoombox img{ background:transparent !important; }

/* ===== correcoes da revisao ao vivo (majorsavassi) ===== */
/* a barra do topo de verdade e .lbh-bar (gradiente dourado proprio) */
body.ws-layout-barber .lbh-bar,body.ws-layout-barber .lbt-topo{ background:var(--lb-card) !important; background-image:none !important; border-bottom:1px solid rgba(202,138,82,.25); }
body.ws-layout-barber .lbh-bar a,body.ws-layout-barber .lbh-nav a{ color:var(--lb-ink) !important; }
/* "Como chegar" no menu: e um span-bloco que descia torto — alinha como os outros itens */
body.ws-layout-barber .lbh-nav .wsq-cc,body.ws-layout-barber nav .wsq-cc{ display:inline-flex !important; align-items:center !important; vertical-align:middle !important; height:auto !important; margin:0 !important; }
body.ws-layout-barber .wsq-cc-menu{ background:var(--lb-card) !important; color:var(--lb-ink) !important; border:1px solid rgba(202,138,82,.35) !important; border-radius:12px; box-shadow:0 14px 34px rgba(0,0,0,.5); }
body.ws-layout-barber .wsq-cc-menu a{ color:var(--lb-ink) !important; }
/* botoes do rodape (Google Maps / Waze / Uber / Avaliar / redes): virar botao de verdade */
body.ws-layout-barber .wsef-btn{ display:inline-flex !important; align-items:center; gap:7px; background:var(--lb-card) !important; color:var(--lb-ink) !important; border:1.5px solid rgba(202,138,82,.5) !important; border-radius:999px !important; padding:9px 16px !important; font:600 13px 'Montserrat',Arial,sans-serif !important; text-decoration:none !important; margin:3px 4px 3px 0; transition:all .15s ease; }
body.ws-layout-barber .wsef-btn:hover{ background:var(--lb-gold) !important; color:#17140f !important; border-color:var(--lb-gold) !important; }
body.ws-layout-barber .lbf-cta{ background:var(--lb-gold) !important; color:#17140f !important; border-radius:999px !important; font-weight:800 !important; }
/* botao com link vazio nao aparece (ex.: Avaliar sem link cadastrado) */
body.ws-layout-barber .wsef-btn[href=""]{ display:none !important; }

/* ===== v1.3.0: horarios, rodape e conveniencias no estilo Macchina ===== */
/* HORARIOS: cartao escuro legivel, dias com divisoria, valores dourados, Fechado em vermelho */
body.ws-layout-barber .wsl-horarios .wsl-card,body.ws-layout-barber .wsl-hcard{ background:var(--lb-card) !important; color:var(--lb-ink) !important; border:1px solid rgba(202,138,82,.3) !important; border-radius:16px; }
body.ws-layout-barber .wsl-hcard h4{ font-family:'Bebas Neue','Oswald',sans-serif !important; font-weight:400 !important; font-size:26px !important; letter-spacing:.05em; color:var(--lb-ink) !important; }
body.ws-layout-barber .wsl-card-sub{ color:#e6b887 !important; text-transform:uppercase; letter-spacing:.18em; font-size:10.5px !important; }
body.ws-layout-barber .wsl-hrow{ display:flex; justify-content:space-between; padding:11px 2px !important; border-bottom:1px solid rgba(202,138,82,.16) !important; }
body.ws-layout-barber .wsl-hdia{ color:var(--lb-ink) !important; font-weight:700; letter-spacing:.04em; text-transform:uppercase; font-size:12.5px; }
body.ws-layout-barber .wsl-hval{ color:#e6b887 !important; font-family:'Oswald',monospace; letter-spacing:.08em; }
body.ws-layout-barber .wsl-hrow.fechado .wsl-hval{ color:#e05252 !important; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
body.ws-layout-barber .wsl-hnota,body.ws-layout-barber .wsl-end1,body.ws-layout-barber .wsl-end2{ color:var(--lb-soft) !important; }
body.ws-layout-barber .wsl-contato h4{ font-family:'Bebas Neue','Oswald',sans-serif !important; font-weight:400 !important; font-size:26px !important; letter-spacing:.05em; color:var(--lb-ink) !important; }
/* RODAPE estilo Macchina: titulos de coluna dourados com fio, botoes redondos */
body.ws-layout-barber .lbf-titulo{ font-family:'Bebas Neue','Oswald',sans-serif !important; font-weight:400 !important; font-size:22px !important; letter-spacing:.14em !important; text-transform:uppercase; color:#e6b887 !important; padding-bottom:8px; border-bottom:2px solid rgba(202,138,82,.5); display:inline-block; }
body.ws-layout-barber .lbf-nome{ font-family:'Bebas Neue','Oswald',sans-serif !important; font-weight:400 !important; letter-spacing:.06em !important; color:var(--lb-ink) !important; }
body.ws-layout-barber .lbf-nome em{ color:#ca8a52 !important; font-style:normal !important; }
body.ws-layout-barber .lbf-sub{ color:#e6b887 !important; letter-spacing:.18em !important; text-transform:uppercase; font-size:10.5px !important; }
body.ws-layout-barber .lbf-cta{ background:linear-gradient(135deg,#e6b887,#ca8a52) !important; color:#17140f !important; box-shadow:0 8px 22px rgba(202,138,82,.3); }
body.ws-layout-barber .lbf-hval{ color:#e6b887 !important; } body.ws-layout-barber .lbf-fechado{ color:#e05252 !important; }
/* CONVENIENCIAS: cartoes escuros com circulo dourado brilhando (macchina) */
body.ws-layout-barber .wsq-conv-item{ background:var(--lb-card) !important; border:1px solid rgba(202,138,82,.45) !important; border-radius:18px !important; color:var(--lb-ink) !important; text-align:center; padding:26px 18px !important; }
body.ws-layout-barber .wsq-conv-ic{ width:74px !important; height:74px !important; margin:0 auto 16px !important; display:flex !important; align-items:center; justify-content:center; font-size:30px !important; border-radius:999px !important; background:radial-gradient(circle at 35% 30%,#e6b887,#ca8a52) !important; border:3px solid #f7ead2 !important; box-shadow:0 0 24px rgba(202,138,82,.65) !important; }
body.ws-layout-barber .wsq-conv-tit{ font-family:'Oswald','Bebas Neue',sans-serif !important; letter-spacing:.22em !important; text-transform:uppercase; color:#e6b887 !important; font-size:13px !important; }
body.ws-layout-barber .wsq-conv-sub{ color:var(--lb-ink) !important; font-style:italic; }
/* hero com foto de fundo: quando a secao hero tem imagem, escurece por cima pra ler */
body.ws-layout-barber .dep .hero[style*="background-image"]{ background-size:cover !important; background-position:center !important; position:relative; }
body.ws-layout-barber .dep .hero[style*="background-image"]::before{ content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(20,17,13,.78),rgba(20,17,13,.9)); }
body.ws-layout-barber .dep .hero[style*="background-image"] .in{ position:relative; z-index:1; }

/* HERO COM FOTO DE FUNDO (estilo Macchina): o tema poe a imagem como retrato
   (.hero-img); na barbearia ela vira o FUNDO da secao inteira, com veu escuro. */
body.ws-layout-barber .dep .hero{ position:relative; overflow:hidden; }
body.ws-layout-barber .dep .hero .hero-img{ position:absolute !important; inset:0 !important; margin:0 !important; z-index:0; }
body.ws-layout-barber .dep .hero .hero-img img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:center 30%; border-radius:0 !important; filter:none !important; }
body.ws-layout-barber .dep .hero .hero-img::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(20,17,13,.82) 0%,rgba(20,17,13,.62) 45%,rgba(20,17,13,.9) 100%); }
body.ws-layout-barber .dep .hero .in{ position:static; }
body.ws-layout-barber .dep .hero .in > *:not(.hero-img){ position:relative; z-index:2; }

/* ===== v1.4.0: mais Macchina ainda ===== */
/* secoes de destaque SEM margem lateral: sangram ate a borda da tela */
body.ws-layout-barber .wsbb-sec,body.ws-layout-barber .wsbs-sec{ margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; border-radius:0 !important; }
body.ws-layout-barber .lbt-home-main,body.ws-layout-barber .lbt-home-content,body.ws-layout-barber .dep{ overflow-x:clip; }
/* hero no estilo do letreiro da Macchina: serifado pesado, 2a palavra dourada */
body.ws-layout-barber .dep h2.dh{ font-family:'Playfair Display',Georgia,serif !important; font-weight:900 !important; text-transform:uppercase; letter-spacing:.5px; line-height:1.04 !important; }
body.ws-layout-barber .dep h2.dh .ass{ font-family:'Playfair Display',Georgia,serif !important; font-weight:900 !important; color:#f5f0e6 !important; font-size:1em !important; }
body.ws-layout-barber .dep h2.dh > br + *, body.ws-layout-barber .dep h2.dh{ color:#e8a33d; }
body.ws-layout-barber .dep h2.dh .caps{ font-family:'Montserrat',Arial,sans-serif !important; color:#cfc6b4 !important; }
/* titulos de secao (h3.sh) tambem serifados como a Macchina */
body.ws-layout-barber .dep h3.sh,body.ws-layout-barber .wsl-sec h3.sh{ font-family:'Playfair Display',Georgia,serif !important; font-weight:800 !important; }
body.ws-layout-barber .dep h3.sh .ass{ font-family:'Playfair Display',Georgia,serif !important; font-style:normal !important; }
/* contatos do bloco de horarios: tiles com fio dourado (como os cartoes da Macchina) */
body.ws-layout-barber .wsl-contato{ display:grid; grid-template-columns:1fr 1fr; gap:12px; align-content:start; }
body.ws-layout-barber .wsl-contato h4,body.ws-layout-barber .wsl-contato .wsl-card-sub{ grid-column:1 / -1; }
body.ws-layout-barber .wsl-contato a{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; text-align:center; background:#1c1c1c !important; border:1px solid rgba(202,138,82,.55) !important; border-radius:14px !important; padding:20px 12px !important; color:#f5f0e6 !important; font:700 11.5px 'Montserrat',Arial,sans-serif !important; letter-spacing:.14em; text-transform:uppercase; text-decoration:none !important; transition:all .15s ease; }
body.ws-layout-barber .wsl-contato a:hover{ border-color:#ca8a52 !important; transform:translateY(-2px); }
body.ws-layout-barber .wsl-contato a[class*="zap"]{ grid-column:1 / -1; background:linear-gradient(135deg,#e6b887,#ca8a52) !important; color:#171717 !important; border:0 !important; }
/* blog "Sugestoes de leitura": faixa escura tambem */
body.ws-layout-barber .lbc-sugestoes{ background:var(--lb-paper) !important; color:var(--lb-ink) !important; }
body.ws-layout-barber .lbc-sugestoes h3,body.ws-layout-barber .lbc-sug-titulo{ color:var(--lb-ink) !important; font-family:'Playfair Display',Georgia,serif !important; font-weight:800 !important; }

/* ===== v1.5.0: identidade Macchina completa ===== */
/* RODAPE preto com listra de barbeiro e tesoura em marca dagua */
body.ws-layout-barber .lbf,body.ws-layout-barber #lbf-rodape{ background:#121212 !important; color:var(--lb-ink) !important; position:relative; }
body.ws-layout-barber #lbf-rodape::before{ content:''; display:block; height:8px; background:repeating-linear-gradient(-45deg,#ca8a52 0 14px,#171717 14px 28px,#f1e7d6 28px 42px,#171717 42px 56px); opacity:.75; }
body.ws-layout-barber .lbf-painel{ background:transparent !important; }
body.ws-layout-barber .lbf-col-marca{ position:relative; }
body.ws-layout-barber .lbf-col-marca::before{ content:'\2702'; position:absolute; left:-14px; top:-30px; font-size:170px; color:#ca8a52; opacity:.06; transform:rotate(-18deg); pointer-events:none; line-height:1; }
body.ws-layout-barber .lbf-nome{ text-transform:uppercase; letter-spacing:.5px; font-size:clamp(26px,2.6vw,34px) !important; }
body.ws-layout-barber .lbf-barra{ background:#0d0d0d !important; border-top:1px solid rgba(202,138,82,.3); }
body.ws-layout-barber .lbf-barra a{ color:#cfc6b4 !important; }
/* ornamento de tesoura sob os titulos de secao */
body.ws-layout-barber .dep h3.sh::after,body.ws-layout-barber .wsl-sec h3.sh::after{ content:'\2014\0020\2702\0020\2014'; display:block; margin-top:10px; color:#ca8a52; font-size:15px; letter-spacing:.35em; opacity:.85; font-family:'Montserrat',Arial,sans-serif; }
body.ws-layout-barber .dep .hero h2.dh .caps{ position:relative; }
/* cartao de horarios com navalha em marca dagua */
body.ws-layout-barber .wsl-hcard{ position:relative; overflow:hidden; }
body.ws-layout-barber .wsl-hcard::after{ content:'\2702'; position:absolute; right:-18px; bottom:-26px; font-size:130px; color:#ca8a52; opacity:.05; transform:rotate(22deg); pointer-events:none; line-height:1; }
/* CARROSSEL DE VIDEOS embutido: mostrar e vestir de barbearia */
body.ws-layout-barber #wsvg-home-holder{ display:block !important; }
body.ws-layout-barber .wsvg-widget{ background:var(--lb-card,#212121) !important; padding:70px 18px !important; position:relative; overflow:hidden; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; }
body.ws-layout-barber .wsvg-widget::before,body.ws-layout-barber .wsvg-widget::after{ content:''; position:absolute; top:0; bottom:0; width:10px; opacity:.5; background:repeating-linear-gradient(-45deg,#ca8a52 0 12px,#171717 12px 24px,#f1e7d6 24px 36px,#171717 36px 48px); }
body.ws-layout-barber .wsvg-widget::before{ left:0 } body.ws-layout-barber .wsvg-widget::after{ right:0 }
body.ws-layout-barber .wsvg-widget h2,body.ws-layout-barber .wsvg-widget h3,body.ws-layout-barber .wsvg-widget [class*="title"]{ font-family:'Playfair Display',Georgia,serif !important; font-weight:900 !important; text-transform:uppercase; color:var(--lb-ink) !important; }
body.ws-layout-barber .wsvg-item,body.ws-layout-barber .ws-yt-thumb{ border:2px solid rgba(255,255,255,.75) !important; border-radius:12px !important; overflow:hidden !important; box-shadow:0 4px 18px rgba(0,0,0,.45) !important; }
/* BLOG "Sugestoes de leitura": cartoes escuros elegantes */
body.ws-layout-barber .lbc-card{ background:#212121 !important; border:1px solid rgba(202,138,82,.35) !important; border-radius:14px !important; color:var(--lb-ink) !important; overflow:hidden; }
body.ws-layout-barber .lbc-card h3,body.ws-layout-barber .lbc-card h4,body.ws-layout-barber .lbc-card [class*="titulo"]{ font-family:'Playfair Display',Georgia,serif !important; color:var(--lb-ink) !important; }
body.ws-layout-barber .lbc-card a[class*="btn"],body.ws-layout-barber .lbc-card .lbc-mais{ background:transparent !important; border:1.5px solid #ca8a52 !important; color:#e6b887 !important; border-radius:999px !important; text-transform:uppercase; letter-spacing:.08em; font-weight:700 !important; }
body.ws-layout-barber .lbc-todos{ border:1.5px solid #ca8a52 !important; color:#e6b887 !important; background:transparent !important; border-radius:999px !important; }
/* LIGHTBOX GLOBAL (qualquer imagem de conteudo amplia) */
#wslb-global{ position:fixed; inset:0; background:rgba(10,10,10,.95); z-index:999998; display:none; align-items:center; justify-content:center; padding:26px; cursor:zoom-out; }
#wslb-global.on{ display:flex; }
#wslb-global img{ max-width:94vw; max-height:90vh; border-radius:12px; box-shadow:0 20px 70px rgba(0,0,0,.7); animation:wslbPop .25s ease; background:#000; }
@keyframes wslbPop{ from{ transform:scale(.93); opacity:.4 } to{ transform:scale(1); opacity:1 } }
#wslb-global .wslb-x{ position:fixed; top:18px; right:22px; background:#ca8a52; color:#171717; border:0; border-radius:999px; width:44px; height:44px; font-size:24px; cursor:pointer; }
body.ws-layout-barber .dep section img,body.ws-layout-barber .carr .trilho img,body.ws-layout-barber .escura img{ cursor:zoom-in; }

/* ================= v1.6.0 — mais personalidade Macchina ================= */

/* --- 1) EFEITO PADRAO NOS BOTOES (brilho que passa + levantar) --- */
body.ws-layout-barber .btn,body.ws-layout-barber .lbf-cta,body.ws-layout-barber .wsl-btn-zap,
body.ws-layout-barber .wsbs-cta,body.ws-layout-barber .wsef-btn,body.ws-layout-barber .lbc-todos,
body.ws-layout-barber .wsl-bh3-btn,body.ws-layout-barber [class*="-cta"]{
  position:relative; overflow:hidden; transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}
body.ws-layout-barber .btn::after,body.ws-layout-barber .lbf-cta::after,body.ws-layout-barber .wsl-btn-zap::after,
body.ws-layout-barber .wsbs-cta::after,body.ws-layout-barber .wsl-bh3-btn::after{
  content:''; position:absolute; top:0; bottom:0; left:-120%; width:45%; pointer-events:none;
  background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.34),rgba(255,255,255,0));
  transform:skewX(-18deg); transition:left .55s ease;
}
body.ws-layout-barber .btn:hover::after,body.ws-layout-barber .lbf-cta:hover::after,body.ws-layout-barber .wsl-btn-zap:hover::after,
body.ws-layout-barber .wsbs-cta:hover::after,body.ws-layout-barber .wsl-bh3-btn:hover::after{ left:130%; }
body.ws-layout-barber .btn:hover,body.ws-layout-barber .lbf-cta:hover,body.ws-layout-barber .wsl-btn-zap:hover,
body.ws-layout-barber .wsbs-cta:hover,body.ws-layout-barber .wsl-bh3-btn:hover{
  transform:translateY(-2px); box-shadow:0 10px 26px rgba(202,138,82,.42);
}

/* --- 2) TITULO "Trabalhos da Major Savassi": 1 linha + efeito dourado --- */
body.ws-layout-barber .wsbb-tit,body.ws-layout-barber .wsbs-tit{
  font-size:clamp(23px,3.2vw,44px) !important; line-height:1.08 !important;
}
@media(min-width:900px){ body.ws-layout-barber .wsbb-tit,body.ws-layout-barber .wsbs-tit{ white-space:nowrap; } }
body.ws-layout-barber .wsbb-tit em,body.ws-layout-barber .wsbs-tit em{
  background:linear-gradient(100deg,#e8a33d 0%,#f7ead2 45%,#ca8a52 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
  text-shadow:0 0 34px rgba(202,138,82,.32);
}

/* --- 3) AVALIACOES: seção diferenciada (fundo proprio + ornamento) --- */
body.ws-layout-barber .wsl-avaliacoes{
  background:radial-gradient(ellipse at 50% 0%,#2a2118 0%,#171717 62%) !important;
  position:relative; overflow:hidden;
  border-top:1px solid rgba(202,138,82,.28); border-bottom:1px solid rgba(202,138,82,.28);
}
body.ws-layout-barber .wsl-avaliacoes::before{
  content:'\2605 \2605 \2605 \2605 \2605'; position:absolute; top:14px; left:50%; transform:translateX(-50%);
  color:#ca8a52; opacity:.14; font-size:64px; letter-spacing:.18em; pointer-events:none; line-height:1;
}
body.ws-layout-barber .wsl-avaliacoes .wsl-card,body.ws-layout-barber .wsl-avaliacoes .wsl-card-claro{
  background:linear-gradient(165deg,#241d16,#1a1a1a) !important; border:1px solid rgba(202,138,82,.4) !important;
  box-shadow:0 14px 40px rgba(0,0,0,.5) !important;
}

/* --- 4) RODAPE: texto legivel + logo com efeito --- */
body.ws-layout-barber .lbf-addr,body.ws-layout-barber .lbf-addr strong,
body.ws-layout-barber .lbf-tag,body.ws-layout-barber .lbf-mail,body.ws-layout-barber .lbf-mail a,
body.ws-layout-barber .lbf-hday,body.ws-layout-barber .lbf-nota,body.ws-layout-barber .lbf p,
body.ws-layout-barber .lbf span,body.ws-layout-barber .lbf li{ color:#f5f0e6 !important; }
body.ws-layout-barber .lbf-kicker,body.ws-layout-barber .lbf-nota{ color:#cfc6b4 !important; }
body.ws-layout-barber .lbf-hval{ color:#e6b887 !important; }
body.ws-layout-barber .lbf-marca{
  border-radius:50% !important; padding:8% !important; background:rgba(245,240,230,.06) !important;
  box-shadow:0 0 0 2px rgba(202,138,82,.55), 0 0 28px rgba(202,138,82,.35) !important;
  animation:wslbfResp 4.8s ease-in-out infinite;
}
@keyframes wslbfResp{ 0%,100%{ transform:translateY(0) scale(1) } 50%{ transform:translateY(-3px) scale(1.02) } }

/* --- 5) HEADER com mais personalidade (nav dourada com fio animado) --- */
body.ws-layout-barber .lbh-nav a,body.ws-layout-barber .wshh-bar a{
  position:relative; text-transform:uppercase; letter-spacing:.14em; font-weight:600 !important;
  font-family:'Montserrat',Arial,sans-serif !important; font-size:12.5px !important;
}
body.ws-layout-barber .lbh-nav a::after,body.ws-layout-barber .wshh-bar nav a::after{
  content:''; position:absolute; left:0; right:100%; bottom:-6px; height:2px; background:#ca8a52; transition:right .25s ease;
}
body.ws-layout-barber .lbh-nav a:hover::after,body.ws-layout-barber .wshh-bar nav a:hover::after{ right:0; }
body.ws-layout-barber .lbh-nav a:hover,body.ws-layout-barber .wshh-bar a:hover{ color:#e6b887 !important; }
body.ws-layout-barber .lbh-bar::after,body.ws-layout-barber .wshh-bar::after{
  content:''; position:absolute; left:0; right:0; bottom:0; height:4px;
  background:repeating-linear-gradient(-45deg,#ca8a52 0 10px,#171717 10px 20px,#f1e7d6 20px 30px,#171717 30px 40px); opacity:.85;
}
body.ws-layout-barber .lbh-bar,body.ws-layout-barber .wshh-bar{ position:relative; }

/* --- 8) CONVENIENCIAS: faixa com identidade --- */
body.ws-layout-barber .wsq-conv{
  background:linear-gradient(180deg,#1f1a14,#161616) !important; padding:64px 20px !important;
  margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important;
  border-top:1px solid rgba(202,138,82,.25); border-bottom:1px solid rgba(202,138,82,.25);
}
body.ws-layout-barber .wsq-conv-grid{ max-width:1120px; margin:0 auto; }

/* --- 9) SUGESTOES DE LEITURA: fundo com contexto --- */
body.ws-layout-barber .lbc-sugestoes{
  background:linear-gradient(180deg,#161616 0%,#221b14 100%) !important; position:relative; overflow:hidden;
  margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; padding:70px 22px !important;
  border-top:1px solid rgba(202,138,82,.25);
}
body.ws-layout-barber .lbc-sugestoes::before{
  content:'\2702'; position:absolute; right:4%; top:8%; font-size:190px; color:#ca8a52; opacity:.05;
  transform:rotate(16deg); pointer-events:none; line-height:1;
}

/* --- 10) SINGLE (post): texto legivel + video alinhado --- */
body.ws-layout-barber .lbt-single,body.ws-layout-barber .lbt-content,body.ws-layout-barber .lbt-entry,
body.ws-layout-barber .lbt-container,body.ws-layout-barber .lbt-au{ background:transparent !important; color:#f5f0e6 !important; }
body.ws-layout-barber .lbt-entry *:not(a):not(script):not(style),
body.ws-layout-barber .lbt-content *:not(a):not(script):not(style),
body.ws-layout-barber .lbt-au,body.ws-layout-barber .lbt-meta,body.ws-layout-barber .lbt-terms{ color:#f5f0e6 !important; }
body.ws-layout-barber .lbt-entry h1,body.ws-layout-barber .lbt-entry h2,body.ws-layout-barber .lbt-entry h3,
body.ws-layout-barber .lbt-post-title{ color:#f5f0e6 !important; font-family:'Playfair Display',Georgia,serif !important; }
body.ws-layout-barber .lbt-entry h2,body.ws-layout-barber .lbt-entry h3{ border-left:3px solid #ca8a52; padding-left:12px; }
body.ws-layout-barber .lbt-entry a,body.ws-layout-barber .lbt-content a{ color:#e6b887 !important; }
body.ws-layout-barber .lbt-entry blockquote{ background:#212121 !important; border-left:4px solid #ca8a52 !important; color:#f5f0e6 !important; }
body.ws-layout-barber .lbt-single .wsvg-widget,body.ws-layout-barber .lbt-content .wsvg-widget{
  margin-left:0 !important; margin-right:0 !important; width:100% !important; max-width:100% !important;
  border-radius:16px; padding:44px 18px !important;
}
body.ws-layout-barber .wsvg-c{ width:100%; max-width:1100px; margin:0 auto !important; }
body.ws-layout-barber .wsvg-h{ text-align:center; margin-bottom:22px; }
body.ws-layout-barber .wsvg-sub{ color:#cfc6b4 !important; letter-spacing:.16em; text-transform:uppercase; font-size:11px !important; }
body.ws-layout-barber .wsvg-track{ justify-content:flex-start !important; }
body.ws-layout-barber .wsvg-nav button{ background:#212121 !important; color:#e6b887 !important; border:1px solid rgba(202,138,82,.5) !important; }
body.ws-layout-barber .wsvg-nav button:hover{ background:#ca8a52 !important; color:#171717 !important; }

/* --- 1b) botao AGENDAR dentro do lightbox --- */
.wslb-cta{ position:fixed; left:50%; transform:translateX(-50%); bottom:26px; z-index:2;
  background:linear-gradient(135deg,#e6b887,#ca8a52); color:#171717; border:0; border-radius:999px;
  padding:15px 34px; font:800 14px 'Montserrat',Arial,sans-serif; letter-spacing:.14em; text-transform:uppercase;
  text-decoration:none; box-shadow:0 12px 34px rgba(202,138,82,.5); cursor:pointer; }
.wslb-cta:hover{ transform:translateX(-50%) translateY(-2px); }

/* --- v1.6.1: hero do blog + galeria do post no escuro --- */
body.ws-layout-barber .wsl-bhero3{
  background:linear-gradient(180deg,#241d16 0%,#1a1a1a 100%) !important;
  border-bottom:1px solid rgba(202,138,82,.3); position:relative;
}
body.ws-layout-barber .wsl-bhero3::after{
  content:''; position:absolute; left:0; right:0; bottom:0; height:5px;
  background:repeating-linear-gradient(-45deg,#ca8a52 0 12px,#171717 12px 24px,#f1e7d6 24px 36px,#171717 36px 48px); opacity:.7;
}
body.ws-layout-barber .wsl-bhero3-t,body.ws-layout-barber .wsl-bhero3 h1,body.ws-layout-barber .wsl-bhero3 h2{
  color:#f5f0e6 !important; font-family:'Playfair Display',Georgia,serif !important; font-weight:900 !important;
}
body.ws-layout-barber .wsl-bhero3-s,body.ws-layout-barber .wsl-bhero3 p,body.ws-layout-barber .wsl-bhero3-olho{ color:#cfc6b4 !important; }
body.ws-layout-barber .wsl-bh3-btn-cheio{ background:linear-gradient(135deg,#e6b887,#ca8a52) !important; color:#171717 !important; border:0 !important; }
body.ws-layout-barber .wsl-bh3-btn-linha{ background:transparent !important; color:#e6b887 !important; border:1.5px solid #ca8a52 !important; }
body.ws-layout-barber .wsl-selo-logo{ background:#212121 !important; box-shadow:0 0 0 2px rgba(202,138,82,.5), 0 0 22px rgba(202,138,82,.3) !important; }
/* galeria dentro do post (widget wspg) */
body.ws-layout-barber #wspg-widget{
  background:linear-gradient(180deg,#1f1a14,#161616) !important; color:#f5f0e6 !important;
  border:1px solid rgba(202,138,82,.3) !important;
}
body.ws-layout-barber #wspg-widget h3{ color:#f5f0e6 !important; font-family:'Playfair Display',Georgia,serif !important; font-weight:900 !important; }
body.ws-layout-barber #wspg-widget .sub{ color:#cfc6b4 !important; }
body.ws-layout-barber #wspg-widget .item{ border:2px solid rgba(255,255,255,.7) !important; border-radius:12px !important; overflow:hidden; }
body.ws-layout-barber #wspg-widget .nav button,body.ws-layout-barber #wspg-widget button{ background:#212121 !important; color:#e6b887 !important; border:1px solid rgba(202,138,82,.5) !important; }