/*
Theme Name: LH Barbershop
Theme URI: https://lhbarbershop.com.br
Author: EcomSmart
Description: Tema de blocos do site da LH Barbershop (barbearia em Ribeirão Preto/SP) sobre a wp-plataforma. Identidade v2.0 da LH (24/10/2026, preto e branco a pedido do cliente): só tema claro, Figtree local com títulos em 600, grafite #1E1E1E na marca, na ação e nos links (sublinhados), toalha #F5F3EF nos painéis, papel #FAF9F7 nas seções alternadas e o verde #0E7A40 só no botão de WhatsApp (Entrar em contato). Usa a camada es-ui da plataforma (menu, motion, FAQ, WhatsApp flutuante) e os blocos es-editorial; dados e blocos dinâmicos vêm do plugin lhbarbershop-site.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: lhbarbershop
*/

/* =====================================================================
   DESIGN SYSTEM LH BARBERSHOP: identidade v2.0 de 24/10/2026, preto e branco
   (ecomsmart/identidade, branch wip/identidade-lh-barbershop, commit 8ba51fd,
   marcas/clientes/lh-barbershop: tokens.css e IDENTIDADE.md). Mesmo esqueleto dos
   sites da plataforma.
   Regras da identidade seguidas aqui: chapado (sem degradê, brilho, vidro ou
   sombra pesada), sem poste listrado nem ornamento retrô, nenhuma cor fora dos
   neutros a não ser o verde do botão de WhatsApp, link sempre sublinhado, uma faixa
   grafite por página (nunca colada ao rodapé), placa do logo sem sombra nem
   contorno e nunca sobre o grafite, estrelas da nota separadas do logo.

   Camadas, nesta ordem (comentadas, sem @layer: o es-ui.css da plataforma
   e os estilos de bloco do WordPress não usam camadas):
     01 Fontes
     02 Tokens              primitivos da marca → semânticos (contrato --es-*
                            do es-ui) → escalas. Só esta camada cita hex.
     03 Base e tipografia
     04 Layout              container, seções, grades
     05 Componentes         botões, rótulos, nota do Google, "aberto hoje",
                            cartões, listas, painéis, FAQ, horário, mapa,
                            avaliações, equipe, faixa grafite, topo, rodapé
     06 Padrões de página   hero, cabeçalho de página, serviço, como chegar,
                            blog, artigo, autoria, 404
     07 Motion              só o que é deste site (o comum vem do es-ui.css)
     08 Utilitários         e ajustes do WordPress

   Contrastes medidos (WCAG 2.2, fórmula da luminância relativa):
     branco sobre grafite #1E1E1E 16,67 · branco sobre chumbo #333333 12,63
     branco sobre o verde do WhatsApp #0E7A40 5,42 (hover #0B6534 7,18) · verde contra o grafite 3,08 (botão na faixa)
     grafite sobre a areia #E3DDD4 (grifo do título) 12,35
     texto #45423E no branco 9,99, na toalha 9,02 · pedra #67635E no branco 5,96, na toalha 5,38
     grafite (foco) no branco 16,67, no papel 15,84, na toalha 15,04 · branco (foco na faixa) 16,67
     faixa: texto #CFCBC4 10,31 e destaque branco 16,67 no grafite · borda de campo #87827B no branco 3,81
   ===================================================================== */

/* =========================================================== 01 Fontes */
/* Figtree variável (300 a 900) servida pelo próprio site. "Figtree Fallback"
   é Arial com métricas ajustadas: o texto não pula quando a Figtree chega. */
@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(assets/fontes/figtree-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(assets/fontes/figtree-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Figtree Fallback";src:local("Arial"),local("Helvetica");size-adjust:104%;ascent-override:92%;descent-override:24%;line-gap-override:0%}

/* =========================================================== 02 Tokens */
/* Só tema claro: o <html> nasce com data-theme="light" e não há tokens escuros. */
:root{
  /* 2a. Primitivos: tokens.css da identidade v1.0 da LH (mesmos valores e nomes de papel) */
  --lh-grafite:#1E1E1E;      /* --marca e --tinta: logo, títulos, faixa, botão escuro, foco */
  --lh-grafite-2:#333333;    /* --marca-700, chumbo: hover do grafite (no escuro o hover clareia) */
  --lh-texto:#45423E;        /* --texto, grafite quente: texto corrido */
  --lh-suave:#67635E;        /* --suave, pedra: legenda, rótulo, data */
  --lh-toalha:#F5F3EF;       /* --pastel, toalha: painel, botão secundário, lugar de foto */
  --lh-toalha-2:#EFECE7;     /* --fundo-3: cartão de trás da toalha (sem texto pedra em cima) */
  --lh-papel:#FAF9F7;        /* --fundo, papel: seção alternada */
  --lh-areia:#E3DDD4;        /* --pastel-2 e --marca-texto: grifo do título e do <mark>, só sobre branco ou papel (tinta em cima 12,35) */
  --lh-borda-campo:#87827B;
  --lh-wa:#0E7A40;           /* --whatsapp-btn: Entrar em contato, a única cor fora dos neutros (texto branco 5,42) */
  --lh-wa-hover:#0B6534;     /* --whatsapp-btn-hover (texto branco 7,18) */
  --lh-branco:#FFFFFF;
  --lh-linha:#E7E4DF;        /* --borda */
  --lh-linha-2:#D6D1C9;      /* --borda-forte */
  --lh-faixa-texto-2:#CFCBC4;
  --lh-faixa-destaque:#FFFFFF; /* destaque na faixa: branco contra o resto em cinza claro */
  --lh-estrela:#1E1E1E;      /* estrelas da nota em grafite (decorativas: a nota vai escrita ao lado, com a fonte) */
  --lh-erro:#B42318;
  --lh-sombra-cor:rgb(30 30 30 / .28);
  --lh-sombra-cor-2:rgb(30 30 30 / .07);
  --lh-mapa-rua:#FFFFFF;
  --lh-mapa-quadra:#EFECE7;
  --lh-mapa-via:#D6D1C9;     /* faixa tracejada da rua principal no desenho do mapa */
  --lh-mapa-texto:#67635E;   /* nome da rua no desenho do mapa */
  --lh-anel-faixa:rgb(255 255 255 / .2); /* contorno do botão de ação na faixa grafite */

  /* 2b. Escalas da identidade aprovada (v4 "Compacta", tokens.css da LH): display até 52, h1 até 44,
     h2 26 a 32, h3 20 a 22, lead 17 a 18, corpo 16/24, legenda 14, botão 15 (16 no .btn-g de 52 px).
     Espaços só em múltiplos de 4 e 8. */
  --fonte:Figtree,"Figtree Fallback",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fs-display:clamp(34px,calc(20px + 2.3vw),52px);
  --fs-h1:clamp(32px,calc(21.6px + 1.7vw),44px);
  --fs-h2:clamp(26px,calc(21.12px + .8vw),32px);
  --fs-h3:clamp(20px,calc(18.4px + .3vw),22px);
  --fs-lead:clamp(17px,calc(16.32px + .15vw),18px);
  --fs-leitura:18px;
  --fs-corpo:16px;--fs-ui:15px;--fs-peq:14px;--fs-btn:15px;
  --esp-1:4px;--esp-2:8px;--esp-3:12px;--esp-4:16px;--esp-5:24px;--esp-6:32px;--esp-7:48px;--esp-8:64px;--esp-9:96px;
  --sec:56px;--gutter:20px;--container:1200px;--topo-h:68px;--alvo:44px;--btn-alt:44px;--btn-alt-g:52px;
  --barra-h:69px; /* barra fixa do celular: 52 px dos botões, 8 + 8 de folga e 1 de fio */
  --raio-btn:8px;--es-raio:12px;--raio-lg:16px;--raio-xl:24px;--raio-pilula:999px;

  /* 2c. Semânticos: contrato es-ui (--es-*) e extensões com o mesmo prefixo */
  --es-primaria:var(--lh-grafite);--es-primaria-texto:var(--lh-branco);--es-primaria-hover:var(--lh-grafite-2);
  --es-acao:var(--lh-grafite);--es-acao-hover:var(--lh-grafite-2);--es-acao-texto:var(--lh-branco);
  --es-enfase:var(--lh-grafite);
  --es-fundo:var(--lh-branco);--es-fundo-2:var(--lh-papel);--es-toalha:var(--lh-toalha);
  --es-superficie:var(--lh-branco);--es-superficie-2:var(--lh-toalha-2);
  --es-texto:var(--lh-grafite);--es-texto-2:var(--lh-texto);--es-texto-3:var(--lh-suave);
  --es-linha:var(--lh-linha);--es-linha-forte:var(--lh-linha-2);--es-borda-campo:var(--lh-borda-campo);
  --es-foco:var(--lh-grafite);
  --es-wa:var(--lh-wa);--es-wa-hover:var(--lh-wa-hover);--es-erro:var(--lh-erro);
  --es-raio-btn:var(--raio-btn);
  --es-sombra:0 16px 36px -18px var(--lh-sombra-cor),0 0 0 1px var(--lh-sombra-cor-2);
  --es-sombra-forte:0 16px 36px -18px var(--lh-sombra-cor);
  --es-sombra-leve:0 1px 2px var(--lh-sombra-cor-2);
  --es-grifo:var(--lh-areia);
  --es-faixa:var(--lh-grafite);--es-faixa-texto:var(--lh-branco);--es-faixa-texto-2:var(--lh-faixa-texto-2);--es-faixa-destaque:var(--lh-faixa-destaque);
  --es-estrela:var(--lh-estrela);
  --es-topo:var(--lh-branco);
  /* Painel pastel (.recurso .toalha-c): toalha, cartão de trás e cor dos checks */
  --pastel-toalha:var(--lh-toalha);--pastel-toalha-p:var(--lh-toalha-2);--pastel-toalha-a:var(--lh-grafite);
  --peso-titulo:600;
  color-scheme:light;
}
@media(min-width:768px){:root{--sec:72px;--gutter:32px;--topo-h:76px}}
@media(min-width:1024px){:root{--gutter:40px}}

/* ================================================= 03 Base e tipografia */
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--topo-h) + 16px)}
body{margin:0;font:400 var(--fs-corpo)/1.5 var(--fonte);color:var(--es-texto-2);background:var(--es-fundo);overflow-x:clip;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{margin:0;font-family:var(--fonte);font-weight:var(--peso-titulo);letter-spacing:-.02em;text-wrap:balance;color:var(--es-texto)}
h1{font-size:var(--fs-h1);line-height:1.1;letter-spacing:-.03em}
h2{font-size:var(--fs-h2);line-height:1.2;letter-spacing:-.02em}
h3,h4{font-size:var(--fs-h3);line-height:1.3;letter-spacing:-.01em}
p{margin:0;text-wrap:pretty}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;height:auto}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:var(--es-primaria);color:var(--es-primaria-texto)}
b,strong{font-weight:600;color:var(--es-texto)}

