
/* ws-central inicio: hero-single-neutro */
/* Central WebSalao — hero-single-neutro (03/09/2026): o kit nao traz mais o hero das paginas internas pronto. Fica so o titulo, sem olho, frase, botoes nem fundo, ate a equipe escolher um modelo em Layouts &gt; Hero do single; o "Aplicar nas paginas internas agora" tira este bloco. remover_estilo hero-single-neutro desfaz. */
html body .wsl-bhero3:not(#ws-nao){background:#f6f4ef!important;background-image:none!important;padding:52px 0 36px!important;min-height:0!important;box-shadow:none!important;border:0!important}
html body .wsl-bhero3:not(#ws-nao)::before,html body .wsl-bhero3:not(#ws-nao)::after{display:none!important}
html body .wsl-bhero3:not(#ws-nao) .wsl-bhero3-olho,html body .wsl-bhero3:not(#ws-nao) .wsl-bhero3-s,html body .wsl-bhero3:not(#ws-nao) .wsl-bhero3-btns{display:none!important}
html body .wsl-bhero3:not(#ws-nao) .wsl-bhero3-t{color:#17181c!important;font-size:clamp(26px,4vw,40px)!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;text-shadow:none!important;margin:0!important}
html body .wsl-bhero3:not(#ws-nao) .wsl-bhero3-t em{font-style:normal!important;color:inherit!important;background:none!important}
/* ws-central fim: hero-single-neutro */

/* ws-central inicio: rodape-do-tema-oculto */
/* esconde o rodape que o TEMA desenha, so na home. O rodape novo e uma
   secao da pagina (section.wsr*), nao um <footer>: ele continua aparecendo. */
body.home footer:not(:has(section[class*="wsr"])),
body.home #colophon:not(:has(section[class*="wsr"])),
body.home .site-footer:not(:has(section[class*="wsr"])),
body.home #lbf-rodape:not(:has(section[class*="wsr"])),
body.home .lbf:not(:has(section[class*="wsr"])){display:none !important}
body.home .lbf-marca,
body.home .lbf-btns,
body.home .lbf-cta,
body.home .lbf-credito{display:none !important}
/* PAGINAS INTERNAS (02/09: "o footer que eu troco na home tem que aplicar
   tambem pras paginas internas"): o script rodape-central busca o rodape novo
   na home e poe no pe da pagina; SO ENTAO (html.ws-rodape-ok) o do tema sai —
   se o script falhar, a pagina fica com o rodape do tema, nunca sem rodape. */
html.ws-rodape-esperando body:not(.home) footer:not(:has(section[class*="wsr"])),
html.ws-rodape-esperando body:not(.home) #colophon:not(:has(section[class*="wsr"])),
html.ws-rodape-esperando body:not(.home) .site-footer:not(:has(section[class*="wsr"])),
html.ws-rodape-esperando body:not(.home) #lbf-rodape:not(:has(section[class*="wsr"])),
html.ws-rodape-esperando body:not(.home) .lbf:not(:has(section[class*="wsr"])){display:none !important}
html.ws-rodape-ok body:not(.home) footer:not(:has(section[class*="wsr"])),
html.ws-rodape-ok body:not(.home) #colophon:not(:has(section[class*="wsr"])),
html.ws-rodape-ok body:not(.home) .site-footer:not(:has(section[class*="wsr"])),
html.ws-rodape-ok body:not(.home) #lbf-rodape:not(:has(section[class*="wsr"])),
html.ws-rodape-ok body:not(.home) .lbf:not(:has(section[class*="wsr"])){display:none !important}
html.ws-rodape-ok body:not(.home) .lbf-marca,
html.ws-rodape-ok body:not(.home) .lbf-btns,
html.ws-rodape-ok body:not(.home) .lbf-cta,
html.ws-rodape-ok body:not(.home) .lbf-credito{display:none !important}
/* ws-central fim: rodape-do-tema-oculto */

/* ws-central inicio: menu-celular */
@media(max-width:900px){
html body .lbh-nav,html body .lbh-nav *{box-sizing:border-box!important}
html body .lbh-nav.lbh-nav.lbh-nav{padding:54px 24px 24px!important;
  display:flex!important;flex-direction:column!important;
  align-items:stretch!important;justify-content:flex-start!important;
  flex-wrap:nowrap!important;gap:0!important;text-align:left!important;
  overflow-x:clip!important;overflow-y:auto!important}
html body .lbh-nav.lbh-nav .wsq-cc{text-align:left!important}
html body .lbh-nav .wsq-cc{width:100%!important;display:block!important}
html body .lbh-nav.lbh-nav .wsq-cc-menu{display:flex!important;flex-direction:column!important;
  align-items:stretch!important;width:100%!important;
  position:static!important;transform:none!important;
  background:transparent!important;box-shadow:none!important;border:0!important;
  min-width:0!important;opacity:1!important;visibility:visible!important}
html body .lbh-nav.lbh-nav .wsq-cc-menu::before{display:none!important}
html body .lbh-nav .wsq-cc a{display:flex!important;align-items:center!important;width:100%!important}
html body .wsq-cc-menu a{white-space:normal!important;border-bottom:0!important}
html body.wsl-menu-on .wsl-burger{position:fixed!important;top:14px!important;right:16px!important}
html body .lbh-nav a{padding:14px 2px!important;font-size:16px!important;letter-spacing:.18em;
  border-bottom:0!important;transition:padding-left .2s,color .2s}
/* No toque so o deslocamento e a transparencia: cor de marca nao serve de retorno
   visual porque --brand-primary tanto pode ser escura (clinicasaojose, #542326)
   quanto clara (salaoestelamaris, #e8bdb6) — no segundo caso o link sumiria. */
html body .lbh-nav a:active{padding-left:9px!important;opacity:.65}

html body .lbh-nav .wsq-cc{padding-bottom:16px!important;border-bottom:1px solid rgba(0,0,0,.07)!important}
html body .lbh-nav .wsq-cc a{border-bottom:0!important}
html body .wsq-cc-menu{padding:2px 0 6px 16px!important}
html body .wsq-cc-menu a{padding:9px 0!important;font-size:14px!important;opacity:.8}
body.wsl-menu-on .lbh-nav a,body.wsl-menu-on .lbh-nav .wsq-cc{animation:wslEntra .4s cubic-bezier(.2,.7,.3,1) both}
body.wsl-menu-on .lbh-nav a:nth-of-type(1){animation-delay:.06s}
body.wsl-menu-on .lbh-nav a:nth-of-type(2){animation-delay:.12s}
body.wsl-menu-on .lbh-nav a:nth-of-type(3){animation-delay:.18s}
body.wsl-menu-on .lbh-nav a:nth-of-type(4){animation-delay:.24s}
body.wsl-menu-on .lbh-nav a:nth-of-type(5){animation-delay:.30s}
body.wsl-menu-on .lbh-nav .wsq-cc{animation-delay:.36s}
body.wsl-menu-on .lbh-nav .wsl-nav-cta{animation-delay:.42s}
@keyframes wslEntra{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
html body .lbh-nav.lbh-nav .wsl-nav-cta{display:flex!important;align-items:center!important;
  justify-content:center!important;width:100%!important;border-radius:999px!important}
html body .lbh-nav .wsl-nav-cta{position:relative;overflow:hidden;margin-top:20px!important;
  margin-bottom:0!important;padding:18px 20px!important;font-size:13px!important;
  box-shadow:0 12px 26px -12px var(--brand-secondary);transition:transform .18s,box-shadow .18s}
html body .lbh-nav .wsl-nav-cta::after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg)}
body.wsl-menu-on .wsl-nav-cta::after{animation:wslBrilho 2.8s ease-in-out 1s infinite}
@keyframes wslBrilho{0%{left:-60%}42%,100%{left:135%}}
html body .lbh-nav .wsl-nav-cta:active{transform:scale(.97)}
/* O hamburguer fica sobre a BARRA, nao sobre o papel — e a barra muda de cliente
   para cliente (aqui e um vinho quase igual a --brand-ink, e as tres linhas sumiam).
   Adivinhar a cor da barra nao tem como em CSS, entao o botao passa a trazer a
   propria superficie: a mesma bolinha clara dos vizinhos (carinha e localizacao),
   com as linhas na tinta. Assim ele para de depender da cor da barra. Em barra
   clara a bolinha se funde ao fundo e as linhas escuras continuam legiveis. */
html body .wsl-burger{width:48px!important;height:48px!important;border-radius:50%;
  transition:background .2s,transform .2s,box-shadow .2s;
  background:var(--brand-paper,#fff)!important;
  box-shadow:0 2px 10px rgba(0,0,0,.12)!important}
html body .wsl-burger span{background:var(--brand-ink,#2a2a2a)!important}
html body.wsl-menu-on .wsl-burger{background:#fff!important;box-shadow:0 2px 10px rgba(0,0,0,.12)}
html body.wsl-menu-on .wsl-burger:active{transform:scale(.9)}
html body .wsl-menu-fundo{background:rgba(0,0,0,.45)!important}
}
body.wsl-menu-on .wshh-fab,
body.wsl-menu-on .wsfa-widget,
body.wsl-menu-on .wsfa-trigger,
body.wsl-menu-on .wsfa-modal,
body.wsl-menu-on .wsfa-halo,
body.wsl-menu-on .wsfa-ring,
body.wsl-menu-on #ht-ctc-chat,
body.wsl-menu-on .ht-ctc-chat,
body.wsl-menu-on .ht-ctc-cta,
body.wsl-menu-on .ht-ctc{display:none!important}
html body:has(.wsl-menu-fundo:not([hidden])) .wsfa-trigger,
html body:has(.wsl-menu-fundo:not([hidden])) .wsfa-modal,
html body:has(.wsl-menu-fundo:not([hidden])) .wsfa-widget,
html body:has(.wsl-menu-fundo:not([hidden])) .wshh-fab,
html body:has(.wsl-menu-fundo:not([hidden])) #ht-ctc-chat,
html body:has(.wsl-menu-fundo:not([hidden])) .ht-ctc-chat,
html body:has(.wsl-menu-fundo:not([hidden])) .ht-ctc-cta,
html body:has(.wsl-menu-fundo:not([hidden])) .ht-ctc{display:none!important}
/* ws-central fim: menu-celular */

/* ws-central inicio: logo-celular */
@media(max-width:900px){
:root{--ws-logo-h:clamp(58px,15vw,74px)}
}
/* ws-central fim: logo-celular */

/* ws-central inicio: botao-agendar */
html body .wsl-hd-cta,html body .lbh-cta{
  position:relative;overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease}
html body .wsl-hd-cta::after,html body .lbh-cta::after{
  content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-18deg);
  animation:wslBrilhoTopo 4.2s ease-in-out 1.5s infinite;
  pointer-events:none}
@keyframes wslBrilhoTopo{0%{left:-60%}34%,100%{left:140%}}
html body .wsl-hd-cta:active,html body .lbh-cta:active{transform:scale(.96)}
html body .wsl-hd-cta:hover,html body .lbh-cta:hover{box-shadow:0 8px 20px rgba(0,0,0,.18)}
@media(prefers-reduced-motion:reduce){
  html body .wsl-hd-cta::after,html body .lbh-cta::after{animation:none;opacity:0}
}
/* ws-central fim: botao-agendar */

/* ws-central inicio: blog-post */
/* Post do blog. O template do tema escreve .lbt-single / .lbt-entry, mas quem define
   essas classes e a folha do tema pai (lesley-beauty/style.css) — e ela nao e carregada
   em nenhum site da frota. Resultado: o post saia sem estilo nenhum, texto de ponta a
   ponta da tela. Isto repoe o essencial do desenho original, com as variaveis do proprio
   cliente e recuo para o --brand-* quando o --lb-* nao existir.

   LARGURA: as margens sao clamp(), nao valores fixos com um @media no meio. Com o
   corte em 640px havia um degrau feio — em 640px o texto ocupava 90% da tela e em
   641px caia para 79%, porque a margem pulava de 14+18 para 26+40 de uma vez. Agora
   ela cresce junto com a tela e nao ha degrau nenhum. Medido no navegador de 320px a
   1600px: o texto ficou mais largo em todas as larguras e em nenhuma aparece rolagem
   lateral. */
.lbt-content{padding:clamp(24px,5vw,52px) 0 clamp(30px,6vw,60px)}
.lbt-container{max-width:100%;margin:0 auto;padding:0 clamp(6px,1.6vw,26px)}
.lbt-single{max-width:960px;margin:0 auto;
  background:var(--lb-card,var(--brand-paper,#fdfaf5));
  color:var(--lb-ink,var(--brand-ink,#281912));
  border:1px solid rgba(202, 141, 50, .28);border-radius:clamp(14px,2vw,22px);
  box-shadow:0 14px 36px rgba(40, 25, 18, .12);
  padding:clamp(20px,4vw,44px) clamp(14px,3vw,40px) clamp(24px,4.4vw,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,var(--brand-ink,#281912));margin:0 0 12px}
.lbt-meta{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:600;
  color:var(--lb-soft,#986a26);margin-bottom:22px}
.lbt-meta a{color:inherit;text-decoration:none}
.lbt-feat{border-radius:16px;overflow:hidden;margin-bottom:26px}
.lbt-entry{color:var(--lb-ink,var(--brand-ink,#281912));
  font-size:1.02rem;line-height:1.85;overflow-wrap:break-word}
.lbt-entry p{margin:0 0 18px}
.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}
.lbt-entry ul,.lbt-entry ol{margin:0 0 18px;padding-left:22px}
.lbt-entry li{margin:0 0 8px}
.lbt-entry a{color:var(--lb-gold-d,#CA8D32)}
.lbt-entry img{max-width:100%;width:auto;height:auto;display:block;margin:20px auto;border-radius:14px}
/* emoji e svg sem dimensao esticam se pegarem a regra de imagem acima */
.lbt-entry img.emoji{width:1em!important;height:1em!important;max-width:1em!important;
  display:inline!important;margin:0 .05em!important;box-shadow:none!important;border-radius:0!important}
.lbt-entry iframe,.lbt-entry video{width:100%;max-width:860px;aspect-ratio:16/9;height:auto;
  display:block;margin:22px auto;border-radius:14px;border:0}
.lbt-entry .wp-caption-text,.wp-caption-text{font-size:.86rem;line-height:1.5;
  color:var(--lb-soft,#6B5A4A);text-align:center;margin:10px auto 0;font-style:italic}
@media(max-width:640px){.lbt-entry{font-size:1.04rem;line-height:1.8}}
/* ws-central fim: blog-post */

/* ws-central inicio: revista-home */
/* Cabelos Loiros · home redesenhada (29/10/2026): capa, cartela, teste, sumário, matéria, quem assina. Prefixo cl2-. */
body .cl2-nw{white-space:nowrap}
body .cl-kick::before,body .cl-kick.cl-centro::after{width:40px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24'%3E%3Cpath d='M2 16C22 2 38 26 60 12S98 4 118 14' fill='none' stroke='%23CA8D32' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
body .cl2-sumario::before,body .cl2-sobre::before{content:"";position:absolute;top:0;left:50%;width:150px;height:30px;transform:translate(-50%,-50%);background:var(--cl-creme) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24'%3E%3Cpath d='M8 16C26 2 40 26 60 12S96 4 112 14' fill='none' stroke='%23CA8D32' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/110px 22px no-repeat;z-index:3}
body .cl2-moldura{position:relative;margin:0;border:1px solid var(--cl-cafe);padding:10px;background:var(--cl-creme);outline:1px solid var(--cl-ouro);outline-offset:8px;overflow:hidden}
body .cl2-moldura img{display:block;width:100%;height:100%;object-fit:cover}
/* a capa */
body .cl2-capa{padding-top:56px;padding-bottom:72px}
body .cl2-capa .cl-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center}
body .cl2-capa-logo{display:block;width:min(430px,82%);height:auto;margin:0 0 30px}
body .cl2-capa h1{font-size:clamp(46px,6.2vw,92px);line-height:1;margin:0 0 22px}
body .cl2-capa .cl-lead{max-width:560px}
body .cl2-capa-foto{aspect-ratio:4/5;max-height:82vh;justify-self:end;width:100%}
body .cl2-capa-foto img{object-position:center 30%}
body .cl2-capa-foto figcaption{position:absolute;right:22px;top:22px;z-index:3;background:var(--cl-creme);color:var(--cl-cafe);font-family:var(--cl-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;padding:7px 10px}
body .cl2-nesta{margin-top:44px;border-top:1px solid var(--cl-cafe);padding-top:18px;max-width:560px}
body .cl2-nesta-t{font-family:var(--cl-mono);font-size:11px!important;letter-spacing:.26em;text-transform:uppercase;color:var(--cl-cafe);margin:0 0 6px!important}
body .cl2-nesta ol{list-style:none;margin:0;padding:0}
body .cl2-nesta a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:baseline;padding:13px 0;border-bottom:1px solid rgba(40,25,18,.12);text-decoration:none;color:var(--cl-cafe);transition:padding-left .3s cubic-bezier(.2,.7,.2,1)}
body .cl2-nesta small{font-family:var(--cl-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--cl-ouro-esc)}
body .cl2-nesta span{font-family:var(--cl-serif);font-size:18px;line-height:1.3}
body .cl2-nesta a:hover{padding-left:8px}
body .cl2-nesta a:hover span{color:var(--cl-ouro-esc)}
body .cl2-regua{grid-column:1/-1;max-width:none;width:100%;margin:56px 0 0}
body .cl2-regua span{height:12px}
/* o carimbo: monograma no centro, texto em círculo girando */
body .cl2-carimbo{position:absolute;left:22px;bottom:22px;width:124px;height:124px;z-index:3;pointer-events:none;filter:drop-shadow(0 8px 18px rgba(40,25,18,.25))}
body .cl2-carimbo svg{display:block;width:100%;height:100%}
body .cl2-giro{transform-origin:100px 100px;animation:cl2gira 30s linear infinite}
@keyframes cl2gira{to{transform:rotate(360deg)}}
/* a cartela dos tons */
body .cl2-cartela{display:grid;grid-template-columns:270px minmax(0,1fr);gap:40px;margin-top:44px;align-items:start}
body .cl2-amostras{display:flex;flex-direction:column;gap:4px}
body .cl2-am{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:16px;align-items:center;text-align:left;background:transparent;border:1px solid transparent;border-radius:0;padding:9px 14px 9px 9px;margin:0;cursor:pointer;font:inherit;color:var(--cl-cafe);box-shadow:none;transition:background .3s,border-color .3s}
body .cl2-am-cor{grid-row:1/3;width:46px;height:46px;border-radius:50%;border:1px solid rgba(40,25,18,.3);box-shadow:inset 0 0 0 3px rgba(250,244,232,.7);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
body .cl2-am-n{font-family:var(--cl-mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--cl-ouro-esc);line-height:1.2}
body .cl2-am-nome{font-family:var(--cl-serif);font-size:21px;line-height:1.15;white-space:nowrap}
body .cl2-am:hover{background:rgba(255,255,255,.55)}
body .cl2-am:hover .cl2-am-cor{transform:scale(1.08) rotate(-8deg)}
body .cl2-am.cl2-on{background:var(--cl-creme);border-color:var(--cl-cafe)}
body .cl2-am:focus-visible{outline:2px solid var(--cl-ouro);outline-offset:2px}
body .cl2-pt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--cl-creme);border:1px solid rgba(40,25,18,.16);margin-bottom:18px}
html.cl2-js body .cl2-pt{display:none;margin:0}
html.cl2-js body .cl2-pt.cl2-on{display:grid;animation:cl2entra .5s cubic-bezier(.2,.7,.2,1)}
@keyframes cl2entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
body .cl2-pt-foto{aspect-ratio:4/5;overflow:hidden;background:var(--cl-areia)}
body .cl2-pt-foto img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}
body .cl2-pt-txt{padding:40px 38px;display:flex;flex-direction:column;justify-content:center}
body .cl2-pt-n{font-family:var(--cl-mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--cl-ouro-esc);margin-bottom:10px}
body .cl2-pt h3{font-size:clamp(34px,3.6vw,48px);margin:0 0 14px}
body .cl2-pt p{font-size:16.5px;color:var(--cl-cafe)}
body .cl2-pt-ficha{margin:14px 0 26px;padding:0;border-top:1px solid rgba(40,25,18,.16)}
body .cl2-pt-ficha div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid rgba(40,25,18,.1)}
body .cl2-pt-ficha dt{font-family:var(--cl-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--cl-cinza);padding-top:3px}
body .cl2-pt-ficha dd{margin:0;font-family:var(--cl-serif);font-size:18px;line-height:1.3}
body .cl2-mais{align-self:flex-start;font-family:var(--cl-mono);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--cl-cafe);text-decoration:none;white-space:nowrap;background:linear-gradient(var(--cl-ouro),var(--cl-ouro)) left bottom/30% 1px no-repeat;padding-bottom:6px;transition:background-size .35s cubic-bezier(.2,.7,.2,1),color .3s}
body .cl2-mais::after{content:" \2192"}
body .cl2-mais:hover{background-size:100% 1px;color:var(--cl-ouro-esc)}
body .cl2-nota{font-size:13.5px!important;color:var(--cl-cinza);margin-top:22px!important}
body .cl2-nota a{color:var(--cl-ouro-esc)}
/* o teste */
body .cl2-teste::after{content:"";position:absolute;right:-90px;bottom:-110px;width:460px;height:460px;background:url("https://cabelosloiros.com.br/wp-content/uploads/marca/monograma-creme.png") center/contain no-repeat;opacity:.06;pointer-events:none;z-index:1}
body .cl2-teste .cl-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}
body .cl2-teste-ps{font-size:14.5px!important;color:#C9B9A4!important}
body .cl2-teste-ps a{color:var(--cl-ouro-cla)}
body .cl2-q{border:1px solid rgba(250,244,232,.24);padding:30px 30px 26px;background:rgba(0,0,0,.16)}
body .cl2-qq{border:0;margin:0 0 26px;padding:0;min-width:0}
body .cl2-qq legend{display:block;font-family:var(--cl-serif);font-size:21px;line-height:1.3;color:var(--cl-creme);padding:0;margin:0 0 14px}
body .cl2-qq legend i{display:block;font-style:normal;font-family:var(--cl-mono);font-size:11px;letter-spacing:.24em;color:var(--cl-ouro-cla);margin-bottom:6px}
body .cl2-ops{display:flex;flex-wrap:wrap;gap:10px}
body .cl2-op{font-family:var(--cl-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--cl-creme);background:transparent;border:1px solid rgba(250,244,232,.38);border-radius:0;padding:12px 16px;cursor:pointer;transition:background .25s,border-color .25s,color .25s,transform .25s}
body .cl2-op:hover{border-color:var(--cl-ouro-cla);transform:translateY(-2px)}
body .cl2-op[aria-pressed="true"]{background:var(--cl-ouro);border-color:var(--cl-ouro);color:var(--cl-cafe)}
body .cl2-res{background:var(--cl-creme);color:var(--cl-cafe);padding:26px 26px 24px;display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;align-items:start;animation:cl2entra .5s cubic-bezier(.2,.7,.2,1)}
body .cl2-res[hidden]{display:none}
body .cl2-res-cor{width:72px;height:72px;border-radius:50%;border:1px solid rgba(40,25,18,.3);box-shadow:inset 0 0 0 4px rgba(250,244,232,.7)}
body .cl2-res small{display:block;font-family:var(--cl-mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--cl-ouro-esc);margin-bottom:6px}
body .cl2-res h3{font-size:30px;margin:0 0 10px;color:var(--cl-cafe)}
body .cl-escura .cl2-res p{color:var(--cl-cafe);font-size:15.5px;margin:0 0 10px}
body .cl2-res .cl-acoes{margin-top:16px}
body .cl-escura .cl2-res .cl-bt{background:var(--cl-cafe);border-color:var(--cl-cafe);color:var(--cl-creme)}
body .cl-escura .cl2-res .cl-bt:hover{background:var(--cl-ouro);border-color:var(--cl-ouro);color:var(--cl-cafe)}
body .cl-escura .cl2-res .cl-bt.cl-linha{background:transparent;color:var(--cl-cafe);border-color:var(--cl-cafe)}
/* o sumário */
body .cl2-sum{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;border-top:1px solid var(--cl-cafe)}
body .cl2-sum li{margin:0}
body .cl2-sum a{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 40px 34px;gap:12px;align-items:center;padding:22px 0;border-bottom:1px solid rgba(40,25,18,.14);text-decoration:none;color:var(--cl-cafe);overflow:hidden;transition:padding .35s cubic-bezier(.2,.7,.2,1)}
body .cl2-sum-n{font-family:var(--cl-serif);font-style:italic;font-size:38px;line-height:1;color:var(--cl-cafe);transition:color .3s}
body .cl2-sum-t b{display:block;font-family:var(--cl-serif);font-weight:400;font-size:23px;line-height:1.15;margin-bottom:5px}
body .cl2-sum-t small{display:block;font-size:14px;line-height:1.5;color:var(--cl-cinza)}
body .cl2-sum-l{height:1px;border-bottom:1px dotted rgba(40,25,18,.4)}
body .cl2-sum-v{font-family:var(--cl-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--cl-ouro-esc)}
body .cl2-sum a:hover{padding-left:10px;padding-right:4px}
body .cl2-sum a:hover .cl2-sum-n{color:var(--cl-ouro)}
/* a matéria de capa */
body .cl2-materia .cl-in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:center}
body .cl2-materia-foto{aspect-ratio:4/5}
body .cl2-materia-foto img{object-position:center 25%}
body .cl2-passos{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid rgba(40,25,18,.18)}
body .cl2-passos li{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:8px;padding:18px 0;border-bottom:1px solid rgba(40,25,18,.12)}
body .cl2-passos i{grid-row:1/3;font-style:normal;font-family:var(--cl-mono);font-size:12px;letter-spacing:.2em;color:var(--cl-ouro-esc);padding-top:6px}
body .cl2-passos b{font-family:var(--cl-serif);font-weight:400;font-size:23px;line-height:1.2;margin-bottom:4px}
body .cl2-passos span{font-size:15.5px;line-height:1.6;color:var(--cl-cinza)}
body .cl2-dica{margin:26px 0 0!important;padding:4px 0 4px 20px;border-left:2px solid var(--cl-ouro);font-family:var(--cl-serif);font-style:italic;font-size:20px!important;line-height:1.45!important}
/* quem assina */
body .cl2-sobre .cl-in{display:grid;grid-template-columns:300px minmax(0,1fr);gap:64px;align-items:center}
body .cl2-sobre-selo{aspect-ratio:1;padding:26px}
body .cl2-sobre-selo img{border-radius:50%}
body .cl2-sobre-selo .cl2-carimbo{left:auto;right:12px;bottom:12px;width:96px;height:96px}
body .cl2-num{list-style:none;margin:30px 0 6px;padding:22px 0 0;border-top:1px solid var(--cl-cafe);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
body .cl2-num li{margin:0}
body .cl2-num b{display:block;font-family:var(--cl-serif);font-weight:400;font-size:clamp(34px,3.4vw,46px);line-height:1;margin-bottom:8px}
body .cl2-num span{display:block;font-family:var(--cl-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--cl-cinza)}
/* celular */
@media (max-width:960px){body .cl2-capa .cl-in,body .cl2-teste .cl-in,body .cl2-materia .cl-in,body .cl2-sobre .cl-in{grid-template-columns:minmax(0,1fr);gap:40px}body .cl2-capa-foto{justify-self:stretch;max-height:none}body .cl2-cartela{grid-template-columns:minmax(0,1fr);gap:22px}body .cl2-amostras{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}body .cl2-am{flex:0 0 auto;scroll-snap-align:start}body .cl2-sum{grid-template-columns:minmax(0,1fr)}body .cl2-sobre-selo{max-width:260px}}
@media (max-width:640px){body .cl2-capa{padding-top:36px}body .cl2-capa-logo{width:78%;margin-bottom:22px}body .cl2-capa-foto{aspect-ratio:4/5}body .cl2-carimbo{width:88px;height:88px;left:16px;bottom:16px}body .cl2-sobre-selo .cl2-carimbo{width:74px;height:74px}body .cl2-nesta a{grid-template-columns:minmax(0,1fr);gap:4px}body .cl2-pt{grid-template-columns:minmax(0,1fr)}body .cl2-pt-foto{aspect-ratio:4/3}body .cl2-pt-txt{padding:26px 22px 28px}body .cl2-pt-ficha div{grid-template-columns:minmax(0,1fr);gap:2px}body .cl2-q{padding:22px 18px 18px}body .cl2-op{font-size:10.5px;letter-spacing:.08em;padding:11px 12px}body .cl2-res{grid-template-columns:minmax(0,1fr)}body .cl2-res-cor{width:52px;height:52px}body .cl2-sum a{grid-template-columns:44px minmax(0,1fr) 30px;padding:18px 0}body .cl2-sum-l{display:none}body .cl2-sum-n{font-size:30px}body .cl2-sum-t b{font-size:20px}body .cl2-num{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}body .cl2-dica{font-size:18px!important}}
@media (prefers-reduced-motion:reduce){body .cl2-giro{animation:none}html.cl2-js body .cl2-pt.cl2-on,body .cl2-res{animation:none}}
/* ws-central fim: revista-home */

/* ws-central inicio: revista-cabecalho */
/* Cabelos Loiros · cabeçalho de revista (29/10/2026). O :not(#ws-nao):not(#cl2) vence as regras do tema e do kit. */
html.cl2-topo-fixo body .lbt-topo:not(#ws-nao):not(#cl2){position:fixed!important;top:0;left:0;right:0;z-index:9990;background:rgba(250,244,232,.86)!important;background-image:none!important;-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);border-bottom:1px solid rgba(40,25,18,.14)!important;box-shadow:none!important;transition:box-shadow .35s cubic-bezier(.2,.7,.2,1),background-color .35s}
html body.admin-bar .lbt-topo:not(#ws-nao):not(#cl2){top:32px}
html body.cl2-rolou .lbt-topo:not(#ws-nao):not(#cl2){background:rgba(250,244,232,.78)!important;box-shadow:0 14px 34px -24px rgba(40,25,18,.55)!important}
.cl2-topo-espaco{display:block;width:100%}
html body .cl2-faixa{background:var(--cl-cafe,#281912);color:#E8DCCB;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;max-height:40px;overflow:hidden;transition:max-height .35s cubic-bezier(.2,.7,.2,1),opacity .3s}
html body .cl2-faixa-in{max-width:1180px;margin:0 auto;padding:9px 22px;display:flex;justify-content:space-between;gap:18px}
html body .cl2-faixa-d{color:#E2B264}
html body.cl2-rolou .cl2-faixa{max-height:0;opacity:0}
html body .lbt-topo:not(#ws-nao):not(#cl2) .lbh-bar{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;max-width:1180px!important;margin:0 auto!important;padding:16px 22px!important;background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;transition:padding .35s cubic-bezier(.2,.7,.2,1)}
html body.cl2-rolou .lbt-topo:not(#ws-nao):not(#cl2) .lbh-bar{padding-top:9px!important;padding-bottom:9px!important}
html body .lbt-topo:not(#ws-nao):not(#cl2) .lbh-marca{order:1;display:block;flex:0 0 auto;transform-origin:left center;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
html body .lbt-topo:not(#ws-nao):not(#cl2){--ws-logo-h:58px}
html body.cl2-rolou .lbt-topo:not(#ws-nao):not(#cl2) .lbh-marca{transform:scale(.78)}
html body .lbt-topo:not(#ws-nao):not(#cl2) .lbh-fly-wrap{filter:none!important;animation:none!important}
html body .lbt-topo:not(#ws-nao):not(#cl2) .lbh-marca-img{filter:none!important;box-shadow:none!important;background-color:transparent!important}
html body .lbt-topo:not(#ws-nao):not(#cl2) .wsl-burger{order:4}
html body .lbt-topo:not(#ws-nao):not(#cl2) .cl2-cta{order:3;flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;background:var(--cl-cafe,#281912);color:#FAF4E8!important;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none!important;white-space:nowrap;padding:13px 20px;border:1px solid var(--cl-cafe,#281912);transition:background .25s,color .25s,transform .25s,box-shadow .25s}
html body .lbt-topo:not(#ws-nao):not(#cl2) .cl2-cta::before{content:"";width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#F2D78A,#CA8D32);box-shadow:0 0 0 2px rgba(250,244,232,.25)}
html body .lbt-topo:not(#ws-nao):not(#cl2) .cl2-cta:hover{background:var(--cl-ouro,#CA8D32);border-color:var(--cl-ouro,#CA8D32);color:var(--cl-cafe,#281912)!important;transform:translateY(-2px);box-shadow:0 12px 22px -14px rgba(40,25,18,.6)}
@media (min-width:901px){
html body .lbt-topo:not(#ws-nao):not(#cl2) .lbh-nav{order:2;position:static!important;transform:none!important;height:auto!important;width:auto!important;box-shadow:none!important;background:transparent!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:28px!important;padding:0!important;margin:0 auto!important;overflow:visible!important}
html body .lbt-topo:not(#ws-nao):not(#cl2) .lbh-nav a{position:relative;color:var(--cl-cafe,#281912)!important;font-family:'JetBrains Mono',monospace!important;font-size:11px!important;font-weight:500!important;letter-spacing:.2em!important;text-transform:uppercase!important;padding:8px 0!important;border:0!important;white-space:nowrap;text-decoration:none!important;background:linear-gradient(#CA8D32,#CA8D32) left bottom/0 1px no-repeat;transition:background-size .35s cubic-bezier(.2,.7,.2,1),color .25s}
html body .lbt-topo:not(#ws-nao):not(#cl2) .lbh-nav a:hover,html body .lbt-topo:not(#ws-nao):not(#cl2) .lbh-nav a.cl2-atual{background-size:100% 1px;color:#A66F1F!important}
html body .lbt-topo:not(#ws-nao):not(#cl2) .lbh-nav .cl2-nav-cta{display:none!important}
}
@media (max-width:900px){
html body .lbt-topo:not(#ws-nao):not(#cl2){--ws-logo-h:42px}
html body .lbt-topo:not(#ws-nao):not(#cl2) .lbh-bar{padding:10px 16px!important;gap:12px!important}
html body .lbt-topo:not(#ws-nao):not(#cl2) .cl2-cta{display:none!important}
html body .cl2-faixa-d{display:none}
html body .cl2-faixa-in{justify-content:center;padding:7px 16px}
html body .lbt-topo:not(#ws-nao):not(#cl2) .wsl-burger{display:block!important;margin-left:auto}
html body .lbt-topo:not(#ws-nao):not(#cl2) .wsl-burger span{background:var(--cl-cafe,#281912)!important}
html body.wsl-menu-on .wsl-burger{background:#FAF4E8!important;border-radius:50%}
html body .lbt-topo:not(#ws-nao):not(#cl2) .lbh-nav{position:fixed!important;top:0!important;right:0!important;height:100dvh!important;width:min(88vw,380px)!important;background:#FAF4E8!important;box-shadow:-24px 0 60px -20px rgba(40,25,18,.45)!important;transform:translateX(102%)!important;transition:transform .42s cubic-bezier(.2,.7,.2,1)!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:96px 28px 32px!important;gap:0!important;overflow-y:auto!important;z-index:9995!important;border-left:1px solid rgba(40,25,18,.14)}
html body.wsl-menu-on .lbt-topo:not(#ws-nao):not(#cl2) .lbh-nav{transform:translateX(0)!important}
html body .lbt-topo:not(#ws-nao):not(#cl2) .lbh-nav::before{content:"A revista do loiro";position:absolute;top:34px;left:28px;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#A66F1F}
html body .lbt-topo:not(#ws-nao):not(#cl2) .lbh-nav a{font-family:'Playfair Display',Georgia,serif!important;font-size:26px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:var(--cl-cafe,#281912)!important;padding:14px 0!important;border-bottom:1px solid rgba(40,25,18,.12)!important;text-decoration:none!important}
html body .lbt-topo:not(#ws-nao):not(#cl2) .lbh-nav a.cl2-atual{color:#A66F1F!important;font-style:italic}
html body .lbt-topo:not(#ws-nao):not(#cl2) .lbh-nav .cl2-nav-cta{margin-top:28px!important;display:flex!important;justify-content:center;text-align:center;background:var(--cl-cafe,#281912)!important;color:#FAF4E8!important;font-family:'JetBrains Mono',monospace!important;font-size:11.5px!important;letter-spacing:.18em!important;text-transform:uppercase!important;padding:18px 16px!important;border:0!important;border-radius:0!important;white-space:normal}
html body .wsl-menu-fundo:not([hidden]){display:block!important;position:fixed;inset:0;z-index:9989;background:rgba(40,25,18,.45)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
}
@media (prefers-reduced-motion:reduce){html body .cl2-faixa,html body .lbt-topo:not(#ws-nao):not(#cl2) .lbh-marca,html body .lbt-topo:not(#ws-nao):not(#cl2) .lbh-nav{transition:none!important}}
/* ws-central fim: revista-cabecalho */

/* ws-central inicio: revista-internas */
/* Cabelos Loiros · páginas internas: faixa dos tons, artigo em destaque, rolagem infinita, o "olho" com a mecha (29/10/2026) */
body .lbt-meta::before{width:40px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24'%3E%3Cpath d='M2 16C22 2 38 26 60 12S98 4 118 14' fill='none' stroke='%23CA8D32' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
body .cl2-fim{padding-top:76px;padding-bottom:80px;border-top:1px solid rgba(40,25,18,.1)}
body .cl2-fim h2{font-size:clamp(30px,4vw,48px)}
body .cl2-fim-tons{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin:34px 0 8px}
body .cl2-fim-tons a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:18px 8px 16px;background:var(--cl-creme);border:1px solid rgba(40,25,18,.12);text-decoration:none;color:var(--cl-cafe);transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s}
body .cl2-fim-tons a:hover{transform:translateY(-4px);border-color:var(--cl-cafe)}
body .cl2-fim-tons span{width:54px;height:54px;border-radius:50%;border:1px solid rgba(40,25,18,.3);box-shadow:inset 0 0 0 3px rgba(250,244,232,.7);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
body .cl2-fim-tons a:hover span{transform:rotate(-10deg) scale(1.06)}
body .cl2-fim-tons small{font-family:var(--cl-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--cl-ouro-esc)}
body .cl2-fim-tons b{font-family:var(--cl-serif);font-weight:400;font-size:18px;line-height:1.15}
/* o artigo em destaque no /blog/ */
body #wsbp-blog .wsbp-card.cl2-destaque{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center}
body #wsbp-blog .wsbp-card.cl2-destaque .wsbp-img-c{aspect-ratio:16/10;border-bottom:0;border-right:1px solid rgba(40,25,18,.1);height:100%}
body #wsbp-blog .wsbp-card.cl2-destaque .wsbp-content{padding:40px 40px 42px}
body #wsbp-blog .wsbp-card.cl2-destaque .wsbp-post-title{font-size:clamp(28px,3vw,40px);line-height:1.1;-webkit-line-clamp:4}
body .cl2-dest-t{display:inline-flex;align-items:center;gap:10px;font-family:var(--cl-mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--cl-ouro-esc);margin-bottom:14px}
body .cl2-dest-t::before{content:"";width:40px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24'%3E%3Cpath d='M2 16C22 2 38 26 60 12S98 4 118 14' fill='none' stroke='%23CA8D32' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
/* a rolagem infinita */
body .cl2-mais-art{display:flex;align-items:center;justify-content:center;gap:14px;margin:40px auto 0;font-family:var(--cl-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--cl-cinza);min-height:40px;opacity:0;transition:opacity .3s}
body .cl2-mais-art.cl2-on,body .cl2-mais-art.cl2-fim-lista{opacity:1}
body .cl2-carregando{width:22px;height:22px;border-radius:50%;border:2px solid rgba(202,141,50,.25);border-top-color:var(--cl-ouro);animation:cl2roda .8s linear infinite}
body .cl2-fim-lista .cl2-carregando{display:none}
body .cl2-fim-lista::before{content:"";width:40px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24'%3E%3Cpath d='M2 16C22 2 38 26 60 12S98 4 118 14' fill='none' stroke='%23CA8D32' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
@keyframes cl2roda{to{transform:rotate(360deg)}}
body .cl2-entra{animation:cl2entra2 .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes cl2entra2{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
/* créditos da WebSalão Solutions no rodapé */
body .cl2-cred{display:inline-flex;align-items:center;gap:10px;color:#E8DCCB!important;text-decoration:none;white-space:nowrap;transition:color .25s}
body .cl2-cred img{height:24px;width:auto;display:block;filter:brightness(0) invert(1);opacity:.92}
body .cl2-cred:hover{color:#E2B264!important}
body .cl2-cred-linha{flex-basis:100%;display:flex;justify-content:center;padding-top:14px;margin-top:4px;border-top:1px solid rgba(250,244,232,.1)}
@media (max-width:960px){body .cl2-fim-tons{grid-template-columns:repeat(4,minmax(0,1fr))}body #wsbp-blog .wsbp-card.cl2-destaque{grid-template-columns:minmax(0,1fr)}body #wsbp-blog .wsbp-card.cl2-destaque .wsbp-img-c{border-right:0;border-bottom:1px solid rgba(40,25,18,.1)}body #wsbp-blog .wsbp-card.cl2-destaque .wsbp-content{padding:24px 22px 26px}}
@media (max-width:520px){body .cl2-fim-tons{grid-template-columns:repeat(2,minmax(0,1fr))}body .cl2-cred{white-space:normal;justify-content:center;text-align:center}}
@media (prefers-reduced-motion:reduce){body .cl2-entra,body .cl2-carregando{animation:none}}
/* ws-central fim: revista-internas */

/* ws-central inicio: revelar-apple */
/* Pacote Men's Lab · revelar ao rolar e palavras que acendem */
body .ws-rv{opacity:0;transform:translateY(28px);filter:blur(8px);transition:opacity 1s cubic-bezier(.2,.7,.2,1) var(--ws-d,0ms),transform 1s cubic-bezier(.2,.7,.2,1) var(--ws-d,0ms),filter 1s cubic-bezier(.2,.7,.2,1) var(--ws-d,0ms)}
body .ws-rv.ws-in{opacity:1;transform:translateY(0);filter:blur(0)}
body .ws-w{opacity:.35;transition:opacity .35s ease}
body .ws-w.ws-w-on{opacity:1}
@media (prefers-reduced-motion:reduce){body .ws-rv{opacity:1;transform:none;filter:none;transition:none}body .ws-w{opacity:1}}
/* ws-central fim: revelar-apple */

/* ws-central inicio: fotos-lightbox */
/* Pacote Men's Lab · lightbox (modal da casa: fundo café com desfoque, cantos arredondados, entra com fade + scale) */
body img.ws-lbx{cursor:zoom-in;transition:filter .35s cubic-bezier(.2,.7,.2,1)}
body .ws-lb-pai:hover img.ws-lbx{filter:brightness(.9)}
body .ws-lb-chip{position:absolute;right:18px;bottom:18px;z-index:4;pointer-events:none;background:var(--cl-creme,#FAF4E8);color:var(--cl-cafe,#281912);font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;padding:8px 12px;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s cubic-bezier(.2,.7,.2,1)}
body .ws-lb-pai:hover .ws-lb-chip{opacity:1;transform:none}
html.ws-lb-trava,html.ws-lb-trava body{overflow:hidden}
#ws-lb{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:56px 72px;opacity:0;visibility:hidden;transition:opacity .35s cubic-bezier(.2,.7,.2,1),visibility 0s linear .35s}
#ws-lb.ws-lb-on{opacity:1;visibility:visible;transition:opacity .35s cubic-bezier(.2,.7,.2,1)}
#ws-lb .ws-lb-fundo{position:absolute;inset:0;background:rgba(40,25,18,.94);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#ws-lb .ws-lb-quadro{position:relative;margin:0;max-width:min(1100px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center;transform:scale(.96);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
#ws-lb.ws-lb-on .ws-lb-quadro{transform:scale(1)}
#ws-lb img{display:block;max-width:100%;max-height:calc(100vh - 150px);width:auto;height:auto;border-radius:22px;border:1px solid rgba(202,141,50,.45);box-shadow:0 40px 90px -30px rgba(0,0,0,.7);transition:opacity .25s,transform .35s cubic-bezier(.2,.7,.2,1);cursor:zoom-in}
#ws-lb.ws-lb-zoom img{transform:scale(1.6);cursor:zoom-out}
#ws-lb figcaption{display:flex;gap:18px;justify-content:space-between;width:100%;margin-top:16px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#E8DCCB}
#ws-lb .ws-lb-cont{color:#E2B264;white-space:nowrap}
#ws-lb button{position:absolute;z-index:2;width:48px;height:48px;border-radius:50%;border:1px solid rgba(250,244,232,.4);background:rgba(250,244,232,.06);color:#FAF4E8;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s,color .25s,transform .25s;padding:0}
#ws-lb button:hover{background:#FAF4E8;color:#281912;transform:translateY(-2px)}
#ws-lb .ws-lb-x{top:18px;right:18px}
#ws-lb .ws-lb-ant{left:16px;top:50%;margin-top:-24px}
#ws-lb .ws-lb-prox{right:16px;top:50%;margin-top:-24px}
#ws-lb.ws-lb-uma .ws-lb-ant,#ws-lb.ws-lb-uma .ws-lb-prox{display:none}
@media (max-width:640px){#ws-lb{padding:64px 12px 24px}#ws-lb .ws-lb-ant,#ws-lb .ws-lb-prox{top:auto;bottom:14px;margin:0}#ws-lb img{border-radius:16px;max-height:calc(100vh - 170px)}}
@media (prefers-reduced-motion:reduce){#ws-lb,#ws-lb .ws-lb-quadro,#ws-lb img{transition:none}}
/* ws-central fim: fotos-lightbox */

/* ws-central inicio: parallax */
/* Pacote Men's Lab · parallax (computador) */
@media (min-width:768px){body .cl2-moldura img,body .cl2-pt-foto img{will-change:transform;transform:scale(1.1)}}
@media (prefers-reduced-motion:reduce){body .cl2-moldura img,body .cl2-pt-foto img{transform:none!important}}
/* ws-central fim: parallax */

/* ws-central inicio: parallax-celular */
/* Pacote Men's Lab · parallax (celular) */
@media (max-width:767px){body .cl2-moldura img,body .cl2-pt-foto img,body .lbt-entry .cl-foto img{transform:scale(1.1) translate3d(0,var(--ws-plx,0px),0)!important}body .lbt-entry .cl-foto{overflow:hidden}}
@media (prefers-reduced-motion:reduce){body .cl2-moldura img,body .cl2-pt-foto img,body .lbt-entry .cl-foto img{transform:none!important}}
/* ws-central fim: parallax-celular */

/* ws-central inicio: cards-spotlight */
/* Pacote Men's Lab · spotlight nos cards */
body .ws-spot{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s cubic-bezier(.2,.7,.2,1),border-color .35s,background-color .35s}
body .ws-spot:hover{background-image:radial-gradient(600px circle at var(--mx,50%) var(--my,50%),rgba(226,178,100,.16),transparent 40%)!important}
body .ws-spot-sobe{position:relative}
body .ws-spot-sobe:hover{transform:translateY(-6px)!important;border-color:rgba(202,141,50,.55)!important;box-shadow:0 26px 46px -26px rgba(40,25,18,.5)!important}
body .ws-seta{position:absolute;right:18px;top:16px;z-index:3;width:34px;height:34px;border-radius:50%;background:var(--cl-creme,#FAF4E8);color:var(--cl-cafe,#281912);display:flex;align-items:center;justify-content:center;font-size:16px;opacity:0;transform:translate(-6px,6px);transition:opacity .35s,transform .35s cubic-bezier(.2,.7,.2,1);pointer-events:none}
body .ws-spot-sobe:hover .ws-seta{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){body .ws-spot,body .ws-seta{transition:none}body .ws-spot-sobe:hover{transform:none!important}}
/* ws-central fim: cards-spotlight */

/* ws-central inicio: passos-efeito */
/* Pacote Men's Lab · cascata dos passos */
body .ws-passo{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
body .ws-passo.ws-on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){body .ws-passo{opacity:1;transform:none;transition:none}}
/* ws-central fim: passos-efeito */

/* ws-central inicio: revista-cores */
/* Cabelos Loiros · cada seção com a sua cor, os seus elementos e as fotos novas (29/10/2026, pedido da Natieli) */
/* 1 capa: creme, com "loiro" vazado no fundo */
body .cl2-capa{background:radial-gradient(120% 80% at 100% 0,#F6E7C9 0,transparent 55%),#FAF4E8}
body .cl2-capa::before{content:"loiro";position:absolute;right:-3vw;bottom:-7vw;z-index:0;font-family:var(--cl-serif);font-style:italic;font-size:34vw;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(202,141,50,.28);pointer-events:none;transform:translate3d(0,var(--cl2-dy,0px),0)}
/* 2 cartela: areia, com o brilho do tom escolhido */
body .cl2-tons{background:#F3E7D3}
body .cl2-tons::before{content:"";position:absolute;right:-12vw;top:-14vw;width:62vw;height:62vw;border-radius:50%;background:var(--cl2-tom,#E2B264);opacity:.42;filter:blur(90px);pointer-events:none;z-index:0;transition:background-color .9s cubic-bezier(.2,.7,.2,1)}
body .cl2-tons::after{content:"";position:absolute;left:-8vw;bottom:-10vw;width:34vw;height:34vw;border-radius:50%;border:1px solid rgba(40,25,18,.12);box-shadow:0 0 0 28px rgba(40,25,18,.03),0 0 0 56px rgba(40,25,18,.025);pointer-events:none;z-index:0}
/* 3 teste: café, com anéis dourados girando e a foto */
body .cl2-teste{background:radial-gradient(90% 70% at 0 100%,#3A2519 0,transparent 60%),#281912}
body .cl2-teste::before{content:"";position:absolute;right:-180px;top:-180px;width:560px;height:560px;border-radius:50%;border:1px dashed rgba(226,178,100,.35);box-shadow:inset 0 0 0 40px rgba(226,178,100,.03),0 0 0 70px rgba(226,178,100,.025);animation:cl2gira 80s linear infinite;pointer-events:none;z-index:0}
body .cl2-teste-foto{margin:28px 0 22px;aspect-ratio:4/3;overflow:hidden;border:1px solid rgba(250,244,232,.3);outline:1px solid rgba(226,178,100,.55);outline-offset:8px;padding:8px}
body .cl2-teste-foto img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}
/* 4 a loira da capa: dourado com retícula de revista impressa */
body .cl2-leitora{background:linear-gradient(135deg,#EDCB8A 0%,#D9A94A 55%,#C08530 100%);color:var(--cl-cafe)}
body .cl2-leitora::before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(40,25,18,.16) 1.3px,transparent 1.6px) 0 0/13px 13px;-webkit-mask-image:linear-gradient(115deg,#000 0,transparent 55%);mask-image:linear-gradient(115deg,#000 0,transparent 55%);pointer-events:none;z-index:0}
body .cl2-leitora::after{content:"Nº 01";position:absolute;left:-1vw;bottom:-5vw;font-family:var(--cl-serif);font-size:22vw;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(40,25,18,.18);pointer-events:none;z-index:0}
body .cl2-leitora .cl-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}
body .cl2-leitora .cl-kick{color:var(--cl-cafe)}
body .cl2-leitora em{color:var(--cl-cafe)}
body .cl2-leitora .cl-lead{color:#3D2A1E}
body .cl2-revista{position:relative;aspect-ratio:3/4;max-width:420px;justify-self:center;width:100%;background:#281912;overflow:hidden;transform:rotate(3deg);box-shadow:0 40px 70px -30px rgba(40,25,18,.65),0 0 0 10px #FAF4E8;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
body .cl2-revista:hover{transform:rotate(0deg) scale(1.02)}
body .cl2-revista-fundo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}
body .cl2-revista::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,25,18,.55) 0,transparent 30%,transparent 55%,rgba(40,25,18,.85) 100%);pointer-events:none}
body .cl2-revista-topo{position:absolute;top:18px;left:20px;right:20px;z-index:2;display:flex;justify-content:space-between;font-family:var(--cl-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#FAF4E8}
body .cl2-revista-logo{position:absolute;top:44px;left:50%;transform:translateX(-50%);z-index:2;width:78%;height:auto}
body .cl2-revista-pe{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;color:#FAF4E8}
body .cl2-revista-pe .cl-h{font-family:var(--cl-serif);font-style:italic;font-size:clamp(26px,2.6vw,34px);line-height:1.05;margin:0 0 8px}
body .cl2-revista-pe small{font-family:var(--cl-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#E8DCCB}
/* 5 sumário: papel pautado, com a margem dourada */
body .cl2-sumario{background:repeating-linear-gradient(180deg,transparent 0,transparent 35px,rgba(40,25,18,.06) 35px,rgba(40,25,18,.06) 36px),linear-gradient(90deg,transparent calc(4vw - 1px),rgba(202,141,50,.5) calc(4vw - 1px),rgba(202,141,50,.5) 4vw,transparent 4vw),#FFFDF8}
body .cl2-sum-topo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:48px;align-items:end}
body .cl2-sum-foto{margin:0;position:relative;aspect-ratio:3/2;overflow:hidden;clip-path:polygon(6% 0,100% 0,100% 100%,0 100%)}
body .cl2-sum-foto img{width:100%;height:100%;object-fit:cover;display:block}
body .cl2-sum-foto figcaption{position:absolute;left:12%;bottom:14px;background:#FFFDF8;color:var(--cl-cafe);font-family:var(--cl-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;padding:7px 10px}
/* 6 matéria: rosé, com as aspas grandes */
body .cl2-materia{background:linear-gradient(160deg,#F7E7DF 0,#F1DACE 100%)}
body .cl2-materia-txt{position:relative}
body .cl2-materia-txt::before{content:"\201C";position:absolute;left:-18px;top:-110px;font-family:var(--cl-serif);font-size:300px;line-height:1;color:rgba(201,133,106,.28);pointer-events:none;z-index:-1}
body .cl2-materia .cl2-moldura{background:#F7E7DF;outline-color:#C9856A}
body .cl2-materia::after{content:"";position:absolute;left:0;right:0;bottom:24px;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 40'%3E%3Cpath d='M0 26C30 6 50 38 80 20S130 4 160 20 210 36 240 14' fill='none' stroke='%23C9856A' stroke-opacity='.45' stroke-width='1.2'/%3E%3C/svg%3E") repeat-x center/240px 40px;pointer-events:none}
/* 7 quem assina: caramelo escuro, com fios */
body .cl2-sobre{background:repeating-linear-gradient(115deg,rgba(226,178,100,.07) 0,rgba(226,178,100,.07) 1px,transparent 1px,transparent 22px),linear-gradient(150deg,#4A2F1C 0,#2F1D12 100%);color:#FAF4E8}
body .cl2-sobre h2,body .cl2-sobre .cl2-num b{color:#FAF4E8}
body .cl2-sobre p{color:#E8DCCB}
body .cl2-sobre em{color:#E2B264}
body .cl2-sobre .cl-kick{color:#E2B264}
body .cl2-sobre .cl2-num{border-top-color:rgba(250,244,232,.35)}
body .cl2-sobre .cl2-num span{color:#C9B9A4}
body .cl2-sobre .cl-bt.cl-linha{color:#FAF4E8;border-color:#FAF4E8;background:transparent}
body .cl2-sobre .cl-bt.cl-linha:hover{background:#E2B264;border-color:#E2B264;color:#281912}
body .cl2-sobre .cl-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
body .cl2-sobre-fotos{position:relative;padding:0 40px 60px 0}
body .cl2-sobre-foto{aspect-ratio:4/5;background:#4A2F1C;border-color:rgba(250,244,232,.4)}
body .cl2-sobre-selo{position:absolute;right:0;bottom:0;width:170px;height:170px;border-radius:50%;background:#FAF4E8;padding:12px;box-shadow:0 20px 40px -18px rgba(0,0,0,.6)}
body .cl2-sobre-selo img{width:100%;height:100%;border-radius:50%;display:block}
body .cl2-sobre-selo .cl2-carimbo{left:auto;right:-26px;top:-26px;bottom:auto;width:84px;height:84px}
/* 8 blog: perolado, os 3 últimos artigos */
body .cl2-blog{background:#EEE8E0}
body .cl2-blog::before{content:"blog";position:absolute;right:2vw;top:-2vw;font-family:var(--cl-serif);font-style:italic;font-size:18vw;line-height:.9;color:transparent;-webkit-text-stroke:1px rgba(40,25,18,.12);pointer-events:none;z-index:0}
body .cl2-blog-topo{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
body .cl2-blog-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto auto;gap:22px;margin-top:40px}
body .cl2-post{margin:0}
body .cl2-post:first-child{grid-row:1/3}
body .cl2-post a{display:flex;flex-direction:column;height:100%;background:#FFFDF8;border:1px solid rgba(40,25,18,.1);text-decoration:none;color:var(--cl-cafe);overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
body .cl2-post a:hover{transform:translateY(-5px);box-shadow:0 28px 46px -28px rgba(40,25,18,.5)}
body .cl2-post-img{display:block;aspect-ratio:16/9;overflow:hidden;background:#E3DBD0}
body .cl2-post:first-child .cl2-post-img{aspect-ratio:4/3}
body .cl2-post-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
body .cl2-post a:hover .cl2-post-img img{transform:scale(1.06)}
body .cl2-post-txt{display:flex;flex-direction:column;gap:8px;padding:22px 24px 24px;flex:1}
body .cl2-post-txt small{font-family:var(--cl-mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--cl-ouro-esc)}
body .cl2-post-txt b{font-family:var(--cl-serif);font-weight:400;font-size:21px;line-height:1.2}
body .cl2-post:first-child .cl2-post-txt b{font-size:clamp(26px,2.6vw,34px)}
body .cl2-post-txt span{font-size:14.5px;line-height:1.55;color:var(--cl-cinza)}
body .cl2-post:not(:first-child) .cl2-post-txt span{display:none}
body .cl2-post-txt i{margin-top:auto;font-style:normal;font-family:var(--cl-mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--cl-cafe)}
body .cl2-post-txt i::after{content:" \2192";transition:margin .3s}
body .cl2-post a:hover .cl2-post-txt i::after{margin-left:6px}
/* 9 me avalie: mel, com estrelas */
body .cl2-avalie{background:radial-gradient(80% 60% at 100% 0,#B07A38 0,transparent 60%),linear-gradient(160deg,#8C5A25 0,#6E4520 100%);color:#FAF4E8}
body .cl2-avalie h2{color:#FAF4E8}
body .cl2-avalie em{color:#F2D78A}
body .cl2-avalie .cl-kick{color:#F2D78A}
body .cl2-avalie .cl-lead{color:#F1E4D0}
body .cl2-avalie::before{content:"\2605  \2605  \2605  \2605  \2605";position:absolute;right:4vw;top:40px;font-size:30px;letter-spacing:8px;color:rgba(242,215,138,.35);pointer-events:none;animation:cl2brilha 3.2s ease-in-out infinite}
@keyframes cl2brilha{50%{color:rgba(242,215,138,.75);text-shadow:0 0 18px rgba(242,215,138,.6)}}
body .cl2-avalie .cl-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
body .cl2-avalie-caixa{background:#FAF4E8;color:var(--cl-cafe);padding:30px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
body .cl2-avalie-caixa label{display:block;font-family:var(--cl-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--cl-cinza);margin:16px 0 6px}
body .cl2-avalie-caixa input,body .cl2-avalie-caixa textarea{width:100%;box-sizing:border-box;font:inherit;font-size:16px;color:var(--cl-cafe);background:#fff;border:1px solid rgba(40,25,18,.2);border-radius:0;padding:12px 14px}
body .cl2-avalie-caixa textarea{min-height:110px;resize:vertical}
body .cl2-avalie-caixa input:focus,body .cl2-avalie-caixa textarea:focus{outline:2px solid #CA8D32;outline-offset:1px;border-color:#CA8D32}
body .cl2-estrelas{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:6px;border:0;margin:0;padding:0}
body .cl2-estrelas legend{font-family:var(--cl-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--cl-cinza);margin-bottom:8px;padding:0}
body .cl2-estrelas input{position:absolute;opacity:0;width:1px;height:1px}
body .cl2-estrelas label{margin:0;font-size:36px;line-height:1;letter-spacing:0;color:rgba(40,25,18,.2);cursor:pointer;transition:color .2s,transform .2s}
body .cl2-estrelas label:hover,body .cl2-estrelas label:hover ~ label,body .cl2-estrelas input:checked ~ label{color:#CA8D32}
body .cl2-estrelas label:hover{transform:scale(1.15)}
body .cl2-estrelas input:focus-visible + label{outline:2px solid #CA8D32;outline-offset:2px}
body .cl2-avalie-caixa .cl-bt{margin-top:20px}
body .cl2-avalie-msg{margin:14px 0 0!important;font-size:15px!important;color:var(--cl-cafe)}
body .cl2-avalie-msg.cl2-erro{color:#9B2C1F}
body .cl2-avalie-lista{display:grid;gap:14px;margin-top:30px}
body .cl2-av{background:rgba(250,244,232,.1);border:1px solid rgba(250,244,232,.22);padding:18px 20px}
body .cl2-av-e{color:#F2D78A;letter-spacing:3px;font-size:16px}
body .cl2-av p{color:#FAF4E8!important;font-size:15.5px!important;margin:8px 0 6px!important}
body .cl2-av small{font-family:var(--cl-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#E8DCCB}
body .cl2-av-vazio{font-family:var(--cl-serif);font-style:italic;font-size:19px;color:#F1E4D0}
/* celular */
@media (max-width:960px){body .cl2-leitora .cl-in,body .cl2-sum-topo,body .cl2-sobre .cl-in,body .cl2-avalie .cl-in{grid-template-columns:minmax(0,1fr);gap:40px}body .cl2-blog-grid{grid-template-columns:minmax(0,1fr)}body .cl2-post:first-child{grid-row:auto}body .cl2-post:not(:first-child) .cl2-post-txt span{display:block}body .cl2-revista{max-width:340px;transform:rotate(2deg)}body .cl2-sobre-fotos{max-width:440px}}
@media (max-width:640px){body .cl2-sobre-selo{width:120px;height:120px}body .cl2-sobre-selo .cl2-carimbo{width:64px;height:64px;right:-14px;top:-14px}body .cl2-avalie-caixa{padding:22px 18px}body .cl2-avalie::before{font-size:20px;top:22px}body .cl2-materia-txt::before{font-size:200px;top:-70px}body .cl2-teste::before{width:360px;height:360px;right:-160px;top:-160px}}
@media (prefers-reduced-motion:reduce){body .cl2-teste::before,body .cl2-avalie::before{animation:none}body .cl2-revista,body .cl2-post a,body .cl2-post-img img{transition:none}body .cl2-tons::before{transition:none}}
/* ws-central fim: revista-cores */

/* ws-central inicio: revista-ajustes */
/* Cabelos Loiros · ajustes depois da conferência (29/10/2026): o monograma creme não existe no site (404), a marca d'água do teste sai; a logo dos créditos já é a branca, sem filtro */
body .cl2-teste::after{display:none!important;background:none!important}
body .cl2-cred img{filter:none!important;opacity:.95}
/* o sumário com a miniatura do artigo de cada assunto */
body .cl2-sum a{grid-template-columns:50px 64px minmax(0,1fr) 36px 30px}
body .cl2-sum-img{width:64px;height:64px;border-radius:50%;overflow:hidden;border:1px solid rgba(40,25,18,.18);box-shadow:0 0 0 3px #FFFDF8,0 0 0 4px rgba(202,141,50,.45);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
body .cl2-sum-img img{width:100%;height:100%;object-fit:cover;display:block}
body .cl2-sum a:hover .cl2-sum-img{transform:scale(1.08) rotate(-4deg)}
@media (max-width:640px){body .cl2-sum a{grid-template-columns:36px 52px minmax(0,1fr) 26px;gap:10px}body .cl2-sum-img{width:52px;height:52px}}
/* o kit tirou as Perguntas frequentes da home (ws_kit_faq_off); se algum cache ainda mostrar, some */
body.home .ws-faq{display:none!important}
/* a página Avaliações das leitoras (fundo claro): a lista e o formulário no tom escuro */
body .lbt-pagewrap .cl2-avalie-caixa{margin:28px 0 8px;border:1px solid rgba(40,25,18,.14);box-shadow:none}
body .lbt-pagewrap .cl2-av{background:#fff;border-color:rgba(40,25,18,.12)}
body .lbt-pagewrap .cl2-av p{color:var(--cl-cafe)!important}
body .lbt-pagewrap .cl2-av small{color:var(--cl-cinza)}
body .lbt-pagewrap .cl2-av-e{color:#CA8D32}
body .lbt-pagewrap .cl2-av-vazio{color:var(--cl-cinza)}
/* ws-central fim: revista-ajustes */
