/* Página inteira na direção D (topo no estilo do site atual dela; resto no padrão AB2). 22/10/2026 */
@font-face{font-family:"Cormorant";src:url(../fonts/cormorant.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Poppins";src:url(../fonts/poppins-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url(../fonts/poppins-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Poppins";src:url(../fonts/poppins-600.woff2) format("woff2");font-weight:600;font-display:swap}
:root{
  --fundo:#7E6C5E;      /* cor exata do fundo do banner do site atual dela */
  --fundo-esc:#5E4F40;
  --rodape:#4A3E33;
  --dourado:#E3D3B8;
  --texto:#FFFFFF;
  --faixa:#8C5F3E;
  --creme:#F4EFE7;
  --areia:#E6DCCD;
  --branco:#FFFFFF;
  --linha:#D6C8B4;
  --musgo:#555B44;
  --musgo-esc:#33372A;
  --marrom:#996B48;
  --marrom-txt:#7A5236;  /* marrom para texto pequeno em fundo claro (contraste 5,9 no creme, 5,0 na areia) */
  --botao:#82451A;     /* terracota do manual Állace */
  --botao-esc:#6A3714;
  --zap:#25D366;
  --sombra:0 8px 24px rgba(74,62,51,.16);
  --serif:"Cormorant",Georgia,serif;
  --sans:"Poppins",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:16px}
body{background:var(--creme);color:var(--musgo-esc);font:400 18px/1.6 var(--sans);overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
:focus-visible{outline:3px solid var(--marrom);outline-offset:3px}
.dp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* cabeçalho (fase 1, igual à direção D) */
.cab{position:absolute;top:0;left:0;right:0;z-index:20}
.cab__in{max-width:1280px;margin:0 auto;padding:24px 48px;display:flex;align-items:center;gap:32px}
.marca{display:flex;align-items:center;gap:16px;color:var(--texto)}
.marca img{height:48px;width:auto}
.marca b{display:block;font:500 24px/1.1 var(--serif);color:var(--dourado)}
.marca span{display:block;font:400 14px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--texto)}
.menu{margin-left:auto;display:flex;align-items:center;gap:32px;list-style:none;font-size:16px;color:var(--texto)}
.menu>li{position:relative}
.menu>li>a,.menu>li>button{background:none;border:0;font:inherit;color:inherit;cursor:pointer;padding:8px 0}
.menu>li>a:hover,.menu>li>button:hover{color:var(--dourado)}
.cab :focus-visible{outline-color:var(--dourado)}
.sub{position:absolute;top:100%;right:-24px;width:560px;background:var(--creme);color:var(--musgo-esc);border-radius:4px;box-shadow:var(--sombra);list-style:none;padding:16px 0;display:grid;grid-template-columns:1fr 1fr;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
.menu li:hover .sub,.menu li:focus-within .sub{opacity:1;visibility:visible;transform:none}
.sub a{display:block;padding:8px 24px;font-size:16px;line-height:1.4}
.sub a:hover{background:var(--areia)}
/* botão cheio (Marcelo, 22/10/2026: "esta muito apagado.. nem parece botão!"): terracota da marca, texto branco (8,0:1) */
.btn{display:inline-flex;align-items:center;gap:.6em;background:var(--botao);border:2px solid var(--botao);color:#fff;border-radius:40px;padding:16px 32px;font:500 18px/1 var(--sans);white-space:nowrap;box-shadow:0 8px 20px rgba(51,30,12,.35);transition:background .2s,border-color .2s,transform .2s}
.btn:hover{background:var(--botao-esc);border-color:var(--botao-esc);transform:translateY(-1px)}
.btn svg{height:1.1em;width:1.1em;flex-shrink:0}
.menu>li>a.btn--cab{padding:16px 24px;font-size:14px;background:var(--botao)}
.menu>li>a.btn--cab:hover{color:#fff;background:var(--botao-esc)}
/* botão em fundo claro: mesmo desenho, cor da marca */
.btn--claro{border-color:var(--marrom);color:var(--marrom-txt)}
.btn--claro:hover{background:var(--marrom);color:#fff}
/* botão do menu do celular (só aparece até 1024px) */
.abre{display:none;margin-left:auto;background:none;border:2px solid var(--dourado);border-radius:40px;color:var(--texto);font:500 14px/1 var(--sans);padding:12px 16px;cursor:pointer;align-items:center;gap:8px}
.abre svg{width:18px;height:18px}
.gaveta{display:none}

/* topo (fase 1, igual à direção D) */
.topo{position:relative;background:var(--fundo);overflow:hidden;display:flex;flex-direction:column}
.topo__in{position:relative;z-index:2;flex:1;min-height:0;width:100%;max-width:1280px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:48px}
.topo__foto{align-self:end;padding-top:104px}
.topo__foto img{width:100%;height:auto}
.topo__txt{align-self:center;padding:104px 0 48px}
.nome{font:500 24px/1.2 var(--serif);color:var(--texto);letter-spacing:.02em}
h1{margin-top:8px;font:400 clamp(48px,4.4vw,60px)/1.05 var(--serif);color:var(--dourado)}
.cred{margin-top:24px;font:500 18px/1.5 var(--sans);color:var(--texto)}
.sub-t{margin-top:16px;max-width:46ch;font-size:18px;color:var(--texto)}
.topo .btn{margin-top:32px}
.faixa{position:relative;z-index:3;background:var(--faixa);color:#fff;overflow:hidden;white-space:nowrap;padding:16px 0;font-size:16px}
.faixa__trilho{display:inline-flex;gap:32px;animation:corre 40s linear infinite}
.faixa__trilho span::after{content:"·";margin-left:32px;opacity:.7}
@keyframes corre{to{transform:translateX(-50%)}}

/* base das seções */
.sec{padding-block:128px;padding-inline:48px}
.sec--areia{background:var(--areia)}
.sec--creme{background:var(--creme)}
.sec--branco{background:var(--branco)}
.in{max-width:1184px;margin:0 auto}
.sec h2{font:500 44px/1.1 var(--serif);color:var(--musgo-esc);text-wrap:balance}
.olho{display:block;font:500 14px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--marrom-txt);margin-bottom:16px}
.cab-sec{max-width:65ch;margin-bottom:48px}
.cab-sec p{margin-top:16px}
.texto p{max-width:65ch}
.texto p+p{margin-top:16px}
h3{font:500 18px/1.4 var(--sans);color:var(--musgo-esc)}
ul[role="list"]{list-style:none}

/* 2 Avaliações */
.aval__topo{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:24px;margin-bottom:48px}
.nota{display:flex;align-items:center;gap:16px}
.nota b{font:500 56px/1 var(--serif);color:var(--musgo-esc)}
.nota .est{display:flex;gap:4px;color:var(--marrom)}
.nota .est svg{width:20px;height:20px}
.nota small{display:block;font-size:14px;color:var(--musgo);margin-top:4px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.card{background:var(--branco);border-radius:4px;padding:32px;box-shadow:var(--sombra)}
.card .est{display:flex;gap:4px;color:var(--marrom)}
.card .est svg{width:16px;height:16px}
.card p{margin-top:16px;font-size:16px;line-height:1.6}
.card b{display:block;margin-top:16px;font:500 16px/1.4 var(--sans)}

/* 3 Condições: lista editorial em 2 colunas */
.cond{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px}
.cond li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:24px 0;border-top:1px solid var(--linha)}
.cond li:nth-last-child(-n+2){border-bottom:1px solid var(--linha)}
.cond .n{font:500 24px/1.2 var(--serif);color:var(--marrom-txt)}
.cond h3{font:500 24px/1.2 var(--serif)}
.cond p{margin-top:8px;font-size:16px}
.cond p::first-letter{text-transform:uppercase}

/* 4 Sobre e 7 Formação: foto + texto */
.dupla{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center}
.dupla--inv{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.foto{border-radius:4px;overflow:hidden;box-shadow:var(--sombra);aspect-ratio:4/5;background:var(--areia)}
.foto img{width:100%;height:100%;object-fit:cover}
.dupla h2{margin-bottom:24px}

/* 5 Quando procurar: cards */
.sint{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.sint li{background:var(--branco);border-radius:4px;padding:24px;border-top:2px solid var(--marrom);box-shadow:var(--sombra)}
.sint p{margin-top:8px;font-size:16px}
.sint p::first-letter{text-transform:uppercase}

/* 6 Primeira consulta: caixa escura com margem (exceção aprovada, ref 026) */
.caixa{background:var(--fundo-esc);color:var(--texto);border-radius:4px;box-shadow:0 16px 48px rgba(74,62,51,.28);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);overflow:hidden}
.caixa .foto{border-radius:0;box-shadow:none;aspect-ratio:auto;height:100%;min-height:480px}
.caixa .foto img{object-position:50% 30%}
.caixa__txt{padding:64px}
.caixa h2{color:var(--dourado)}
.caixa .texto{margin-top:24px}
.caixa .btn{margin-top:32px}
.caixa :focus-visible{outline-color:var(--dourado)}
.levar{margin-top:48px;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start;padding:32px;background:var(--branco);border-radius:4px;border:1px solid var(--linha)}
.levar h3{font:500 28px/1.2 var(--serif)}
.levar p{max-width:65ch}

/* 7 Formação: linha do tempo */
.tempo{position:relative;padding-left:32px}
.tempo::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--linha)}
.tempo li{position:relative;padding-bottom:24px}
.tempo li:last-child{padding-bottom:0}
.tempo li::before{content:"";position:absolute;left:-32px;top:8px;width:16px;height:16px;border-radius:50%;background:var(--marrom);box-shadow:0 0 0 4px var(--areia)}
.tempo b{display:block;font:500 28px/1.1 var(--serif);color:var(--marrom-txt)}
.tempo span{display:block;margin-top:4px}
.intro{margin-bottom:32px}

/* 8 Atuação: lista com marca */
.atu{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.atu ul li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:16px;padding:16px 0;border-top:1px solid var(--linha)}
.atu ul li:last-child{border-bottom:1px solid var(--linha)}
.atu svg{width:24px;height:24px;color:var(--marrom);margin-top:4px}

/* 9 Localização */
.local{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:stretch}
.local .foto{aspect-ratio:auto;height:100%;min-height:560px}
.local .foto img{object-position:50% 40%}
.end{margin-top:32px;padding:32px;background:var(--branco);border-radius:4px;box-shadow:var(--sombra);font-style:normal}
.end b{display:block;font:500 28px/1.2 var(--serif);margin-bottom:8px}
.end .linha{display:block}
.end .zapn{display:inline-block;margin-top:16px;color:var(--marrom-txt);font-weight:500;text-decoration:underline;text-underline-offset:4px}
.end .hor{margin-top:16px;font-size:16px}
.mapa{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-weight:500;color:var(--marrom-txt);text-decoration:underline;text-underline-offset:4px}
.mapa svg{width:20px;height:20px}
.prat{margin-top:24px;display:flex;flex-wrap:wrap;gap:16px}
.prat li{display:flex;align-items:center;gap:8px;background:var(--creme);border-radius:40px;padding:8px 16px;font-size:16px}
.prat li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--marrom);flex-shrink:0}
.tele{margin-top:32px;padding-top:32px;border-top:1px solid var(--linha)}
.tele h3{font:500 28px/1.2 var(--serif);margin-bottom:8px}
.tele a{color:var(--marrom-txt);font-weight:500;text-decoration:underline;text-underline-offset:4px}

/* 10 Blog: esqueleto (os artigos vêm do WordPress) */
.blog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.blog div{background:var(--branco);border-radius:4px;border:1px solid var(--linha);padding:24px}
.blog i{display:block;aspect-ratio:16/9;background:var(--areia);border-radius:4px}
.blog s{display:block;height:16px;margin-top:16px;background:var(--areia);border-radius:4px;text-decoration:none}
.blog s+s{width:64%}

/* 11 Perguntas frequentes */
.faq{max-width:880px;margin:0 auto}
.faq h2{text-align:center;margin-bottom:48px}
.faq details{background:var(--branco);border-radius:4px;box-shadow:var(--sombra)}
.faq details+details{margin-top:16px}
.faq summary{list-style:none;cursor:pointer;min-height:64px;padding:16px 64px 16px 24px;position:relative;display:flex;align-items:center;font:500 18px/1.4 var(--sans)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:24px;top:50%;width:10px;height:10px;border-right:2px solid var(--marrom);border-bottom:2px solid var(--marrom);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq details p{padding:0 24px 24px;max-width:65ch}

/* rodapé */
.rod{background:var(--rodape);color:#F1EADF;padding:96px 48px 32px}
.rod__in{max-width:1184px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:48px}
.rod h2{font:500 14px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--dourado);margin-bottom:16px}
.rod p,.rod address,.rod li{font-size:16px;line-height:1.6;font-style:normal}
.rod .id img{width:96px;height:auto;margin-bottom:16px}
.rod .id b{display:block;font:500 28px/1.1 var(--serif);color:var(--dourado)}
.rod .id span{display:block;margin-top:4px}
.rod .id small{display:block;margin-top:16px;font-size:14px;line-height:1.6;color:#E6DCCD}
.rod a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(227,211,184,.5)}
.rod a:hover{color:var(--dourado)}
.rod .bloco+.bloco{margin-top:32px}
.rod ul li+li{margin-top:8px}
.rod :focus-visible{outline-color:var(--dourado)}
.redes{list-style:none;display:grid;grid-template-columns:repeat(3,44px);gap:16px;margin-top:8px}
.redes li+li{margin-top:0!important}
.redes a{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(227,211,184,.6);color:#F1EADF;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}
.redes a:hover{background:#F1EADF;border-color:#F1EADF;color:var(--rodape)}
.redes svg{width:20px;height:20px}
.legal{max-width:1184px;margin:64px auto 0;padding-top:24px;border-top:1px solid rgba(227,211,184,.25);display:flex;flex-wrap:wrap;justify-content:center;text-align:center;gap:8px 32px;font-size:14px;color:#E6DCCD}

/* flutuante */
.zap{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:50%;background:var(--zap);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(51,55,42,.28);z-index:15}
.zap svg{width:30px;height:30px}
.zap:focus-visible{outline:3px solid var(--musgo-esc);box-shadow:0 0 0 6px var(--creme)}


/* Conselho de Webdesign, rodada 2 (Marcelo, 22/10/2026) */
.caixa .btn,.caixa-txt .btn{background:var(--dourado);border-color:var(--dourado);color:var(--rodape);box-shadow:0 8px 20px rgba(0,0,0,.28)}
.caixa .btn:hover,.caixa-txt .btn:hover{background:#F1EADF;border-color:#F1EADF;color:var(--rodape)}
.cab-sec{margin-left:auto;margin-right:auto;text-align:center}
.cab-sec p{margin-left:auto;margin-right:auto}
.aval__topo{flex-direction:column;align-items:center;justify-content:center;text-align:center}
.rod ul li+li{margin-top:0}
.rod ul a,.rod p a,.rod address a,.legal>*{display:inline-flex;align-items:center;min-height:44px}
.end .zapn,.mapa,.link-forte{display:inline-flex;align-items:center;min-height:44px}
.mapa-caixa{border-radius:4px;overflow:hidden;box-shadow:var(--sombra);background:#E9E2D6;min-height:480px;width:100%;display:flex;align-items:stretch}
.mapa-caixa{position:relative}
.mapa-caixa iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
.mapa-caixa--home{margin-top:24px;min-height:320px}
.zap{transition:opacity .2s,transform .2s}
.zap--some{opacity:0;pointer-events:none;transform:scale(.8)}
@media (max-width:720px){.mapa-caixa{min-height:320px}}
@media (max-width:1180px){.menu{gap:24px;font-size:14px}.sint{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1024px){
  .cab{position:relative;background:var(--fundo)}
  .cab__in{padding:16px 24px}
  .menu{display:none}
  .abre{display:inline-flex}
  .gaveta{background:var(--fundo);padding:0 24px 24px;border-top:1px solid rgba(227,211,184,.3)}
  .gaveta.aberta{display:block}
  .gaveta a{display:block;padding:12px 0;color:#fff;font-size:16px;border-bottom:1px solid rgba(227,211,184,.2)}
  .gaveta p{margin-top:16px;font:500 14px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--texto);opacity:1}
  .gaveta :focus-visible{outline-color:var(--dourado)}
  .marca img{height:40px}
  .topo__in{grid-template-columns:1fr;gap:0;padding:0 24px}
  .topo__foto{padding-top:8px;margin:0 -24px}
  .topo__foto img{max-width:640px;margin:0 auto}
  .topo__txt{padding:24px 0 48px;text-align:center}
  .sub-t{margin-left:auto;margin-right:auto}
  .dupla,.dupla--inv,.atu,.local{grid-template-columns:minmax(0,1fr);gap:40px}
  .dupla .foto,.local .foto{width:100%;max-width:420px;margin:0 auto}
  .dupla .foto,.local .foto{order:-1}
  .local .foto{min-height:0;aspect-ratio:4/5;height:auto}
  .caixa{grid-template-columns:minmax(0,1fr)}
  .caixa .foto{min-height:0;aspect-ratio:4/3;height:auto}
  .caixa__txt{padding:48px 32px}
  .levar{grid-template-columns:minmax(0,1fr);gap:16px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rod__in{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  body{font-size:17px}
  .marca img{height:36px}
  .marca b{font-size:20px;white-space:nowrap;color:var(--texto)} /* 20px dourado no marrom dá 3,3: no celular vai branco (5,0) */
  .cab__in{gap:16px}
  .abre{padding:12px}
  .cards li:nth-child(n+4){display:none}
  .caixa__txt{padding:40px 16px}
  .sec .caixa .btn{padding-inline:16px}
  h1{font-size:48px}
  .cred{font-size:16px}
  .sub-t{font-size:17px}
  .topo .btn,.sec .btn{width:100%;justify-content:center;padding:16px 24px;font-size:16px}
  .faixa{font-size:14px}
  .sec{padding-block:64px;padding-inline:24px}
  .sec h2{font-size:35px}
  .cab-sec{margin-bottom:32px}
  .cards,.cond,.sint,.blog{grid-template-columns:minmax(0,1fr)}
  .cond li:nth-last-child(2){border-bottom:0}
  .blog div:nth-child(n+2){display:none}
  .card{padding:24px}
  .levar{padding:24px}
  .end{padding:24px}
  .faq summary{font-size:17px}
  .rod{padding:64px 24px 96px}
  .rod__in{grid-template-columns:minmax(0,1fr);gap:40px}
  .zap{width:52px;height:52px}
}
@media (max-width:359px){.topo .btn,.sec .btn,.sec .caixa .btn{font-size:14px;padding-inline:12px}.sec{padding-inline:16px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.faixa__trilho{animation:none}}

/* ---------- página de serviço (site-pagina-servico): topo igual ao da home D, H1 da página, sem subtítulo ---------- */
.serv{--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:64px;--s7:96px;--s8:128px;--raio:4px;--gutter:24px;
  --areia-fundo:var(--areia);--claro:var(--creme);--marinho:var(--fundo-esc);--tinta:var(--musgo-esc);--tinta-suave:#3F4334;
  --areia-suave:#EFE6D8;--branco:#FFFFFF;--dourado-escuro:var(--marrom);--titulo:var(--serif);
  display:grid;grid-template-columns:minmax(48px,1fr) minmax(0,592px) minmax(0,592px) minmax(48px,1fr);grid-template-rows:1fr auto auto 1fr;overflow-x:clip}
.serv__fundo{grid-column:1/-1;grid-row:1/5;background:var(--fundo)}
.serv .topo__foto{grid-column:2;grid-row:1/5;align-self:end;padding-top:104px;padding-right:24px;z-index:1}
.serv .topo__foto img{width:100%;height:auto}
.serv .faixa{grid-column:1/-1;grid-row:5}
.prose{display:contents}
.prose>.nome{grid-column:3;grid-row:1;align-self:end;padding:104px 0 0 24px;z-index:1}
.prose>h1{grid-column:3;grid-row:2;margin:8px 0 0;padding-left:24px;z-index:1;font-size:clamp(44px,3.6vw,52px);text-wrap:balance}
.prose>.cred{grid-column:3;grid-row:3;margin-top:24px;padding-left:24px;z-index:1}
.prose>.serv__botao{grid-column:3;grid-row:4;align-self:start;padding:32px 0 48px 24px;z-index:1}
.prose>h1~*{grid-column:2/4;justify-self:center;width:min(100%,720px);margin-top:var(--s3)}
.prose>h1~p,.serv .prose>h1~ul li{color:var(--tinta-suave);font-size:18px;line-height:1.6;margin-bottom:0}
.prose>h1~* a:not(.btn){color:var(--tinta);text-decoration:underline;text-decoration-color:var(--marrom);text-decoration-thickness:1px;text-underline-offset:3px}
.prose>h2{margin-top:var(--s7);margin-bottom:0;font:500 44px/1.1 var(--serif);color:var(--tinta);text-wrap:balance}
.prose>h2::before{content:"";display:block;width:48px;height:2px;background:var(--dourado-escuro);margin-bottom:var(--s2)}
.prose>h3{font:500 18px/1.4 var(--sans);color:var(--tinta)}
.prose>h2+h3{border-top:0;padding-top:0;margin-top:var(--s5)}
.prose>h3+p{margin-top:var(--s1)}
.prose>ul{list-style:none;padding:0}
.prose>ul li{position:relative;padding-left:var(--s4)}
.prose>ul li+li{margin-top:var(--s1)}
.prose>ul li::before{content:"";position:absolute;left:0;top:.8em;width:16px;height:2px;background:var(--dourado-escuro)}
.prose>.prose__revisao{margin-top:var(--s6);padding-top:var(--s3);border-top:1px solid var(--linha);font-size:14px;color:var(--tinta-suave)}
.serv .prose>h2~*:not(.prose__cta) .btn{margin-top:0}
/* ---------- faixas (references/faixas-servico.css, cores da home da Dra. Andrêsa) ---------- */
.serv{padding-bottom:0;--fx-pad:var(--s8)}
.serv .prose>h1~*{--mt:var(--s3);margin-top:var(--mt)}
.serv .prose>h1+*{--mt:var(--s8)}
.serv .prose>h2{--mt:calc(var(--fx-pad) * 2);--fx-t:calc(var(--fx-pad) + 1px)}
.serv .prose>h3{--mt:var(--s2)}
.serv .prose>h2+h3{--mt:var(--s5);padding-top:var(--s3)}
.serv .prose>h3+p{--mt:0px;--fx-t:6px;margin-top:0;box-shadow:0 -8px 0 0 var(--card),0 0 0 100vmax var(--fx)}
.serv .prose>.prose__cta{--mt:var(--s4)}
.serv .prose>.prose__revisao{--mt:var(--s6)}
.serv .prose>:last-child{margin-bottom:var(--fx-pad);--fx-b:var(--fx-pad)}
.serv .prose>h2~*:has(+h2){--fx-b:var(--fx-pad)}
.serv .prose>h2,.serv .prose>h2~*{--fx:var(--areia-fundo);--card:var(--claro);--fx-txt:var(--tinta-suave);--fx-tit:var(--tinta);--fx-linha:var(--linha);--fx-filete:var(--dourado-escuro)}
.serv .prose>h2:nth-of-type(2),.serv .prose>h2:nth-of-type(2)~*{--btn:var(--dourado);--btn-h:#F1EADF;--btn-tx:var(--rodape);--fx:var(--marinho);--card:rgba(244,239,231,.08);--fx-txt:var(--areia-suave);--fx-tit:var(--branco);--fx-linha:rgba(227,211,184,.3);--fx-filete:var(--dourado)}
.serv .prose>h2:nth-of-type(3),.serv .prose>h2:nth-of-type(3)~*{--btn:var(--botao);--btn-h:var(--botao-esc);--btn-tx:#fff;--fx:var(--claro);--card:var(--areia-fundo);--fx-txt:var(--tinta-suave);--fx-tit:var(--tinta);--fx-linha:var(--linha);--fx-filete:var(--dourado-escuro)}
.serv .prose>h2:nth-of-type(4),.serv .prose>h2:nth-of-type(4)~*{--fx:var(--areia-fundo);--card:var(--claro)}
.serv .prose>h2:nth-of-type(5),.serv .prose>h2:nth-of-type(5)~*{--fx:var(--claro);--card:var(--areia-fundo)}
.serv .prose>h2:nth-of-type(6),.serv .prose>h2:nth-of-type(6)~*{--fx:var(--areia-fundo);--card:var(--claro)}
.serv .prose>h2:nth-of-type(7),.serv .prose>h2:nth-of-type(7)~*{--fx:var(--claro);--card:var(--areia-fundo)}
.serv .prose>h2:nth-of-type(8),.serv .prose>h2:nth-of-type(8)~*{--fx:var(--areia-fundo);--card:var(--claro)}
.serv .prose>h2,.serv .prose>h2~*{background-color:var(--fx);box-shadow:0 0 0 100vmax var(--fx);
  clip-path:inset(calc(-1 * var(--fx-t,calc(var(--mt) + 1px))) -100vmax calc(-1 * var(--fx-b,0px)))}
.serv .prose>h2{color:var(--fx-tit)}
.serv .prose>h2::before{background:var(--fx-filete)}
.serv .prose>h2~p,.serv .prose>h2~ul li{color:var(--fx-txt)}
.serv .prose>h2~h3{color:var(--fx-tit)}
.serv .prose>h2~* a:not(.btn){color:var(--fx-tit)}
.serv .prose>h2~.prose__revisao{color:var(--fx-txt);border-top-color:var(--fx-linha)}
.serv .prose>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);--mt:40px}
.serv .prose>ul+p{--mt:var(--s5)}
.serv .prose>ul li{padding:var(--s4) var(--s3) var(--s3);background:var(--card);border:1px solid var(--fx-linha);border-radius:var(--raio)}
.serv .prose>ul li+li{margin-top:0}
/* número ímpar de cartões em 2 colunas: o último ocupa a linha inteira (Marcelo, 22/10/2026: "quando fica sobrando um assim faz o de baixo maior") */
.serv .prose>ul li:last-child:nth-child(odd){grid-column:1/-1}
.serv .prose>ul li::before{left:var(--s3);top:0;width:32px;height:2px;background:var(--marrom)}
.serv .prose>h3{border-top:0;padding:var(--s3) var(--s3) var(--s1);background-color:var(--card);border-radius:var(--raio) var(--raio) 0 0}
.serv .prose>h3+p{padding:0 var(--s3) var(--s3);background-color:var(--card);border-radius:0 0 var(--raio) var(--raio)}
/* texto centralizado em todas as seções (Marcelo, 22/10/2026: "centraliza esse texto"); a resposta do FAQ fica à esquerda */
.serv .prose>h1~*:not(.prose__faq){text-align:center}
.serv .prose>h2::before{margin-left:auto;margin-right:auto}
.serv .prose>ul li::before{left:50%;transform:translateX(-50%)}
.serv .prose>ul li{padding-left:var(--s3)}
/* botão na faixa escura em dourado, para não sumir (Conselho de Webdesign, 22/10/2026) */
.serv .prose .btn{background:var(--btn,var(--botao));border-color:var(--btn,var(--botao));color:var(--btn-tx,#fff)}
.serv .prose .btn:hover{background:var(--btn-h,var(--botao-esc));border-color:var(--btn-h,var(--botao-esc));color:var(--btn-tx,#fff)}
@media (max-width:720px){.prose>h1{font-size:38px}}
/* FAQ de abrir e fechar, igual ao da home */
/* sem box-shadow aqui: a cor da faixa vem do box-shadow 100vmax; trocar apaga o fundo atrás do FAQ (erro de 22/10/2026) */
.serv .prose>.prose__faq{--mt:var(--s2);background-color:var(--branco);border-radius:var(--raio);text-align:left}
.serv .prose>h2+.prose__faq{--mt:var(--s5)}
.serv .prose>.prose__faq>summary{list-style:none;cursor:pointer;min-height:64px;padding:16px 56px 16px 24px;position:relative;display:flex;align-items:center;font:500 18px/1.4 var(--sans);color:var(--fx-tit)}
.serv .prose>.prose__faq>summary::-webkit-details-marker{display:none}
.serv .prose>.prose__faq>summary::after{content:"";position:absolute;right:24px;top:50%;width:10px;height:10px;border-right:2px solid var(--fx-filete);border-bottom:2px solid var(--fx-filete);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.serv .prose>.prose__faq[open]>summary::after{transform:translateY(-30%) rotate(-135deg)}
.serv .prose>.prose__faq>summary:focus-visible{outline:2px solid var(--fx-filete);outline-offset:2px}
.serv .prose>.prose__faq>p{margin:0;padding:0 24px 24px;color:var(--fx-txt);font-size:18px;line-height:1.6}
.serv-cta{background:var(--areia-fundo,var(--areia));text-align:center;padding:96px 24px}
.serv:has(.prose>h2:nth-of-type(1):last-of-type)+.serv-cta,.serv:has(.prose>h2:nth-of-type(4):last-of-type)+.serv-cta,
.serv:has(.prose>h2:nth-of-type(6):last-of-type)+.serv-cta,.serv:has(.prose>h2:nth-of-type(8):last-of-type)+.serv-cta{background:var(--creme)}
.serv-cta__in{max-width:680px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:24px}
.serv-cta__selo{width:112px;height:112px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--fundo)}
.serv-cta__selo img{width:58px;height:auto}
.serv-cta__cred{font-size:14px;letter-spacing:.02em;color:#3F4334;text-wrap:balance}
@media (max-width:1024px){
  .serv{grid-template-columns:24px minmax(0,1fr) 24px;grid-template-rows:auto}
  .serv__fundo{grid-row:1/6}
  .serv .topo__foto{grid-column:1/-1;grid-row:1;padding:8px 0 0;justify-self:stretch;width:100%;min-width:0}
  .serv .topo__foto img{max-width:min(100%,640px);margin:0 auto}
  .serv .faixa{grid-row:6}
  .prose>.nome,.prose>h1,.prose>.cred,.prose>.serv__botao{grid-column:2;padding-left:0;text-align:center;justify-self:center}
  .prose>.nome{grid-row:2;padding-top:24px}
  .prose>h1{grid-row:3}
  .prose>.cred{grid-row:4}
  .prose>.serv__botao{grid-row:5;padding:32px 0 48px}
  .prose>h1~*{grid-column:2}
  .serv .prose>.prose__revisao{--mt:var(--s5)}
}
@media (max-width:960px){.serv{--fx-pad:var(--s7)}.serv .prose>h1+*{--mt:var(--s7)}}
@media (max-width:720px){
  .serv{--fx-pad:var(--s6)}
  .serv .prose>h1+*{--mt:var(--s6)}
  .serv .prose>ul{grid-template-columns:minmax(0,1fr);gap:var(--s2);--mt:var(--s4)}
  .serv .prose>ul+p{--mt:40px}
  .serv .prose>h3,.serv .prose>h3+p{padding-left:var(--s2);padding-right:var(--s2)}
  .prose>h2{font-size:35px}
  .prose>h1~p,.serv .prose>h1~ul li{font-size:17px}
  .prose>.serv__botao .btn,.prose__cta .btn{width:100%;justify-content:center;padding:16px;font-size:16px}
  .serv-cta{padding:64px 24px}
}