/* =========================================================== 04 Layout */
.w{max-width:calc(var(--container) + 2 * var(--gutter));margin:0 auto;padding-inline:var(--gutter)}
.sec{padding-block:var(--sec)}
.sec.papel{background:var(--es-fundo-2)}
.sec:not(.papel)+.sec:not(.papel):not(.colada){padding-top:0}
.sec.colada{padding-top:0}
.cab-sec{max-width:760px;margin-bottom:var(--esp-6)}
@media(min-width:768px){.cab-sec{margin-bottom:var(--esp-7)}}
.cab-sec.centro{margin-inline:auto;text-align:center}
.cab-sec h2{margin-top:var(--esp-3)}
.cab-sec>p,.cab-sec h2+p{margin-top:var(--esp-4);font-size:var(--fs-lead)}
.cab-sec.linha{max-width:none;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--esp-4)}
.cab-sec.linha>div{max-width:720px}
.grade{display:grid;gap:var(--esp-4);align-items:stretch;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.grade.g3{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.grade>*,.dividir>*,.hero-g>*,.servico-g>*,.art>*,.local-g>*,.resumo-g>*,.faq-g>*{min-width:0}
.dividir{display:grid;gap:var(--esp-6);align-items:center}
@media(min-width:960px){.dividir{grid-template-columns:1fr 1fr;gap:var(--esp-8)}.dividir.inv>:first-child{order:2}}

/* ====================================================== 05 Componentes */
/* Botões: 48 px (44 no compacto), raio 8. Um botão de ação por dobra. */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--esp-2);min-height:var(--btn-alt);padding:0 20px;border-radius:var(--raio-btn);
  font:600 var(--fs-btn)/1.2 var(--fonte);border:1px solid transparent;cursor:pointer;text-align:center;text-decoration:none;
  transition:background-color var(--es-dur-2,.32s),color var(--es-dur-2,.32s),border-color var(--es-dur-2,.32s),box-shadow var(--es-dur-2,.32s),transform var(--es-dur-1,.16s) var(--es-ease,ease)}
.btn svg{width:20px;height:20px;flex:none}
.btn-acao{background:var(--es-acao);color:var(--es-acao-texto)}
.btn-acao:hover{background:var(--es-acao-hover)}
.btn-pri{background:var(--es-primaria);color:var(--es-primaria-texto)}
.btn-pri:hover{background:var(--es-primaria-hover)}
.btn-contorno{background:var(--es-superficie);border-color:var(--es-texto);color:var(--es-texto)}
.btn-contorno:hover{background:var(--es-toalha)}
.btn-wa{background:var(--es-wa);color:var(--lh-branco)}
.btn-wa:hover{background:var(--es-wa-hover)}
.btn-peq{min-height:var(--alvo);padding:0 16px;font-size:var(--fs-peq)}
.btn-g{min-height:var(--btn-alt-g);padding:0 24px;font-size:16px}
.btn-largo{width:100%}
.acoes{display:flex;flex-wrap:wrap;gap:var(--esp-3);margin-top:var(--esp-5)}
@media(max-width:560px){.acoes>.btn{flex:1 1 100%}}
.acoes.centro{justify-content:center}
.nota-acao{margin-top:var(--esp-2);font-size:var(--fs-peq);color:var(--es-texto-3)}
.link-seta{display:inline-flex;align-items:center;gap:8px;min-height:var(--alvo);font-weight:600;color:var(--es-enfase);text-decoration:underline;text-underline-offset:4px}
.link-seta:hover{text-decoration:underline;text-underline-offset:4px}
p .link-seta,li .link-seta,dd .link-seta{min-height:0}

/* Rótulo de seção: frase curta em caixa normal, com o fio listrado antes. */
.rot{display:inline-flex;align-items:center;gap:var(--esp-3);font-size:14px;font-weight:600;letter-spacing:-.005em;color:var(--es-texto-3)}
.rot:before{content:"";flex:none;width:20px;height:2px;border-radius:2px;background:currentColor}
/* Palavra de destaque no título: o grifo de areia atrás (faixa chapada, sem degradê), um por título. */
.destaque{box-shadow:inset 0 -.36em 0 var(--es-grifo);-webkit-box-decoration-break:clone;box-decoration-break:clone}
mark{background:var(--es-grifo);color:var(--es-texto);padding:0 .12em;border-radius:2px}

/* Nota do Google e "aberto hoje" */
.estrelas{display:inline-flex;gap:2px;color:var(--es-estrela);flex:none}
.estrelas svg{width:16px;height:16px;fill:currentColor}
.nota-google{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:var(--fs-peq);color:var(--es-texto-2)}
.nota-google a{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--esp-1) var(--esp-2);min-height:var(--alvo);font-weight:600;color:var(--es-texto)}
.nota-google a span{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.nota-google a:hover span{text-decoration-thickness:2px}
.nota-google .data{color:var(--es-texto-3)}
.agora{display:inline-flex;align-items:center;gap:8px;min-height:32px;font-size:var(--fs-peq);font-weight:600;color:var(--es-texto)}
.agora:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--es-texto-3)}
.agora.aberto:before{background:var(--es-texto);box-shadow:0 0 0 4px var(--es-grifo)}
.agora.fechado:before{background:transparent;border:2px solid var(--es-texto)}

