.wshz.wshz{padding:64px 20px 60px;color:var(--t)}
.wshz-topo{text-align:center;max-width:720px;margin:0 auto 30px}
.wshz-olho{margin:0 0 12px;font-size:11.5px;font-weight:600;letter-spacing:var(--letra,.13em);text-transform:var(--caixa,uppercase);color:var(--suave)}
.wshz-tit{font-family:'Playfair Display', Georgia, serif;font-weight:400;font-size:clamp(30px,5vw,52px);line-height:1.1;margin:0;color:var(--t)}
.wshz-tit em{font-family:'Great Vibes', cursive;font-style:normal;color:var(--a)}
.wshz-enfeite{display:flex;align-items:center;justify-content:center;gap:14px;margin:16px 0 0;color:var(--a)}
.wshz-enfeite i{display:block;width:34px;height:var(--fio,1px);background:currentColor;opacity:.7}
.wshz-enfeite .wsqd-marca-ic{display:block;width:22px;height:22px}
.wshz-enfeite .wsqd-marca-ic svg{width:100%;height:100%;display:block}
.wshz-frase{margin:14px auto 0;max-width:54ch;font-size:15px;line-height:1.7;color:var(--suave)}
.wshz-grade{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:12px;align-items:stretch}
.wshz-dia{position:relative;height:100%;background:var(--card);border:var(--fio,1px) solid var(--borda);border-radius:var(--raio,14px);padding:18px 12px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 14px 30px -24px var(--sombra);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.wshz-dia:hover{transform:translateY(-3px)}
.wshz-d{font-size:11px;font-weight:700;letter-spacing:var(--letra,.13em);text-transform:var(--caixa,uppercase);color:var(--suave)}
.wshz-h{font-family:'Playfair Display', Georgia, serif;font-size:clamp(17px,2vw,21px);font-weight:700;line-height:1.25;color:var(--a)}
.wshz-off .wshz-h{font-style:italic;font-weight:600;font-size:15px;color:color-mix(in srgb,var(--t) 50%,transparent)}
/* o DIA DE HOJE: a borda acende e o cartão ganha a etiqueta (o script marca) */
.wshz-dia.wshz-hoje{border-color:var(--a);box-shadow:0 16px 34px -18px var(--a)}
.wshz-hoje .wshz-d{color:var(--a)}
/* v3.40.0 (03/09: "o hoje, aberto agora, está torto"): a etiqueta é um SELO na
   moldura — fora do fluxo, então o cartão de hoje tem a MESMA altura dos outros
   e a fileira fica reta. O cartão reserva o topo para ela caber sem cobrir o dia. */
.wshz-hoje-tag{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 8px);margin:0;padding:2px 9px;border:1px solid var(--a);border-radius:var(--raio-bt,999px);background:var(--card,#fff);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--a);white-space:nowrap;z-index:1}
.wshz-dia.wshz-hoje{padding-top:22px}
.wshz-pe{text-align:center;max-width:680px;margin:26px auto 0}
.wshz-nota{margin:0;font-style:italic;font-size:14.5px;color:var(--suave)}
.wshz-onde{margin:10px 0 0;font-size:15.5px;line-height:1.6;color:var(--t)}
.wshz-acoes{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.wshz-b{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:var(--raio-bt,999px);font-size:12.5px;font-weight:700;letter-spacing:var(--letra,.13em);text-transform:var(--caixa,uppercase);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}
.wshz-b1{background:var(--a);color:var(--sa,var(--f,#fff));box-shadow:0 12px 26px -14px var(--a)}
.wshz-b2{border:var(--fio,1px) solid var(--borda);color:var(--t);background:var(--card)}
.wshz-b:hover{transform:translateY(-2px)}
@media(max-width:560px){.wshz.wshz{padding:46px 16px 44px}.wshz-grade{grid-template-columns:1fr 1fr;gap:10px}.wshz-b{width:100%;max-width:340px}}
@media(prefers-reduced-motion:reduce){.wshz-dia,.wshz-b{transition:none}.wshz-dia:hover,.wshz-b:hover{transform:none}}

/* o mesmo chão da prévia: ela roda num documento com box-sizing:border-box em
   tudo. Num tema sem esse reset, padding e borda mediam diferente no publicado
   (botão de largura cheia estourando no celular, caixa interna mais larga). */
.wshz,.wshz *,.wshz *::before,.wshz *::after{box-sizing:border-box}
.wshz a[href],.wshz button{-webkit-tap-highlight-color:transparent}
.wshz a[href]:active,.wshz button:active{transform:scale(.97)}
.wshz .ws-bt{position:relative;overflow:hidden;isolation:isolate}
.wshz .ws-bt>span{position:relative;z-index:1}
/* z-index negativo DENTRO do isolate: fica atrás do texto sem precisar que o
   texto esteja num <span> — vários CTAs são <a>texto</a> puro. */
.wshz .ws-bt::after{content:'';position:absolute;inset:0;z-index:-1;background:var(--t);opacity:0;transition:opacity .35s}
.wshz .ws-bt:hover::after{opacity:.14}
/* Esconde SÓ quando o JavaScript confirmou que está vivo (classe ws-js, posta
   pelo próprio script do bloco, antes da pintura). Sem isso o título nascia em
   opacity:0 e, se o JS falhasse, o texto do site sumia para o visitante — o
   teste pegou isso. Agora o padrão é visível, e a animação é o extra. */
.wshz.ws-js .ws-tit{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.wshz.ws-js.ws-vis .ws-tit{opacity:1;transform:none}
.wshz.ws-js.ws-vis .ws-tit:nth-of-type(2){transition-delay:.08s}
/* CRIATIVA (02/09: "as cores criativas que têm efeitos não estão funcionando"):
   o degradê de antes ia do branco ao papel e quase não se via numa paleta
   clara. Agora o esquema pinta de verdade — dois halos da cor da marca que
   andam devagar, o degradê de fundo em movimento, a palavra de destaque do
   título com brilho e sombra colorida nos botões. Tudo dentro do bloco (sem
   nada vazando para a lateral) e parado para quem pede menos movimento. */
/* v3.40.0 (03/09: "não está aplicando no layout, efeito de cor"): o efeito
   pega pelo --fx que está no style do próprio bloco — o atributo data-ws-tema
   se perdia quando o bloco era regravado e os efeitos morriam com ele. Vale
   para Degradê, Degradê escuro, Pérola e Criativa: o fundo ganha movimento
   lento, a palavra de destaque brilha e o botão ganha sombra da marca. */
.wshz[style*="--fx"]{background-size:180% 180%;animation:wshzFx 20s ease-in-out infinite}
@keyframes wshzFx{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.wshz[style*="--fx"] .ws-tit em{background:linear-gradient(92deg,var(--a) 0%,color-mix(in srgb,var(--a) 55%,var(--t)) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--a)}
.wshz[style*="--fx"] .ws-bt{box-shadow:0 10px 26px color-mix(in srgb,var(--a) 32%,transparent)}
.wshz[data-ws-tema="criativa"]{--fx:radial-gradient(52% 44% at 100% 0%,color-mix(in srgb,var(--a) 42%,#fff) 0%,transparent 62%),radial-gradient(46% 40% at 0% 100%,color-mix(in srgb,var(--a) 30%,#fff) 0%,transparent 60%),linear-gradient(135deg,#fff 0%,color-mix(in srgb,var(--a) 12%,#fff) 55%,color-mix(in srgb,var(--a) 28%,#fff) 100%)!important;background-size:160% 160%,160% 160%,200% 200%!important;animation:wshzCriativa 16s ease-in-out infinite}
@keyframes wshzCriativa{0%,100%{background-position:0% 0%,100% 100%,0% 50%}50%{background-position:40% 30%,60% 70%,100% 50%}}
.wshz[data-ws-tema="criativa"] .ws-tit em{background:linear-gradient(92deg,var(--a) 0%,color-mix(in srgb,var(--a) 55%,#fff) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--a)}
.wshz[data-ws-tema="criativa"] .ws-bt{box-shadow:0 10px 26px color-mix(in srgb,var(--a) 32%,transparent)}
/* EFEITO E BRILHO (03/09): ligado pelo data-ws-fx do <section>. Nenhum mexe em
   cor: só no acabamento. Todos param para quem pede menos movimento. */
.wshz[data-ws-fx="brilho"] .ws-tit em,.wshz[data-ws-fx="brilho"] h1 em,.wshz[data-ws-fx="brilho"] h2 em,.wshz[data-ws-fx="brilho"] h3 em{text-shadow:0 0 18px color-mix(in srgb,var(--a) 55%,transparent)}
.wshz[data-ws-fx="brilho"] .ws-bt,.wshz[data-ws-fx="brilho"] a[class*="-b1"],.wshz[data-ws-fx="brilho"] a[class*="-botao"],.wshz[data-ws-fx="brilho"] a[class*="-cta"]{box-shadow:0 8px 26px color-mix(in srgb,var(--a) 42%,transparent)}
.wshz[data-ws-fx="brilho"] img{transition:filter .45s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.wshz[data-ws-fx="brilho"] figure:hover img,.wshz[data-ws-fx="brilho"] a:hover img{filter:brightness(1.08) saturate(1.06)}
.wshz[data-ws-fx="neon"] .ws-tit em,.wshz[data-ws-fx="neon"] h1 em,.wshz[data-ws-fx="neon"] h2 em,.wshz[data-ws-fx="neon"] h3 em{color:var(--a);text-shadow:0 0 6px color-mix(in srgb,var(--a) 85%,transparent),0 0 22px color-mix(in srgb,var(--a) 55%,transparent),0 0 44px color-mix(in srgb,var(--a) 30%,transparent)}
.wshz[data-ws-fx="neon"] .ws-bt,.wshz[data-ws-fx="neon"] a[class*="-b1"],.wshz[data-ws-fx="neon"] a[class*="-botao"],.wshz[data-ws-fx="neon"] a[class*="-cta"]{box-shadow:0 0 0 1px color-mix(in srgb,var(--a) 70%,transparent),0 0 18px color-mix(in srgb,var(--a) 45%,transparent),inset 0 0 12px color-mix(in srgb,var(--a) 22%,transparent)}
.wshz[data-ws-fx="vidro"] [class*="-card"],.wshz[data-ws-fx="vidro"] [class*="-cel"],.wshz[data-ws-fx="vidro"] [class*="-cx"]{background:color-mix(in srgb,var(--card) 62%,transparent)!important;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border:1px solid color-mix(in srgb,var(--t) 12%,transparent)}
.wshz[data-ws-fx="relevo"] [class*="-card"],.wshz[data-ws-fx="relevo"] [class*="-cel"],.wshz[data-ws-fx="relevo"] figure{box-shadow:0 22px 44px -26px var(--sombra),0 6px 14px -10px var(--sombra)}
.wshz[data-ws-fx="relevo"] img{border-radius:inherit}
.wshz[data-ws-fx="luz"] figure{position:relative;overflow:hidden}
.wshz[data-ws-fx="luz"] figure::after{content:'';position:absolute;top:0;bottom:0;width:38%;left:-45%;background:linear-gradient(100deg,transparent 0%,color-mix(in srgb,#fff 55%,transparent) 50%,transparent 100%);transform:skewX(-12deg);animation:wshzLuz 5.5s ease-in-out infinite;pointer-events:none}
@keyframes wshzLuz{0%{left:-45%}55%{left:118%}100%{left:118%}}
@media(prefers-reduced-motion:reduce){
.wshz[data-ws-fx="luz"] figure::after{animation:none;opacity:0}
.wshz[data-ws-fx="brilho"] img{transition:none}
.wshz a[href]:active,.wshz button:active{transform:none}
.wshz .ws-bt::after{transition:none}
.wshz.ws-js .ws-tit{opacity:1;transform:none;transition:none}
.wshz[data-ws-tema="criativa"],.wshz[style*="--fx"]{animation:none}
}
.dep .in.ws-cheio{max-width:none;margin:0;padding:0}
.dep section.ws-cheio-pai{padding:0}
.dep .in:has(> .wshz){max-width:none;margin:0;padding:0}
.dep section:has(> .in > .wshz){padding:0}
.wshz img.lazyload,.wshz img.lazyloading{width:100%!important;max-width:100%}
/* v3.43.0 (03/09: "que foque sempre no topo da foto, está ficando cortado"):
   quando a foto é cortada para caber no quadro, o corte come de baixo, não de
   cima — numa foto de pessoa o rosto está em cima. */
.wshz img{object-position:var(--ws-foco,50% 0%)}

/* ===== ajustes pedidos pela Central ===== */
/* (1) o bloco usa o MESMO fundo da barra do menu: a cor vem de --mf, declarada
   pelo bloco menu-central. Se o menu mudar de tom, este bloco acompanha. */
.wshz.wshz{background:var(--mf,#f6e7e2)}
/* (2) a semana inteira em UMA LINHA SO, em qualquer tamanho de tela */
.wshz-grade{grid-template-columns:repeat(7,minmax(0,1fr))!important}
.wshz-d-curto{display:none}
@media(max-width:820px){
  .wshz-grade{gap:6px!important}
  .wshz-dia{padding:14px 5px 12px;gap:5px}
  .wshz-d{font-size:9.5px;letter-spacing:.06em}
  .wshz-d-longo{display:none}
  .wshz-d-curto{display:inline}
  .wshz-h{font-size:12px;line-height:1.3}
  .wshz-off .wshz-h{font-size:11px}
  .wshz-hoje-tag{font-size:8.5px;padding:2px 6px;letter-spacing:.03em}
}
@media(max-width:560px){
  .wshz.wshz{padding:46px 12px 44px}
  .wshz-grade{gap:4px!important}
  .wshz-dia{padding:13px 3px 11px}
  .wshz-d{font-size:8.5px}
  .wshz-h{font-size:10.5px}
  .wshz-off .wshz-h{font-size:10px}
}
/* (3) os atalhos do rodape: no celular o agendar ocupa a linha e o resto vai 2 a 2 */
.wshz-acoes{gap:10px}
@media(max-width:560px){
  .wshz-acoes{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:380px;margin-left:auto;margin-right:auto}
  .wshz-b{width:100%;max-width:none;padding:12px 8px;font-size:10.5px;letter-spacing:.07em}
  .wshz-b1{grid-column:1 / -1}
}
/* TOQUE UNICO — "o respiro do fim de semana": um fio fininho da cor da marca
   separa a semana util do sabado/domingo. Ajuda a cliente a achar o dia dela
   de bate-pronto e conversa com o losango do enfeite do titulo. */
.wshz-dia[data-dias="5"]::before{content:'';position:absolute;left:var(--sep,-9px);top:18%;bottom:18%;width:var(--fio,1px);background:var(--a);opacity:.28}
@media(max-width:820px){.wshz-dia[data-dias="5"]::before{--sep:-4px;top:24%;bottom:24%}}
/* a etiqueta do dia de hoje no celular: o card e estreito, entao ela quebra em
   duas linhas em cima do cartao em vez de vazar por cima do dia vizinho. */
@media(max-width:820px){
  .wshz-grade{margin-top:34px}
  .wshz-hoje-tag{white-space:normal;width:calc(100% + 22px);max-width:none;top:-28px;font-size:8px;line-height:1.2;padding:3px 4px;border-radius:9px;text-align:center}
  .wshz-dia.wshz-hoje{padding-top:14px}
}
@media(prefers-reduced-motion:reduce){.wshz-dia[data-dias="5"]::before{transition:none}}

/* ===== ajuste 14/09: etiqueta do HOJE, efeito dos botoes e fim do preto ===== */

/* (A) A ETIQUETA "HOJE": sai de cima do cartao (onde vazava por cima do dia
   vizinho) e vira UMA pilula centrada acima da semana inteira. O dia de hoje
   continua marcado pela moldura e pelo nome na cor da marca. */
.wshz-grade{position:relative;margin-top:54px}
.wshz-dia{position:static}
.wshz-dia[data-dias="5"]{position:relative}
.wshz-hoje-tag{
  position:absolute;top:-46px;left:50%;transform:translateX(-50%);
  width:max-content;max-width:calc(100% - 12px);white-space:nowrap;
  margin:0;padding:8px 18px;
  border:0;border-radius:var(--raio-bt,999px);
  background:var(--a);color:var(--sa,#fff);
  font-size:10.5px;font-weight:700;letter-spacing:var(--letra,.13em);text-transform:var(--caixa,uppercase);
  box-shadow:0 10px 22px -14px var(--a);z-index:2
}
.wshz-dia.wshz-hoje{padding-top:18px}

/* (B) EFEITO NOS BOTOES — a cor da marca entra deslizando pela esquerda em
   380ms com desaceleracao suave; o cheio ganha um brilho leve e sobe 2px. */
.wshz-b{position:relative;overflow:hidden;isolation:isolate;
  transition:color .35s cubic-bezier(.22,.61,.36,1),border-color .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s cubic-bezier(.22,.61,.36,1),transform .35s cubic-bezier(.22,.61,.36,1)}
.wshz-b>span{position:relative;z-index:2}
.wshz-b.ws-bt::after{display:none}
.wshz-b::before{content:'';position:absolute;inset:0;z-index:1;transform:translateX(-101%);transition:transform .38s cubic-bezier(.22,.61,.36,1)}
.wshz-b2::before{background:var(--a)}
.wshz-b2:hover::before,.wshz-b2:focus-visible::before{transform:translateX(0)}
.wshz-b2:hover,.wshz-b2:focus-visible{color:var(--sa,#fff);border-color:var(--a);box-shadow:0 12px 24px -16px var(--a)}
.wshz-b1::before{background:var(--sa,#fff);opacity:.18}
.wshz-b1:hover::before,.wshz-b1:focus-visible::before{transform:translateX(0)}
.wshz-b1:hover,.wshz-b1:focus-visible{box-shadow:0 18px 32px -14px var(--a)}
.wshz-b:hover,.wshz-b:focus-visible{transform:translateY(-2px)}
.wshz-b:focus-visible{outline:var(--fio,1px) solid var(--a);outline-offset:3px}
/* o cartao do dia tambem responde, bem de leve */
.wshz-dia{transition:transform .35s cubic-bezier(.22,.61,.36,1),border-color .35s,box-shadow .35s}
@media(prefers-reduced-motion:reduce){
  .wshz-b,.wshz-b::before,.wshz-dia{transition:none}
  .wshz-b:hover,.wshz-b:focus-visible{transform:none}
}

/* (C) no celular a pilula do HOJE e menor, mas continua em uma linha so */
@media(max-width:820px){
  .wshz-grade{margin-top:48px}
  .wshz-hoje-tag{top:-40px;font-size:9px;padding:7px 14px;letter-spacing:.08em;white-space:nowrap;width:max-content;max-width:calc(100vw - 32px)}
  .wshz-dia.wshz-hoje{padding-top:14px}
}