/* Clínica Dra. Marina Diniz — cinza da fachada (#2F3743, #6F7A84, #80898B) e branco, Fahkwang + Jost */
:root{
  --linho:#E7EAEC; --rose:#C9CED2; --nevoa:#9AA3AA;
  --papel:#F4F5F6; --branco:#FFFFFF;
  --grafite:#2E353B; --texto:#3B4349; --suave:#65707A;
  --vinho:#4F5D69; --zap:#1FA855;
  --raio:18px; --max:1180px;
  --serif:'Fahkwang',Georgia,serif; --sans:'Jost',system-ui,-apple-system,Segoe UI,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
[id]{scroll-margin-top:90px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--papel);color:var(--texto);font:400 1.0625rem/1.65 var(--sans);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--vinho);outline-offset:3px;border-radius:4px}
.wrap{width:min(var(--max),100% - 32px);margin-inline:auto}
h1,h2,h3{font-family:var(--serif);color:var(--grafite);font-weight:400;line-height:1.12;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2.05rem,4vw,3.3rem);font-weight:300}
h2{font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:300}
h3{font-size:1.35rem;font-weight:500}
p{margin:0 0 1em;max-width:62ch}
.lead{font-size:1.2rem;color:var(--suave)}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;background:#fff;padding:8px 12px;z-index:99}