/* Cartões de serviço */
.card{position:relative;display:flex;flex-direction:column;gap:var(--esp-3);padding:var(--esp-5);border-radius:var(--raio-lg);background:var(--es-superficie);border:1px solid var(--es-linha)}
.papel .card{border-color:var(--es-linha)}
.card :is(h3,h4){font-size:var(--fs-h3)}
.card .card-t a:after,.card h3 a:after{content:"";position:absolute;inset:0;border-radius:inherit}
.card p{font-size:var(--fs-corpo)}
.card .card-pe{margin-top:auto;padding-top:var(--esp-3);display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:var(--esp-2);border-top:1px solid var(--es-linha);font-size:var(--fs-peq)}
.card .card-pe .valor{color:var(--es-texto-3)}
.card .card-pe .mais{display:inline-flex;align-items:center;gap:var(--esp-2);font-weight:600;color:var(--es-texto);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.card .card-pe .mais svg{width:16px;height:16px;flex:none}
a.card:hover,.card:has(:is(h3,h4) a:hover){border-color:var(--es-texto)}
.card .ic svg{color:var(--es-texto)}
/* Foco: anel no título (o link) e a borda do cartão em grafite */
.card:has(:is(h3,h4) a:focus-visible){border-color:var(--es-texto)}
.card :is(h3,h4) a:focus-visible{outline:2px solid var(--es-foco);outline-offset:4px;border-radius:4px}
.ic{flex:none;display:grid;place-items:center;width:var(--alvo);height:var(--alvo);border-radius:var(--es-raio);background:var(--es-fundo-2);color:var(--es-texto)}
.papel .ic{background:var(--es-superficie)}
.ic svg{width:22px;height:22px}

/* Lista com check (cor do painel em .recurso, --ac) e lista numerada */
.lista{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.lista li{position:relative;padding-left:32px;color:var(--es-texto-2)}
.lista li:before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--ac,var(--es-primaria)) no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E")}
.passos{list-style:none;counter-reset:p;padding:0;margin:0;display:grid;gap:var(--esp-4)}
@media(min-width:900px){.passos{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--esp-5)}}
.passos li{counter-increment:p;display:grid;gap:var(--esp-1);align-content:start}
.passos li:before{content:counter(p);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--es-primaria);color:var(--es-primaria-texto);font-weight:700;font-variant-numeric:tabular-nums;margin-bottom:var(--esp-2)}
.passos b{font-size:var(--fs-lead)}
.passos span{font-size:var(--fs-ui)}

/* Chips (bairros perto, filtros do blog): alvo de 44 px */
.chips{display:flex;flex-wrap:wrap;gap:var(--esp-2);list-style:none;padding:0;margin:0}
.chips a,.filtros a{display:inline-flex;align-items:center;min-height:var(--alvo);padding:0 var(--esp-4);border-radius:var(--raio-pilula);border:1px solid var(--es-linha-forte);background:var(--es-superficie);font-size:var(--fs-peq);font-weight:500;color:var(--es-texto);transition:border-color var(--es-dur-2,.32s)}
.chips a:hover,.filtros a:hover{border-color:var(--es-texto)}
.filtros{display:flex;gap:var(--esp-2);margin-bottom:var(--esp-6);overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding:2px var(--gutter)}
.filtros::-webkit-scrollbar{display:none}
.filtros a{flex:none;white-space:nowrap}
.filtros a.on{background:var(--es-primaria);border-color:var(--es-primaria);color:var(--es-primaria-texto)}
@media(min-width:900px){.filtros{flex-wrap:wrap;overflow:visible;margin-inline:0;padding:0}}

/* Fatos em lista de definição ("Em poucas palavras", resumo do serviço, contato) */
.fatos{margin:0;display:grid;gap:0;border-top:1px solid var(--es-linha)}
.fatos>div{display:grid;gap:var(--esp-1) var(--esp-4);padding:var(--esp-3) 0;border-bottom:1px solid var(--es-linha)}
@media(min-width:560px){.fatos>div{grid-template-columns:140px minmax(0,1fr)}}
.fatos dt{font-size:var(--fs-peq);font-weight:600;color:var(--es-texto-3)}
.fatos dd{margin:0;color:var(--es-texto)}
.fatos dd a{display:inline-flex;align-items:center;min-height:var(--alvo);color:var(--es-enfase);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.fatos dd a:hover{text-decoration-thickness:2px}
.fatos dd small{display:block;font-size:14px;color:var(--es-texto-3)}

/* Resposta direta (bloco citável por IA) */
.citavel{font-size:var(--fs-lead);line-height:1.6;color:var(--es-texto)}

/* Painéis pastel .recurso (padrão comum dos sites da plataforma): fundo pastel,
   etiqueta grafite, título, lista com checks, botão e, do outro lado, um cartão
   branco inclinado sobre um cartão pastel, com um balão sobreposto. */
.toalha-c{--c:var(--pastel-toalha);--p:var(--pastel-toalha-p);--a:var(--pastel-toalha-a);--ac:var(--a)}
.recurso{position:relative;border-radius:var(--raio-xl);padding:var(--esp-5);background:var(--c);border:1px solid var(--es-linha)}
@media(min-width:768px){.recurso{padding:var(--esp-7)}}
.recurso .g{display:grid;gap:40px;align-items:center}
.recurso .g>*{min-width:0}
@media(min-width:1024px){.recurso .g{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--esp-8)}.recurso.inv .txt{order:2}}
.recurso :is(h2,h3){margin-top:20px;max-width:520px}
.recurso .txt>p{margin-top:16px;max-width:520px;font-size:var(--fs-lead)}
.recurso .lista{margin:24px 0 28px}
.recurso .lista li{color:var(--es-texto)}
.tag{display:inline-flex;align-items:center;min-height:28px;border-radius:var(--raio-btn);padding:0 12px;font-size:14px;font-weight:600;letter-spacing:.01em;background:var(--es-primaria);color:var(--es-primaria-texto)}
.palco{position:relative;margin:16px}
.palco:before{content:"";position:absolute;inset:-14px;border-radius:var(--raio-xl);background:var(--p);transform:rotate(-2.2deg);transition:transform var(--es-dur-3,.7s) var(--es-ease,ease)}
@media(hover:hover){.recurso:hover .palco:before{transform:rotate(.8deg) scale(1.01)}}
.palco .foto{position:relative;display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--raio-lg);transform:rotate(1.2deg)}
.palco .foto.placa-palco{width:201px;height:169px;margin:24px auto;aspect-ratio:338/284;object-fit:contain;border-radius:8px;transform:none}
.inv .palco .foto{transform:rotate(-1.2deg)}
.balao{position:absolute;left:12px;bottom:-22px;z-index:2;display:flex;align-items:center;gap:12px;max-width:calc(100% - 24px);padding:12px 16px;border-radius:var(--raio-lg);background:var(--es-superficie);color:var(--es-texto);box-shadow:var(--es-sombra);font-size:14px;line-height:1.35}
.balao .ic{width:36px;height:36px;border-radius:50%;background:var(--ac,var(--es-primaria));color:var(--lh-branco)}
.balao .ic svg{width:18px;height:18px}
.balao b{display:block;font-size:14px}
.balao span{color:var(--es-texto-3)}
@media(max-width:767px){.palco>.balao{position:relative;left:auto;bottom:auto;margin-top:28px}}

/* FAQ (acordeão; o es-ui deixa um aberto por vez) */
.faq{max-width:840px;display:grid;gap:var(--esp-3)}
.faq details{background:var(--es-superficie);border:1px solid var(--es-linha);border-radius:var(--es-raio);padding:0 20px;transition:border-color var(--es-dur-2,.32s)}
.faq details[open]{border-color:var(--es-texto)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--esp-4);min-height:56px;padding:var(--esp-3) 0;font-weight:600;font-size:var(--fs-corpo);line-height:1.4;color:var(--es-texto)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"";flex:none;width:11px;height:11px;border-right:2px solid var(--es-enfase);border-bottom:2px solid var(--es-enfase);transform:translateY(-3px) rotate(45deg);transition:transform var(--es-dur-2,.32s) var(--es-ease,ease)}
.faq details[open] summary:after{transform:translateY(2px) rotate(-135deg)}
.faq details p{padding-bottom:var(--esp-5);font-size:var(--fs-corpo)}
.faq details::details-content{block-size:0;overflow:hidden;transition:block-size var(--es-dur-2,.32s) var(--es-ease,ease),content-visibility var(--es-dur-2,.32s) allow-discrete}
.faq details[open]::details-content{block-size:auto}
.faq-g{display:grid;gap:var(--esp-6)}
@media(min-width:1000px){.faq-g{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--esp-8);align-items:start}.faq-g .cab-sec{position:sticky;top:calc(var(--topo-h) + 24px)}}

/* Horário (tabela; o dia de hoje é marcado pelo plugin no navegador) */
.horario{width:100%;border-collapse:collapse;font-size:var(--fs-ui)}
.horario caption{text-align:left;font-weight:600;color:var(--es-texto);padding-bottom:8px}
.horario th,.horario td{padding:var(--esp-2) 0;border-bottom:1px solid var(--es-linha);text-align:left;font-weight:400;color:var(--es-texto-2)}
.horario td{text-align:right;font-variant-numeric:tabular-nums}
.horario tr.hoje th,.horario tr.hoje td{font-weight:600;color:var(--es-texto)}
.horario tr.hoje th:after{content:" (hoje)";font-weight:400;color:var(--es-texto-3)}

/* Mapa como fachada: imagem desenhada com o endereço; o iframe do Google só entra no clique */
.mapa-col{display:flex;flex-direction:column;gap:var(--esp-3);min-width:0}
.mapa{position:relative;flex:1;display:grid;border-radius:var(--raio-lg);overflow:hidden;border:1px solid var(--es-linha);background:var(--lh-mapa-quadra);min-height:400px;isolation:isolate}
.mapa svg.mapa-arte{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.mapa .mapa-cartao{align-self:end;margin:var(--esp-4);padding:var(--esp-4);border-radius:var(--es-raio);background:var(--es-superficie);box-shadow:var(--es-sombra);display:grid;gap:var(--esp-2);max-width:420px}
.mapa .mapa-cartao b{font-size:16px}
.mapa .mapa-cartao span{font-size:var(--fs-peq)}
.mapa .mapa-acoes{display:flex;flex-wrap:wrap;gap:var(--esp-2);margin-top:var(--esp-1)}
.mapa .mapa-acoes .btn{flex:1 1 auto}
.mapa iframe{display:block;width:100%;height:100%;min-height:360px;border:0}
.mapa.carregado{background:var(--es-superficie)}
.mapa-nota{margin:0;font-size:var(--fs-peq);color:var(--es-texto-3)}

/* Avaliações do Google (texto integral, com nome, data e "Consultado em") */
.avals{display:grid;gap:var(--esp-4);align-items:stretch;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.aval{margin:0;display:flex;flex-direction:column;gap:var(--esp-3);padding:var(--esp-5);border-radius:var(--raio-lg);background:var(--es-superficie);border:1px solid var(--es-linha)}
.aval-cab{display:flex;align-items:center;gap:12px}
.av{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--es-primaria);color:var(--es-primaria-texto);font-weight:600;font-size:15px}
.aval figcaption{display:grid;line-height:1.3}
.aval figcaption b{font-size:var(--fs-corpo)}
.aval figcaption span{font-size:14px;color:var(--es-texto-3)}
.aval figcaption a,.pessoa .cite a{display:inline-flex;align-items:center;min-height:var(--alvo);color:var(--es-texto-2);text-decoration:underline;text-underline-offset:3px}
.aval .g-logo{width:20px;height:20px;margin-left:auto;flex:none}
.aval blockquote{margin:0;color:var(--es-texto);font-size:var(--fs-corpo);line-height:1.5;white-space:pre-line}
.aval blockquote p{margin:0}
.aval-fonte{margin-top:var(--esp-5);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-size:var(--fs-peq);color:var(--es-texto-3)}

/* Equipe: nomes públicos e o que as avaliações dizem (sem foto até o cliente enviar) */
.equipe{display:grid;gap:var(--esp-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));list-style:none;padding:0;margin:0}
.pessoa{display:flex;flex-direction:column;gap:var(--esp-3);padding:var(--esp-5);border-radius:var(--raio-lg);background:var(--es-superficie);border:1px solid var(--es-linha)}
.papel .pessoa{border-color:transparent}
.pessoa .av{width:52px;height:52px;font-size:18px}
.pessoa h3{font-size:var(--fs-h3)}
.pessoa blockquote{margin:0;font-size:var(--fs-ui);color:var(--es-texto)}
.pessoa .cite{font-size:14px;color:var(--es-texto-3)}
.nomes{font-size:var(--fs-lead);color:var(--es-texto)}

/* Faixa grafite curta (a única superfície escura do site, como na Iron): contraste medido no topo */
.faixa-grafite{position:relative;border-radius:var(--raio-xl);background:var(--es-faixa);color:var(--es-faixa-texto);padding:var(--esp-6) var(--esp-5);overflow:hidden;--es-foco:var(--lh-branco)}
.faixa-grafite :focus-visible{outline-width:3px}
@media(min-width:768px){.faixa-grafite{padding:var(--esp-7) var(--esp-7)}}
.faixa-grafite h2,.faixa-grafite b,.faixa-grafite strong{color:var(--es-faixa-texto)}
.faixa-grafite p,.faixa-grafite span{color:var(--es-faixa-texto-2)}
.faixa-grafite .rot{color:var(--es-faixa-texto-2)}
.faixa-grafite .passos li:before{background:var(--lh-branco);color:var(--es-primaria)}
.faixa-grafite .passos{margin-top:var(--esp-6)}
.faixa-grafite .btn-wa{box-shadow:0 0 0 1px var(--lh-anel-faixa)}
.faixa-grafite .btn-contorno{background:transparent;border-color:var(--lh-branco);color:var(--lh-branco)}
.faixa-grafite .btn-contorno:hover{background:var(--lh-branco);color:var(--lh-grafite)}
.faixa-grafite .faixa-cab{display:flex;flex-wrap:wrap;gap:var(--esp-4);align-items:flex-end;justify-content:space-between}
.faixa-grafite .faixa-cab>div{max-width:640px}
.faixa-grafite .faixa-cab p{margin-top:var(--esp-3);font-size:var(--fs-lead)}
@media(max-width:767px){.faixa-grafite{padding:var(--esp-6) var(--esp-5)}.faixa-grafite .passos{margin-top:var(--esp-5);gap:var(--esp-3)}.faixa-grafite .passos span{display:none}.faixa-grafite .passos li{grid-template-columns:40px 1fr;column-gap:var(--esp-3);align-items:center}.faixa-grafite .passos li:before{margin:0}.faixa-grafite .faixa-cab p{font-size:var(--fs-corpo)}}

/* Placa do logo (o logo mestre é branco sobre grafite) */
.placa{display:block;border-radius:8px;background:var(--es-primaria)}

/* Migalha */
.migalha{display:flex;flex-wrap:wrap;align-items:center;gap:var(--esp-2);font-size:var(--fs-peq);color:var(--es-texto-3)}
.migalha a{display:inline-flex;align-items:center;min-height:var(--alvo);min-width:var(--alvo);color:var(--es-texto-2);text-decoration:underline;text-decoration-color:var(--es-linha-forte);text-underline-offset:3px}
.migalha a:hover{color:var(--es-texto);text-decoration:underline;text-underline-offset:3px}

/* Cabeçalho fixo, branco chapado, com a placa do logo e o nome em texto */
header.wp-block-template-part{z-index:50}
.topo-wrap{background:var(--es-topo);border-bottom:1px solid var(--es-linha)}
.topo{display:flex;align-items:center;gap:var(--esp-4);min-height:var(--topo-h);position:relative}
.logo{display:inline-flex;align-items:center;gap:var(--esp-3);flex:none;min-height:var(--alvo);border-radius:var(--raio-btn)}
.logo img{display:block;width:66px;height:56px;border-radius:6px}
.logo-txt b{font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--es-texto);white-space:nowrap}

.nav{display:none;position:fixed;top:var(--topo-h);left:0;right:0;bottom:0;z-index:66;flex-direction:column;align-items:stretch;gap:var(--esp-1);
  padding:var(--esp-3) calc(var(--gutter) - 12px) calc(var(--esp-5) + env(safe-area-inset-bottom,0px));background:var(--es-superficie);border-top:1px solid var(--es-linha);overflow-y:auto;overscroll-behavior:contain}