/* botões */
.btn{display:inline-flex;align-items:center;gap:.6em;justify-content:center;font:500 1rem/1 var(--sans);padding:1.05em 1.6em;border-radius:999px;text-decoration:none;border:1.5px solid var(--grafite);cursor:pointer;transition:background .2s,color .2s,transform .2s}
.btn-escuro{background:var(--grafite);color:#fff}
.btn-escuro:hover{background:var(--vinho);border-color:var(--vinho)}
.btn-claro{background:transparent;color:var(--grafite)}
.btn-claro:hover{background:var(--grafite);color:#fff}
.btn svg{width:20px;height:20px;flex:none}
.btn-zap{background:var(--zap);border-color:var(--zap);color:#fff}
.btn-zap:hover{background:#178a45;border-color:#178a45}

/* topo */
.topo{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(46,53,59,.08)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;height:74px;gap:24px}
.topo .logo img{height:56px;width:auto}
.menu{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.menu a{text-decoration:none;font-size:.97rem;color:var(--texto);white-space:nowrap}
.btn{white-space:nowrap}
.menu a:hover{color:var(--vinho)}
.topo .btn{padding:.8em 1.25em;font-size:.95rem}
.menu-btn{display:none;background:none;border:0;padding:8px;cursor:pointer}
.menu-btn span{display:block;width:24px;height:2px;background:var(--grafite);margin:5px 0}
@media (max-width:1060px){
  .menu{position:fixed;inset:74px 0 auto 0;flex-direction:column;background:var(--papel);padding:20px 24px 28px;gap:16px;border-bottom:1px solid rgba(0,0,0,.08);transform:translateY(-120%);transition:transform .25s;z-index:-1}
  .menu.aberto{transform:none}
  .menu a{font-size:1.15rem}
  .menu-btn{display:block}
  .topo .logo{margin-right:auto}
}
@media (max-width:760px){.topo .btn{display:none}}

/* hero */
.hero{padding:36px 0 72px;position:relative}
.hero .wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}
.hero h1{margin-bottom:.35em}
.hero .lead{max-width:34em}
.acoes{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 22px}
.provas{display:flex;flex-wrap:wrap;gap:10px 26px;font-size:.95rem;color:var(--suave);list-style:none;padding:0;margin:0}
.provas li{display:flex;align-items:center;gap:8px}
.provas li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--rose);flex:none}
.retrato{position:relative;justify-self:end;width:min(460px,100%)}
.retrato .arco{border-radius:240px 240px 24px 24px;overflow:hidden;aspect-ratio:4/5;background:var(--linho)}
.retrato .arco img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.retrato .selo{position:absolute;width:150px;left:-56px;bottom:40px;background:var(--papel);border-radius:50%;padding:8px;animation:gira 2.4s cubic-bezier(.2,.7,.2,1) .2s both}
@keyframes gira{from{transform:rotate(-120deg) scale(.7);opacity:0}to{transform:none;opacity:1}}
.retrato figcaption{position:absolute;right:-8px;top:28px;background:#fff;padding:12px 16px;border-radius:14px;font-size:.9rem;line-height:1.35;box-shadow:0 10px 30px -12px rgba(46,53,59,.35)}
.retrato figcaption strong{display:block;font-family:var(--serif);font-weight:500;color:var(--grafite)}
@media (max-width:860px){
  .hero{padding-top:28px}
  .hero .wrap{grid-template-columns:1fr;gap:34px}
  .retrato{justify-self:center;width:min(380px,92%)}
  .retrato .selo{width:110px;left:-24px}
  .retrato figcaption{right:-4px}
}

/* seções */
.secao{padding:96px 0}
.secao.clara{background:var(--branco)}
.secao.linho{background:var(--linho)}
.secao.escura{background:var(--grafite);color:#E3E7EA}
.secao.escura h2,.secao.escura h3{color:#fff}
.secao.escura .lead{color:#C9D0D5}
.cabeca{max-width:760px;margin-bottom:48px}
@media (max-width:700px){.secao{padding:68px 0}}

/* dores */
.dores{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid rgba(46,53,59,.15)}
.dores p{margin:0;padding:26px 28px 26px 0;border-bottom:1px solid rgba(46,53,59,.15);font-size:1.12rem;max-width:none}
.dores p:nth-child(odd){padding-right:40px;border-right:1px solid rgba(46,53,59,.15)}
.dores p:nth-child(even){padding-left:40px}
.dores strong{font-family:var(--serif);font-weight:500;color:var(--grafite);display:block;font-size:1.25rem;margin-bottom:4px}
@media (max-width:760px){.dores{grid-template-columns:1fr}.dores p:nth-child(n){padding:22px 0;border-right:0}}

/* protocolos */
.protocolos{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.protocolo{background:var(--papel);border-radius:var(--raio);overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.protocolo img{aspect-ratio:16/11;object-fit:cover;width:100%}
.protocolo .corpo{padding:30px 32px 34px;display:flex;flex-direction:column}
.protocolo h3{font-size:1.75rem;font-weight:400}
.protocolo ul{padding-left:1.1em;margin:0 0 22px}
.protocolo li{margin:.25em 0}
.protocolo .btn{align-self:flex-start;margin-top:auto}
.outros{margin-top:44px;display:flex;flex-wrap:wrap;gap:10px}
.outros a{padding:.65em 1.15em;border:1px solid rgba(46,53,59,.25);border-radius:999px;text-decoration:none;font-size:.98rem;background:#fff}
.outros a:hover{border-color:var(--vinho);color:var(--vinho)}
@media (max-width:860px){.protocolos{grid-template-columns:1fr}}

/* antes e depois */
.casos{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.caso{margin:0;background:#fff;border-radius:var(--raio);overflow:hidden}
.caso img{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--linho)}
.caso figcaption{padding:18px 22px 22px}
.caso figcaption strong{font-family:var(--serif);font-weight:500;font-size:1.15rem;color:var(--grafite);display:block}
.caso figcaption span{font-size:.94rem;color:var(--suave)}
.aviso{font-size:.88rem;color:var(--suave);margin-top:22px;max-width:80ch}
@media (max-width:760px){.casos{grid-template-columns:1fr}}

/* doutora */
.dra .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.dra .foto{border-radius:var(--raio);overflow:hidden}
.dra .foto img{aspect-ratio:4/5;object-fit:cover;width:100%}
.dra blockquote{margin:28px 0;padding:0 0 0 22px;border-left:2px solid var(--rose);font-family:var(--serif);font-size:1.35rem;line-height:1.4;color:var(--grafite)}
.credenciais{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:8px}
.credenciais li{padding-left:26px;position:relative}
.credenciais li::before{content:"";position:absolute;left:0;top:.62em;width:14px;height:1px;background:var(--grafite)}
@media (max-width:860px){.dra .wrap{grid-template-columns:1fr;gap:36px}}

/* passos */
.passos{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:p;list-style:none;padding:0;margin:0}
.passos li{counter-increment:p;padding-top:22px;border-top:1px solid rgba(255,255,255,.25)}
.passos li::before{content:counter(p);font-family:var(--serif);font-size:2.6rem;font-weight:300;color:var(--rose);display:block;line-height:1;margin-bottom:14px}
.passos strong{display:block;color:#fff;font-size:1.12rem;margin-bottom:6px;font-weight:500}
.passos p{font-size:.98rem;color:#C9D0D5}
@media (max-width:900px){.passos{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.passos{grid-template-columns:1fr}}

/* clínica */
.galeria{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:260px 260px;gap:14px}
.galeria figure{margin:0;border-radius:14px;overflow:hidden;position:relative}
.galeria img{width:100%;height:100%;object-fit:cover}
.galeria figure:first-child{grid-row:span 2}
.galeria figcaption{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.92);padding:5px 11px;border-radius:999px;font-size:.85rem}
@media (max-width:760px){.galeria{grid-template-columns:1fr 1fr;grid-template-rows:auto}.galeria figure{aspect-ratio:1}.galeria figure:first-child{grid-column:span 2;grid-row:auto;aspect-ratio:4/3}}

/* avaliações */
.avaliacoes{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.cartao{background:#fff;border-radius:var(--raio);padding:34px}
.cartao .btn{margin-top:8px}

/* FAQ */
.faq{max-width:860px}
.faq details{border-bottom:1px solid rgba(46,53,59,.18)}
.faq summary{cursor:pointer;list-style:none;padding:24px 44px 24px 0;font-family:var(--serif);font-size:1.22rem;color:var(--grafite);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:18px;font:300 1.9rem/1 var(--sans);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding-bottom:22px}

/* contato / mapa */
.contato .wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.form{background:#fff;border-radius:var(--raio);padding:32px;display:grid;gap:16px}
.form label{display:grid;gap:6px;font-size:.95rem;font-weight:500;color:var(--grafite)}
.form input,.form select{font:inherit;padding:.85em 1em;border:1px solid rgba(46,53,59,.25);border-radius:12px;background:var(--papel);color:var(--texto)}
.form input:focus,.form select:focus{outline:2px solid var(--vinho);outline-offset:1px}
.form .nota{font-size:.85rem;color:var(--suave);margin:0}
.resposta{display:flex;gap:10px;align-items:center;font-size:.95rem;background:var(--papel);border-radius:12px;padding:12px 14px}
.resposta b{color:var(--grafite)}
.mapa{border-radius:var(--raio);overflow:hidden;background:var(--linho);aspect-ratio:4/3}
.mapa iframe{border:0;width:100%;height:100%}
.endereco{margin-top:20px}
.endereco p{margin:.2em 0}
@media (max-width:860px){.contato .wrap{grid-template-columns:1fr}.avaliacoes{grid-template-columns:1fr}}

/* breadcrumb + página interna */
.trilha{font-size:.9rem;color:var(--suave);padding:22px 0 0}
.trilha ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0}
.trilha li+li::before{content:"/";margin-right:6px;color:var(--nevoa)}
.trilha a{text-decoration:none}.trilha a:hover{color:var(--vinho)}
.interna .hero{padding-top:26px}
.texto{max-width:760px}
.texto h2{margin-top:1.4em}
.texto ul{padding-left:1.2em}
.texto li{margin:.4em 0}
.tabela{width:100%;border-collapse:collapse;margin:20px 0 8px;font-size:1rem}
.tabela th,.tabela td{text-align:left;padding:14px 12px;border-bottom:1px solid rgba(46,53,59,.15);vertical-align:top}
.tabela th{font-weight:500;color:var(--grafite);width:34%}

/* rodapé */
.rodape{background:#22282D;color:#AEB6BC;padding:64px 0 120px;font-size:.95rem}
.rodape .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.rodape h3{color:#fff;font-size:1.05rem;font-family:var(--sans);font-weight:500;margin-bottom:12px}
.rodape ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.rodape a{text-decoration:none}.rodape a:hover{color:#fff}
.rodape .logo-rod{height:60px;width:auto;opacity:.95;margin-bottom:16px}
.rodape .legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;font-size:.85rem;color:#86909A}
@media (max-width:860px){.rodape .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.rodape .wrap{grid-template-columns:1fr}}

/* CTA fixo mobile + whatsapp flutuante */
.cta-fixo{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:none;gap:8px}
.cta-fixo .btn{flex:1;padding:1em .8em;box-shadow:0 10px 30px -8px rgba(0,0,0,.45)}
.zap-flutuante{position:fixed;right:22px;bottom:22px;z-index:60;width:62px;height:62px;border-radius:50%;background:var(--zap);display:grid;place-items:center;box-shadow:0 12px 30px -8px rgba(0,0,0,.45);transition:transform .2s}
.zap-flutuante:hover{transform:scale(1.06)}
.zap-flutuante svg{width:32px;height:32px;fill:#fff}
.zap-flutuante .balao{position:absolute;right:74px;white-space:nowrap;background:#fff;color:var(--grafite);padding:9px 14px;border-radius:12px;font-size:.92rem;box-shadow:0 8px 24px -10px rgba(0,0,0,.35);opacity:0;transform:translateX(8px);transition:.25s;pointer-events:none}
.zap-flutuante:hover .balao,.zap-flutuante.mostra .balao{opacity:1;transform:none}
@media (max-width:760px){.cta-fixo{display:flex}.zap-flutuante{display:none}}

/* aviso de cookies */
.cookies{position:fixed;left:16px;bottom:16px;z-index:70;max-width:520px;background:#fff;border-radius:999px;padding:8px 8px 8px 20px;font-size:.85rem;box-shadow:0 14px 40px -12px rgba(0,0,0,.4);display:none;align-items:center;gap:14px}
.cookies.mostra{display:flex}
.cookies p{margin:0;line-height:1.35}
.cookies .btn{padding:.6em 1.1em;font-size:.85rem}
@media (max-width:760px){.cookies{left:12px;right:12px;bottom:84px;max-width:none}}

/* página simples (obrigado / 404) */
.simples{min-height:72vh;display:grid;place-items:center;text-align:center;padding:60px 0}
.simples p{margin-inline:auto}
.simples .selo-p{width:120px;margin:0 auto 18px}

/* ===== v2: abertura com retrato editorial ===== */
html{touch-action:manipulation;-webkit-tap-highlight-color:rgba(46,53,59,.15)}
h1,h2{text-wrap:balance}
.hero-home{padding:0;overflow:hidden}
.hero-home .wrap{grid-template-columns:1fr 1fr;gap:24px;align-items:end;min-height:min(88vh,760px)}
.hero-home .hero-texto{align-self:center;padding:56px 0 72px}
.hero-home h1{font-size:clamp(2.2rem,4.4vw,3.7rem)}
.retrato-home{position:relative;margin:0;align-self:end;justify-self:end;width:min(620px,100%)}
.retrato-home img{width:100%;height:auto;display:block}
.retrato-home picture img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 20%,#000 82%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 20%,#000 82%,transparent 100%)}
.retrato-home .selo{position:absolute;width:132px;left:4%;bottom:12%;background:var(--papel);border-radius:50%;padding:8px;animation:gira 2.4s cubic-bezier(.2,.7,.2,1) .2s both;transform-origin:center}
.provas b{color:var(--grafite);font-weight:500}
@media (max-width:860px){
  .hero-home .wrap{grid-template-columns:1fr;min-height:0;gap:0}
  .hero-home .hero-texto{padding:28px 0 8px}
  .retrato-home{justify-self:center;width:min(440px,100%)}
  .retrato-home .selo{width:96px;left:0;bottom:14%}
}
/* filtros dos resultados */
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin:-16px 0 28px}
.filtro{font:500 .95rem/1 var(--sans);padding:.8em 1.2em;min-height:44px;border-radius:999px;border:1px solid rgba(46,53,59,.3);background:rgba(255,255,255,.6);color:var(--grafite);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.filtro:hover{border-color:var(--grafite)}
.filtro.ativo{background:var(--grafite);color:#fff;border-color:var(--grafite)}
.casos{grid-template-columns:repeat(3,1fr)}
.caso[hidden]{display:none}
.caso img{aspect-ratio:1/1;object-fit:cover}
@media (max-width:980px){.casos{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.casos{grid-template-columns:1fr 1fr;gap:12px}.caso figcaption{padding:12px 12px 14px}.caso figcaption span{display:none}.caso figcaption strong{font-size:1rem}}
/* formulário */
.form select,.form input{background-color:var(--papel);color:var(--texto);min-height:48px}
.form .duas{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:520px){.form .duas{grid-template-columns:1fr}}
.erro{margin:-8px 0 0;color:var(--vinho);font-size:.9rem;min-height:0}
.erro:empty{display:none}
.form input[aria-invalid="true"]{border-color:var(--vinho)}
.nota-google{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:var(--suave)}
.nota-google b{color:var(--grafite);font-size:1.3rem;font-weight:500}
.estrelas{color:#C29A2E;letter-spacing:2px}
.dra .foto{background:transparent}
.dra .foto img{aspect-ratio:1/1}
.galeria figure:nth-child(5) img{object-position:50% 70%}

/* ===== v3: estrutura inspirada na referência, na identidade da marca ===== */
.btn-ouro{border:0;color:#fff;background:linear-gradient(120deg,#2E353B 0%,#46525C 45%,#5E6B75 75%,#363E45 100%);background-size:200% 100%;background-position:0 0;box-shadow:0 10px 24px -12px rgba(46,53,59,.8);transition:background-position .4s,transform .2s,box-shadow .2s}
.btn-ouro:hover{background-position:100% 0;transform:translateY(-1px);box-shadow:0 14px 28px -12px rgba(46,53,59,.9)}
.btn-ouro:active{transform:translateY(0)}
.centro{text-align:center;margin-inline:auto}
.centro p{margin-inline:auto}
.acoes.centro{justify-content:center}
/* escolher + números */
.escolher{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center}
.numeros{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.numeros li{background:#EDEFF1;border-radius:var(--raio);padding:22px 26px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.numeros b{font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,4vw,3.3rem);line-height:1;color:var(--grafite);font-variant-numeric:tabular-nums}
.numeros span{color:var(--suave)}
@media (max-width:860px){.escolher{grid-template-columns:1fr;gap:32px}}
/* o que você deseja */
.desejos{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.desejo{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:340px;padding:26px 24px 24px;border-radius:var(--raio);text-decoration:none;color:var(--grafite);transition:transform .25s,box-shadow .25s}
.desejo:hover{transform:translateY(-4px);box-shadow:0 18px 40px -20px rgba(46,53,59,.45)}
.desejo:focus-visible{outline-offset:4px}
.desejo h3{font-size:1.6rem;font-weight:400;margin-bottom:.35em}
.desejo p{font-size:.98rem;margin-bottom:18px}
.desejo .ver{font-weight:500;font-size:.95rem;text-decoration:underline;text-underline-offset:4px}
.desejo .mono{position:absolute;top:-18px;right:-26px;width:190px;height:190px;background:url(/img/selo.png) center/contain no-repeat;opacity:.16}
.d1{background:linear-gradient(160deg,#F1F3F4,#DDE1E4)}
.d2{background:linear-gradient(160deg,#E4E8EB,#C5CCD1)}
.d3{background:linear-gradient(160deg,#D3D9DD,#9AA4AC);}
.d4{background:linear-gradient(160deg,#47525B,#2E353B);color:#EEF1F3}
.d4 h3{color:#fff}.d4 .mono{filter:invert(1);opacity:.12}
@media (max-width:980px){.desejos{grid-template-columns:1fr 1fr}.desejo{min-height:260px}}
@media (max-width:520px){.desejos{grid-template-columns:1fr}.desejo{min-height:200px}}
/* ambientes + carrossel */
.ambientes{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.carrossel{position:relative}
.trilho{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;border-radius:var(--raio);scrollbar-width:none;overscroll-behavior-x:contain}
.trilho::-webkit-scrollbar{display:none}
.trilho figure{flex:0 0 100%;margin:0;scroll-snap-align:start;position:relative;border-radius:var(--raio);overflow:hidden;aspect-ratio:4/3;background:var(--linho)}
.trilho img{width:100%;height:100%;object-fit:cover}
.trilho figcaption{position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.92);padding:6px 12px;border-radius:999px;font-size:.88rem}
.carrossel-ctrl{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}
.carrossel-ctrl button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(46,53,59,.3);background:#fff;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--grafite);transition:background-color .2s,color .2s}
.carrossel-ctrl button:hover{background:var(--grafite);color:#fff}
.pontos{display:flex;gap:8px}
.pontos i{width:8px;height:8px;border-radius:50%;background:rgba(46,53,59,.25);transition:background-color .2s,transform .2s}
.pontos i.on{background:var(--grafite);transform:scale(1.25)}
@media (max-width:860px){.ambientes{grid-template-columns:1fr;gap:28px}}
/* avaliações */
.reviews{display:grid;grid-template-columns:.8fr 1fr 1fr 1fr;gap:16px;align-items:stretch}
.nota-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:20px}
.nota-box b{font-family:var(--serif);font-weight:500;font-size:1.4rem;color:var(--grafite)}
.nota-box .estrelas{font-size:1.6rem}
.nota-box p{margin:0}.nota-box strong{font-size:1.2rem;color:var(--grafite)}
.nota-box a{font-size:.95rem}
.review{margin:0;background:var(--papel);border-radius:var(--raio);padding:24px;display:flex;flex-direction:column;gap:10px}
.review p{margin:0;font-size:1rem;color:var(--texto)}
.review footer{margin-top:auto;font-size:.9rem;color:var(--suave)}
@media (max-width:980px){.reviews{grid-template-columns:1fr 1fr}.nota-box{grid-column:1/-1}}
@media (max-width:560px){.reviews{grid-template-columns:1fr}}
/* faixa final */
.faixa-cta{background:#EDEFF1;padding:72px 0;text-align:center}
.faixa-cta h2{max-width:22em;margin:0 auto 24px;font-size:clamp(1.6rem,3vw,2.3rem)}

.trilho .retrato-foto img{object-position:50% 38%}
/* v4: galeria de casos dentro das páginas de serviço */
.casos.casos-papada{grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0 8px}
.casos-papada .caso{border:1px solid var(--linho)}
.casos-papada .caso figcaption{padding:12px 16px 14px}
.casos-papada .caso figcaption strong{font-size:1rem}
@media (max-width:480px){.casos.casos-papada{grid-template-columns:1fr}}
/* v5: grade de resultados com "ver todos" */
.casos:not(.expandido) .caso.extra{display:none}
.ver-mais-wrap{margin-top:28px}
.casos.expandido + .ver-mais-wrap{display:none}