.topo.aberto .nav{display:flex}
.nav>a,.nav summary{display:flex;align-items:center;gap:var(--esp-2);min-height:48px;padding:0 var(--esp-3);border-radius:var(--raio-btn);font-size:var(--fs-corpo);font-weight:500;color:var(--es-texto);cursor:pointer;transition:background-color var(--es-dur-2,.32s)}
.nav>a:hover,.nav summary:hover{background:var(--es-fundo-2)}
.nav>a.on,.nav .menu-sub.on>summary{font-weight:600;background:var(--es-grifo);color:var(--es-texto)}
.menu-sub summary{list-style:none}
.menu-sub summary::-webkit-details-marker{display:none}
.menu-sub summary:after{content:"";width:7px;height:7px;margin-left:2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--es-dur-2,.32s) var(--es-ease,ease)}
.menu-sub[open] summary:after{transform:translateY(2px) rotate(-135deg)}
.menu-sub .sub{display:grid;gap:2px;padding:0 0 var(--esp-2) var(--esp-3)}
.menu-sub .sub a{display:flex;align-items:center;min-height:44px;padding:0 var(--esp-3);border-radius:var(--raio-btn);font-size:var(--fs-ui);color:var(--es-texto-2)}
.menu-sub .sub a:hover,.menu-sub .sub a.on{background:var(--es-fundo-2);color:var(--es-texto)}
.menu-sub .sub .todos{font-weight:600;color:var(--es-texto);text-decoration:underline;text-underline-offset:3px}
.nav .so-menu{display:grid;gap:var(--esp-3);margin:var(--esp-3) var(--esp-3) 0;padding-top:var(--esp-4);border-top:1px solid var(--es-linha)}
/* Com o menu aberto, a barra fixa e o WhatsApp flutuante saem (o site.js também deixa main e rodapé inertes). */
.menu-aberto .es-wa{visibility:hidden}
.topo-acoes{display:flex;align-items:center;gap:var(--esp-2);margin-left:auto}
.topo-acoes .btn{min-height:var(--alvo);padding:0 16px;font-size:var(--fs-btn)}
@media(max-width:520px){.topo-acoes .topo-agendar{display:none}}
.burger{display:inline-flex;align-items:center;gap:var(--esp-2);min-width:var(--alvo);height:var(--alvo);padding:0 16px;border-radius:var(--raio-btn);border:1px solid var(--es-texto);background:var(--es-superficie);color:var(--es-texto);cursor:pointer;font:600 var(--fs-btn) var(--fonte)}
.burger:hover{background:var(--es-toalha)}
.burger-ic,.burger-ic:before,.burger-ic:after{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform var(--es-dur-2,.32s) var(--es-ease,ease),background-color var(--es-dur-1,.16s)}
.burger-ic{position:relative}
.burger-ic:before,.burger-ic:after{content:"";position:absolute;left:0}
.burger-ic:before{top:-6px}.burger-ic:after{top:6px}
.topo.aberto .burger-ic{background:transparent}
.topo.aberto .burger-ic:before{transform:translateY(6px) rotate(45deg)}
.topo.aberto .burger-ic:after{transform:translateY(-6px) rotate(-45deg)}
.menu-aberto{overflow:hidden}
@media(min-width:1081px){
  .topo{gap:var(--esp-6)}
  .nav{display:flex;position:static;flex-direction:row;align-items:center;gap:var(--esp-1);margin-left:auto;padding:0;background:none;border:0;box-shadow:none;max-height:none;overflow:visible}
  .nav>a,.nav summary{min-height:var(--alvo);padding:0 var(--esp-3);font-size:var(--fs-ui);color:var(--es-texto-2)}
  .nav>a:hover,.nav summary:hover,.nav>a.on,.nav .menu-sub.on>summary{color:var(--es-texto);background:var(--es-fundo-2)}
  .menu-sub{position:relative}
  .menu-sub .sub{position:absolute;top:calc(100% + 8px);left:-8px;min-width:260px;padding:var(--esp-2);border-radius:var(--raio-lg);background:var(--es-superficie);border:1px solid var(--es-linha);box-shadow:var(--es-sombra);z-index:5}
  .nav .so-menu,.burger{display:none}
  .topo-acoes{margin-left:0}
}

/* Rodapé (claro; o fio listrado abre o bloco) */
.rodape{margin-top:0;background:var(--es-toalha);border-top:1px solid var(--es-linha)}
.rodape-g{display:grid;gap:var(--esp-6) var(--esp-5);padding-block:var(--esp-7);grid-template-columns:repeat(2,minmax(0,1fr))}
.rodape-g .marca-rodape{grid-column:1/-1;display:grid;gap:var(--esp-4);align-content:start}
@media(min-width:1024px){.rodape-g{grid-template-columns:1.4fr repeat(3,1fr);padding-block:var(--esp-8)}.rodape-g .marca-rodape{grid-column:auto}}
.rodape-g .marca-rodape img{width:66px;height:56px;border-radius:6px}
.rodape .slogan{font-weight:600;font-size:var(--fs-lead);color:var(--es-texto)}
.rodape .horas{margin-top:var(--esp-3);font-size:var(--fs-ui)}
.rodape-g .marca-rodape p{font-size:var(--fs-ui);max-width:340px}
.rodape h2{font-size:14px;font-weight:600;letter-spacing:0;color:var(--es-texto);margin-bottom:var(--esp-2)}
.rodape ul{list-style:none;margin:0;padding:0;display:grid}
.rodape ul a{display:inline-flex;align-items:center;min-height:var(--alvo);min-width:var(--alvo);font-size:var(--fs-ui);color:var(--es-texto-2)}
.rodape ul a:hover{color:var(--es-texto);text-decoration:underline;text-underline-offset:3px}
.rodape address{font-style:normal;font-size:var(--fs-ui);line-height:1.6;color:var(--es-texto-2)}
.rodape address a{color:var(--es-texto);font-weight:600}
.rodape .redes{display:flex;gap:var(--esp-2)}
.rodape .redes-txt{list-style:none;margin:0;padding:0;display:grid}
.rodape .redes-txt a{display:inline-flex;align-items:center;gap:var(--esp-2);min-height:var(--alvo);font-size:var(--fs-ui);font-weight:600;color:var(--es-texto);text-decoration:underline;text-underline-offset:4px}
.rodape .redes-txt svg{width:20px;height:20px;flex:none}
.rodape .redes a{display:inline-grid;place-items:center;width:var(--alvo);height:var(--alvo);border-radius:50%;border:1px solid var(--es-linha-forte);color:var(--es-texto);background:var(--es-superficie)}
.rodape .redes a:hover{border-color:var(--es-texto)}
.rodape .redes svg{width:20px;height:20px}
.rodape .base{border-top:1px solid var(--es-linha);padding-block:var(--esp-5) var(--esp-6);font-size:14px;color:var(--es-texto-3)}
.rodape .base .w{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--esp-5);justify-content:space-between}
.rodape .base .w>span{display:inline-flex;align-items:center;min-height:var(--alvo)}
.rodape .base a{display:inline-flex;align-items:center;min-height:var(--alvo);color:var(--es-texto-2);text-decoration:underline;text-underline-offset:3px}
.rodape .base-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--esp-4)}
.rodape .base-links>span{display:inline-flex;align-items:center;min-height:var(--alvo)}
@media(max-width:600px){.rodape .base{padding-bottom:96px}}
.rodape-g .marca-rodape .logo img{width:66px;height:56px}

/* Barra fixa do celular (até 520 px): aparece quando o botão de ação da página sai da tela
   (assets/js/site.js). Agendar horário, Ligar e Como chegar, alvos de 44 px, área segura do iPhone. */
.barra-acao{position:fixed;left:0;right:0;bottom:0;z-index:65;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--esp-2);
  padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:var(--es-superficie);border-top:1px solid var(--es-linha);
  transform:translateY(110%);transition:transform var(--es-dur-2,.32s) var(--es-ease,ease)}
.barra-acao[hidden]{display:none}
/* Folga de rolagem embaixo: o foco do teclado nunca para atrás da barra fixa (até 520 px) nem do WhatsApp flutuante. */
@media(max-width:520px){html{scroll-padding-bottom:calc(var(--barra-h) + env(safe-area-inset-bottom,0px) + 16px)}}
@media(min-width:521px){html{scroll-padding-bottom:88px}}
.barra-acao a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--esp-1);min-height:52px;padding:4px;border-radius:var(--raio-btn);
  border:1px solid var(--es-linha-forte);background:var(--es-superficie);color:var(--es-texto);font-size:14px;font-weight:600;line-height:1.15;text-align:center}
.barra-acao a svg{width:20px;height:20px;flex:none}
.barra-acao a span{white-space:nowrap}
.barra-acao .ba-wa{background:var(--es-wa);border-color:var(--es-wa);color:var(--lh-branco)}
.com-barra .barra-acao{transform:none}
/* Menu aberto: a barra sai e some, mesmo depois de rolar (mais específica e depois de .com-barra). */
html.menu-aberto .barra-acao{transform:translateY(110%);visibility:hidden}
@media(min-width:521px){.barra-acao{display:none}}
/* Até 520 px a barra fixa já tem o WhatsApp: o flutuante do es-ui sai (cobria o Como chegar). */
@media(max-width:520px){.es-wa{display:none!important}.rodape .base{padding-bottom:112px}}
@media(prefers-reduced-motion:reduce){.barra-acao{transition:none}}

/* WhatsApp flutuante (es-ui): verde da v4 com texto branco */
.es-wa{background:var(--es-wa);font-family:var(--fonte);font-weight:600;box-shadow:var(--es-sombra-leve),0 8px 20px -12px var(--lh-sombra-cor)}
.es-wa:hover{background:var(--es-wa-hover);filter:none}
.es-wa:before{content:none;animation:none}
/* Escondido (antes de rolar, ou com um [data-esconde-wa], formulário ou rodapé na tela: site.js) também sai do Tab. */
.es-wa:not(.pronto),.es-wa.lh-oculto{transform:translateY(120%) scale(.9);opacity:0;visibility:hidden;pointer-events:none;transition:transform var(--es-dur-2,.32s),opacity var(--es-dur-2,.32s),visibility 0s linear var(--es-dur-2,.32s)}

/* Busca */
.busca{width:100%;max-width:520px}
.busca .wp-block-search__inside-wrapper{display:flex;gap:8px}
.busca input{flex:1;min-width:0;min-height:48px;border:1.5px solid var(--es-borda-campo);border-radius:var(--raio-btn);padding:12px 16px;font:16px var(--fonte)}
.busca button{min-height:48px;border:0;border-radius:var(--raio-btn);padding:0 20px;background:var(--es-primaria);color:var(--es-primaria-texto);font:600 15px var(--fonte);cursor:pointer}

/* ================================================ 06 Padrões de página */
/* Hero da home: texto e foto real do salão (LCP), fio listrado no pé */
.hero{position:relative;background:var(--es-fundo-2);border-bottom:1px solid var(--es-linha);overflow:clip}
.hero-g{display:grid;gap:var(--esp-6);align-items:center;padding-block:var(--esp-6) var(--esp-7)}
@media(min-width:1024px){.hero-g{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:var(--esp-8);padding-block:var(--esp-8) var(--esp-9)}}
.hero h1{font-size:var(--fs-display);line-height:1.08;letter-spacing:-.03em}
.h1-sobre{display:block;margin-bottom:var(--esp-3);font-size:16px;line-height:1.35;font-weight:600;letter-spacing:0;color:var(--es-texto)}
.hero .lead{margin-top:20px;max-width:560px;font-size:var(--fs-lead);color:var(--es-texto-2)}
.hero-prova{display:grid;gap:var(--esp-1);margin-top:var(--esp-5);padding-top:var(--esp-4);border-top:1px solid var(--es-linha-forte);max-width:560px}
.hero-foto{position:relative;margin:0 0 0 0}
.hero-foto .foto{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--raio-xl);background:var(--es-superficie-2)}
.hero-foto figcaption,.foto-servico figcaption{margin-top:var(--esp-2);font-size:14px;color:var(--es-texto-3)}

/* "Em poucas palavras" */
.resumo-g{display:grid;gap:var(--esp-6)}
@media(min-width:960px){.resumo-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--esp-8);align-items:start}}
.resumo-g .citavel{margin-top:var(--esp-4)}

/* Localização (home e contato) */
.local-g{display:grid;gap:var(--esp-6)}
@media(min-width:960px){.local-g{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--esp-7);align-items:stretch}}
.local-g address{font-style:normal;font-size:var(--fs-lead);color:var(--es-texto);line-height:1.5}
.local-g .horario{margin-top:var(--esp-5)}
.local-g .perto{margin-top:var(--esp-5)}
.local-g .perto p{font-size:var(--fs-peq);color:var(--es-texto-3);margin-bottom:var(--esp-2)}

/* Chamada final: painel claro (nunca seção escura) */
.cta-final{position:relative;display:grid;gap:var(--esp-5);border-radius:var(--raio-xl);background:var(--es-toalha);border:1px solid var(--es-linha);padding:var(--esp-6) var(--esp-5);overflow:hidden}
@media(min-width:960px){.cta-final{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:var(--esp-7);padding:var(--esp-7)}}
.cta-final h2{margin-top:var(--esp-3)}
.cta-final p{margin-top:var(--esp-3);font-size:var(--fs-lead)}
.cta-final .acoes{margin-top:var(--esp-5)}
.cta-final .nota-acao{font-size:var(--fs-peq);margin-top:var(--esp-2)}
/* No celular, os dados de contato do fim saem quando a página já tem o painel do serviço ou a seção Onde fica. */
@media(max-width:767px){main:has(#onde-fica) .cta-final .fatos{display:none}}
.cta-final .fatos{background:var(--es-superficie);border-radius:var(--raio-lg);border:1px solid var(--es-linha);padding:4px var(--esp-5)}
.cta-final .fatos>div:last-child{border-bottom:0}


/* Cabeçalho das páginas internas */
.cab-pagina{background:var(--es-toalha);border-bottom:1px solid var(--es-linha)}
.cab-pagina .w{padding-block:var(--esp-6) var(--esp-7)}
@media(min-width:768px){.cab-pagina .w{padding-block:var(--esp-7) var(--esp-8)}}
.cab-pagina .conteudo-cab{max-width:820px}
.cab-pagina.centro .conteudo-cab{margin-inline:auto;text-align:center}
.cab-pagina.centro .migalha,.cab-pagina.centro .acoes{justify-content:center}
.cab-pagina h1{margin-top:var(--esp-4)}
.cab-pagina .sub,.cab-pagina .wp-block-post-excerpt__excerpt,.cab-pagina .wp-block-term-description p{margin:var(--esp-4) 0 0;max-width:720px;font-size:var(--fs-lead);color:var(--es-texto-2)}
.cab-pagina.centro :is(.sub,.wp-block-post-excerpt__excerpt,.wp-block-term-description p){margin-inline:auto}
.cab-pagina .wp-block-post-excerpt__more-text{display:none}
.cab-pagina .hero-prova{max-width:720px}
.cab-404 .w{padding-block:var(--esp-8) var(--esp-9)}

/* Página de serviço: texto e painel lateral fixo com o resumo */
.servico-g{display:grid;row-gap:var(--esp-6)}
@media(min-width:1024px){
  .servico-g{grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:auto 1fr;column-gap:var(--esp-8);row-gap:var(--esp-4);align-items:start}
  .servico-g>.servico-txt{grid-column:1;grid-row:1/span 2}
  .servico-g>.foto-servico{grid-column:2;grid-row:1}
  .servico-g>.servico-lado{grid-column:2;grid-row:2;position:sticky;top:calc(var(--topo-h) + 24px)}
}
.servico-lado{display:grid;gap:var(--esp-4)}
.painel-lado{border-radius:var(--raio-lg);background:var(--es-toalha);padding:var(--esp-5);display:grid;gap:var(--esp-4)}
.painel-lado h2{font-size:var(--fs-h3);letter-spacing:-.01em}
.painel-lado .fatos>div{grid-template-columns:1fr;padding:var(--esp-2) 0}
.painel-lado .acoes{margin-top:0;display:grid}
.painel-lado .acoes .btn{width:100%}
.bloco{padding-block:var(--esp-6);border-top:1px solid var(--es-linha)}
.bloco:first-child{border-top:0;padding-top:0}
.bloco h2{font-size:var(--fs-h2);margin-bottom:var(--esp-4)}
.bloco>p{font-size:var(--fs-lead);max-width:70ch}
.bloco>p+p{margin-top:var(--esp-3)}
.bloco .lista{margin-top:var(--esp-4)}
.bloco .nota{margin-top:var(--esp-4);font-size:var(--fs-peq);color:var(--es-texto-3)}
.bloco .faq{margin-top:var(--esp-2)}
.bloco .aval{max-width:640px}
.bloco .aval-fonte{font-size:var(--fs-peq)}
.bloco .passos{grid-template-columns:1fr;gap:var(--esp-4)}
.bloco .passos li{grid-template-columns:40px 1fr;column-gap:16px;align-items:start}
.bloco .passos li:before{grid-row:span 2;margin:0}
.ver-tambem{list-style:none;padding:0;margin:0;display:grid;gap:var(--esp-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.ver-tambem a{display:flex;flex-direction:column;gap:var(--esp-1);min-height:var(--alvo);padding:var(--esp-4) 20px;border-radius:var(--es-raio);border:1px solid var(--es-linha);background:var(--es-superficie);transition:border-color var(--es-dur-2,.32s)}
.ver-tambem a:hover{border-color:var(--es-texto)}
.ver-tambem b{font-size:var(--fs-corpo)}
.ver-tambem span{font-size:14px;color:var(--es-texto-3)}

/* Como chegar: um bloco por referência real próxima */
.refs{display:grid;gap:var(--esp-4)}
.ref{display:grid;gap:var(--esp-3);padding:var(--esp-5);border-radius:var(--raio-lg);border:1px solid var(--es-linha);background:var(--es-superficie);scroll-margin-top:calc(var(--topo-h) + 16px)}
.ref h3{font-size:var(--fs-h3)}
.ref .dist{display:inline-flex;align-items:center;gap:var(--esp-2);font-size:var(--fs-peq);font-weight:600;color:var(--es-texto)}
.ref .dist:before{content:"";width:10px;height:10px;border-radius:50%;border:2.5px solid var(--es-enfase)}
.ref .acoes{margin-top:var(--esp-1)}

/* Sobre: citação da descrição da ficha, nota de fonte e figura */
.citacao{margin:var(--esp-5) 0 0;padding:4px 0 4px 20px;border-left:3px solid var(--es-texto);font-size:var(--fs-lead);line-height:1.6;color:var(--es-texto)}
.citacao p{margin:0}
.nota-fonte{margin-top:var(--esp-3);font-size:var(--fs-peq);color:var(--es-texto-3)}
.foto-fig{margin:0}
.foto-fig .foto{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--raio-xl);background:var(--es-superficie-2)}
.foto-fig figcaption{margin-top:var(--esp-2);font-size:14px;color:var(--es-texto-3)}
.dividir .citavel{margin-top:var(--esp-4)}
.local-g address{margin-top:var(--esp-4)}
.recurso .avals{grid-template-columns:1fr}

/* Catálogo completo (/servicos/), opções da agenda (páginas de serviço) e foto do painel lateral */
.catalogo-g{display:grid;gap:var(--esp-6) var(--esp-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.grupo-catalogo h3{display:flex;align-items:baseline;gap:var(--esp-2);font-size:var(--fs-h3)}
.grupo-catalogo .qtd{font-size:14px;font-weight:400;color:var(--es-texto-3)}
.catalogo{list-style:none;padding:0;margin:var(--esp-3) 0 0;display:grid;border-top:1px solid var(--es-linha)}
.catalogo a{display:flex;align-items:center;min-height:var(--alvo);padding:var(--esp-1) 0;border-bottom:1px solid var(--es-linha);font-size:var(--fs-ui);color:var(--es-texto);text-decoration:underline;text-decoration-color:var(--es-linha-forte);text-underline-offset:4px}
.catalogo a:hover{text-decoration-color:var(--es-texto)}
.chips-lista{list-style:none;padding:0;margin:var(--esp-4) 0 0;display:flex;flex-wrap:wrap;gap:var(--esp-2)}
.chips-lista li{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:var(--raio-pilula);border:1px solid var(--es-linha-forte);background:var(--es-superficie);font-size:var(--fs-peq);color:var(--es-texto)}
.foto-servico{margin:0}
.foto-servico img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--raio-lg);background:var(--es-superficie-2)}
.foto-fig .foto{aspect-ratio:4/3}
/* Diferenciais e equipe (home) e história (Sobre) */
.equipe-linha{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--esp-4);margin-top:var(--esp-6);padding-top:var(--esp-5);border-top:1px solid var(--es-linha)}
.equipe-linha .nomes{max-width:760px}
.historia{margin-top:var(--esp-4);font-size:var(--fs-lead);color:var(--es-texto-2)}
.historia p+p{margin-top:var(--esp-3)}
.sub-grupo{display:grid;gap:2px}
.sub-rot{display:block;padding:var(--esp-3) var(--esp-3) var(--esp-1);font-size:14px;font-weight:600;color:var(--es-texto-3)}
@media(min-width:1081px){.menu-sub .sub-servicos{grid-template-columns:repeat(3,minmax(0,200px));column-gap:var(--esp-4);row-gap:var(--esp-2);min-width:660px;padding:var(--esp-3)}.menu-sub .sub-servicos .todos{grid-column:1/-1;margin-top:var(--esp-1);border-top:1px solid var(--es-linha);border-radius:0;padding-top:var(--esp-2)}.sub-rot{padding-top:var(--esp-1)}}

/* Lista tipográfica dos serviços (home): grupos com rótulo pequeno, fio de 1 px entre as linhas */
.lista-servicos{display:grid;gap:var(--esp-6) var(--esp-7);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.ls-rotulo{font-size:14px;font-weight:600;letter-spacing:0;color:var(--es-texto-3);padding-bottom:var(--esp-2);border-bottom:1px solid var(--es-texto)}
.ls-grupo ul{list-style:none;margin:0;padding:0}
.ls-grupo li{border-bottom:1px solid var(--es-linha-forte)}
.ls-grupo a{display:grid;align-content:center;gap:var(--esp-1);min-height:56px;padding:var(--esp-3) 28px var(--esp-3) 0;position:relative}
.ls-grupo a:after{content:"";position:absolute;right:4px;top:50%;width:8px;height:8px;border-top:1.5px solid var(--es-texto);border-right:1.5px solid var(--es-texto);transform:translateY(-50%) rotate(45deg);transition:transform var(--es-dur-2,.32s) var(--es-ease,ease)}
.ls-nome{font-size:18px;font-weight:600;color:var(--es-texto);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color var(--es-dur-2,.32s)}
.ls-resumo{font-size:var(--fs-peq);color:var(--es-texto-3)}
.ls-grupo a:hover .ls-nome{text-decoration-color:var(--es-texto)}
@media(hover:hover){.ls-grupo a:hover:after{transform:translate(3px,-50%) rotate(45deg)}}
.card-pe{margin-top:auto}

/* /servicos/: cartões das 12 páginas em grupos, com o mesmo rótulo da lista da home */
.grupos-cartoes{display:grid;gap:var(--esp-7)}
.grupo-cartoes .ls-rotulo{margin-bottom:var(--esp-4)}
/* Páginas de serviço: por que fazer na LH (bloco curto, igual em todas) */
.porque{list-style:none;margin:0;padding:0;display:grid;gap:var(--esp-4)}
.porque li{display:grid;grid-template-columns:44px 1fr;gap:var(--esp-3);align-items:start}
.porque li>span:last-child{display:grid;gap:var(--esp-1);font-size:var(--fs-ui);color:var(--es-texto-2)}
.porque b{font-size:var(--fs-corpo)}
/* Sobre: a placa do logo grande sobre a toalha (sem foto de pessoa ao lado da história) */
.placa-grande{margin:0;display:grid;place-items:center;padding:var(--esp-7) var(--esp-5);border-radius:var(--raio-xl);background:var(--es-toalha);border:1px solid var(--es-linha)}
.placa-grande img{display:block;width:169px;height:auto;border-radius:8px}
@media(min-width:768px){.placa-grande{padding:var(--esp-8) var(--esp-6)}}

/* Telefone: nunca quebra e tem alvo de 44 px; contatos do rodapé em lista */
.tel{white-space:nowrap}
.rodape .contato-rodape{list-style:none;margin:var(--esp-2) 0 0;padding:0;display:grid}
.rodape .contato-rodape a{display:inline-flex;align-items:center;min-height:var(--alvo);font-size:var(--fs-ui);font-weight:600;color:var(--es-texto);white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
/* Itens só do menu do celular */
@media(min-width:1081px){.nav .so-celular{display:none}}

/* Texto corrido (páginas legais e artigo) */
.texto{font-size:var(--fs-leitura);line-height:1.7;color:var(--es-texto-2);min-width:0;max-width:72ch}
.texto>*,.texto .wp-block-post-content>*{margin:0 0 1.1em}
.texto h2{font-size:var(--fs-h2);margin:1.8em 0 .6em;scroll-margin-top:112px}
.texto h3{font-size:var(--fs-h3);margin:1.5em 0 .5em}
.texto a{color:var(--es-enfase);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.texto a:hover{text-decoration-thickness:2px}
.texto .btn{text-decoration:none}
.texto ul,.texto ol{padding-left:1.25em}
.texto li{margin-bottom:.45em}
.texto li::marker{color:var(--es-enfase)}
.texto blockquote{margin:1.6em 0;padding:4px 0 4px 24px;border-left:3px solid var(--es-enfase);font-size:var(--fs-lead);font-weight:600;color:var(--es-texto)}
.pagina-texto{margin-inline:auto}

/* Blog: cartões, artigo e blocos es-editorial */
.cards .wp-block-post-template{display:grid;grid-template-columns:1fr;gap:var(--esp-5);list-style:none;margin:0;padding:0}
@media(min-width:641px){.cards .wp-block-post-template{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.cards .wp-block-post-template{grid-template-columns:repeat(3,1fr)}}
.cards .wp-block-post{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--raio-lg);background:var(--es-superficie);border:1px solid var(--es-linha)}
.cards .corpo{padding:20px 24px 24px;display:grid;gap:12px;align-content:start}
.cards .wp-block-post-title{font-size:var(--fs-h3);line-height:1.3;margin:0}
.cards .wp-block-post-title a:after{content:"";position:absolute;inset:0;z-index:1}
.cards .wp-block-post-excerpt{margin:0;font-size:var(--fs-ui)}
.cards .wp-block-post-excerpt__excerpt{margin:0}
.cards .capa{aspect-ratio:16/10;position:relative;margin:0;overflow:hidden;background:var(--es-fundo-2)}
.capa.com-imagem img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.capa .chip-trilha{position:absolute;left:14px;bottom:14px;background:var(--es-superficie);color:var(--es-texto);border-radius:var(--raio-pilula);padding:8px 12px;font-size:14px;font-weight:600}
.cards .wp-block-query-pagination{margin-top:36px;gap:8px;font-weight:600}
.cards .wp-block-query-pagination a,.cards .page-numbers{display:inline-flex;align-items:center;min-height:var(--alvo);padding:8px 16px;border-radius:var(--raio-btn)}
.cards .page-numbers.current{background:var(--es-primaria);color:var(--es-primaria-texto)}
.vazio{text-align:center;padding:32px 0;font-size:var(--fs-lead)}
.meta-artigo{font-size:14px;color:var(--es-texto-3);margin:0}
.capa-wrap{padding-bottom:8px}
.capa-artigo{margin:0 auto;max-width:1000px;border-radius:var(--raio-lg);overflow:hidden;background:var(--es-fundo-2)}
.capa-artigo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.sec-artigo{padding-top:clamp(28px,3vw,48px)}
.art{display:grid;grid-template-columns:1fr;gap:32px;align-items:start}
.lado{display:none}
@media(min-width:1001px){.art{grid-template-columns:minmax(0,1fr) 300px;gap:56px}.lado{position:sticky;top:120px;display:grid;gap:16px}}
.box{background:var(--es-superficie);border-radius:var(--raio-lg);padding:20px;border:1px solid var(--es-linha)}
.box h2{font-size:16px;letter-spacing:0;margin-bottom:12px}
.box p{font-size:15px}
.box.destaque{background:var(--es-fundo-2);border-color:transparent}
.box.destaque .btn{margin-top:16px;width:100%}
[data-indice] a{display:block;font-size:14px;line-height:1.4;color:var(--es-texto-2);padding:8px 0 8px 12px;border-top:1px solid var(--es-linha);border-left:2px solid transparent;margin-left:-12px}
[data-indice] a:first-of-type{border-top:0}
[data-indice] a.on{color:var(--es-texto);border-left-color:var(--es-enfase);font-weight:600}
.indice-celular{display:block;margin:0 0 28px;background:var(--es-fundo-2);border-radius:var(--raio-lg);padding:0 20px}
.indice-celular summary{cursor:pointer;list-style:none;min-height:52px;font-weight:600;color:var(--es-texto);display:flex;align-items:center}
.indice-celular summary::-webkit-details-marker{display:none}
.indice-celular a{display:flex;align-items:center;min-height:var(--alvo);padding:8px 0;border-top:1px solid var(--es-linha);color:var(--es-texto-2)}
@media(min-width:1001px){.indice-celular{display:none}}
.resposta-curta{background:var(--es-fundo-2);border-radius:var(--raio-lg);padding:20px 24px;font-size:18px;line-height:1.6;color:var(--es-texto)}
.resposta-curta b{display:block;font-size:14px;color:var(--es-enfase);margin-bottom:8px}
.eib-source{font-size:14px;color:var(--es-texto-3)}
.eib-tablewrap{margin:24px 0;overflow-x:auto;border:1px solid var(--es-linha);border-radius:var(--raio-lg)}
.eib-tablewrap table,.texto table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.5}
:is(.eib-tablewrap,.texto) :is(th,td){padding:12px 16px;text-align:left;border-bottom:1px solid var(--es-linha);vertical-align:top}
:is(.eib-tablewrap,.texto) th{background:var(--es-fundo-2);font-weight:600;color:var(--es-texto)}
.eib-info{margin:28px 0;background:var(--es-fundo-2);border-radius:var(--raio-lg);padding:24px 24px}
.eib-info-cab{display:grid;gap:4px;margin-bottom:12px}
.eib-info-cab strong{font-size:var(--fs-h3)}
.eib-info-itens{margin:0;padding-left:1.2em}
.eib-fontes{font-size:16px;line-height:1.55;color:var(--es-texto-3);padding-left:1.2em}
.eib-fontes a{word-break:break-word}
@media(max-width:700px){
  .eib-tablewrap{border:0;overflow:visible}
  .tabela-cartoes{min-width:0!important}.tabela-cartoes thead{display:none}
  .tabela-cartoes,.tabela-cartoes tbody,.tabela-cartoes tr,.tabela-cartoes td{display:block;width:100%}
  .tabela-cartoes tr{border:1px solid var(--es-linha);border-radius:var(--es-raio);padding:8px 16px;margin-bottom:12px}
  .tabela-cartoes td{border:0!important;padding:8px 0!important;border-bottom:1px solid var(--es-linha)!important}
  .tabela-cartoes td:last-child{border-bottom:0!important}
  .tabela-cartoes td[data-label]:before{content:attr(data-label);display:block;font-size:14px;color:var(--es-texto-3);margin-bottom:2px}
}
.compartilhar{display:flex;gap:var(--esp-2);flex-wrap:wrap}
.compartilhar-fim{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-top:40px!important;padding:20px 0;border-block:1px solid var(--es-linha)}
.compartilhar-fim p{font-weight:600;color:var(--es-texto)}
.assinatura{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:12px;text-align:left}
.assinatura img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--es-primaria)}
.assinatura .nome{font-weight:600;color:var(--es-texto)}
.caixa-autor{display:grid;grid-template-columns:1fr;gap:20px;align-items:start;margin:48px 0 0;padding:24px;border-radius:var(--raio-lg);background:var(--es-fundo-2);font-size:16px;line-height:1.6}
.caixa-autor img{width:96px;height:96px;border-radius:var(--raio-lg);object-fit:cover;background:var(--es-primaria)}
.caixa-autor .eyb,.autor-perfil .eyb{font-size:14px;font-weight:600;color:var(--es-enfase)}
.caixa-autor h2{font-size:var(--fs-h3)!important;margin:8px 0!important}
.caixa-autor p{margin:0 0 12px}
.caixa-autor .como-feito{font-size:14px;border-top:1px solid var(--es-linha-forte);padding-top:12px;margin:12px 0 0}
@media(min-width:641px){.caixa-autor{grid-template-columns:120px 1fr;gap:24px;padding:28px}.caixa-autor img{width:120px;height:120px}}
.autor-perfil{display:grid;justify-items:center;gap:12px}
.autor-perfil img{width:150px;height:150px;border-radius:var(--raio-xl);object-fit:cover;background:var(--es-primaria)}
.perfis-autor{display:flex;gap:12px;margin-top:8px}
.perfis-autor a{display:inline-grid;place-items:center;width:var(--alvo);height:var(--alvo);border-radius:50%;border:1px solid var(--es-linha-forte)}
.faq-artigo{margin-top:48px}
.faq-artigo .pergunta{padding:20px 0;border-top:1px solid var(--es-linha)}
.faq-artigo h3{font-size:var(--fs-h3)!important;margin:0 0 8px!important}
.faq-artigo p{margin:0;font-size:var(--fs-leitura)}
.continue-trilha{margin-top:40px;background:var(--es-fundo-2);border-radius:var(--raio-lg);padding:24px 28px}
.continue-trilha h2{font-size:var(--fs-h3)!important;margin:0 0 12px!important}
.continue-trilha ul{list-style:none;padding:0!important;margin:0}
.continue-trilha li{margin:0!important}
.continue-trilha a{display:flex;align-items:center;min-height:var(--alvo);padding:12px 0;font-weight:600;text-decoration:none!important;color:var(--es-texto)!important;border-bottom:1px solid var(--es-linha)}
.continue-trilha li:last-child a{border-bottom:0}
.fig-artigo{margin:28px 0}
.fig-artigo img{display:block;width:100%;height:auto;border-radius:var(--raio-lg)}
.fig-artigo figcaption{font-size:14px;color:var(--es-texto-3);margin-top:8px}
.es-progresso{height:3px;background:var(--es-enfase)}

/* ============================================================ 07 Motion */
/* Só transform e opacity. O es-ui já faz a entrada ao rolar (data-rev), a
   primeira dobra em cascata (es-surge) e o "menos movimento". */
html:root{--es-ease-mola:var(--es-ease,cubic-bezier(.2,.7,.2,1))}
[data-brilho]:after{content:none}
/* A foto do hero é o LCP: entra sem animação. */
.card,.pessoa,.aval,.ref,.ver-tambem a{transition:border-color var(--es-dur-2,.32s),transform var(--es-dur-2,.32s) var(--es-ease,ease)}
@media(hover:hover){.card:hover,.ver-tambem a:hover{transform:translateY(-3px)}}
.topo.aberto .nav{animation:es-surge var(--es-dur-2,.32s) var(--es-ease,ease) both}
@media(prefers-reduced-motion:reduce){
  .card:hover,.ver-tambem a:hover{transform:none}
  .palco:before,.palco .foto{transform:none}
}

/* ======================================================= 08 Utilitários */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.nowrap{white-space:nowrap}
.centro-txt{text-align:center}
.mt-0{margin-top:0!important}
/* WordPress: grupos e blocos sem margens/gap próprios (o espaçamento é do tema) */
:where(.wp-site-blocks)>*{margin-block-start:0}
:where(.wp-block-group){margin:0}
.wp-block-post-content>*:first-child{margin-top:0}
.wp-site-blocks{padding:0}
main#conteudo:focus{outline:none}