
/* Refinamento visual 2026 — leve, sem bibliotecas externas */
:root{--cream:#fcfaf7;--soft:#f5eee8;--ink:#211a17;--muted:#71645d;--line:#e8ddd3;--wine:#8c3f37;--wine-dark:#653029;--gold:#b38b50;--green:#168f4d;--shadow:0 24px 70px -42px rgba(44,28,20,.42)}
html{scroll-padding-top:90px}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:linear-gradient(180deg,#fcfaf7 0,#fbf7f2 35%,#fcfaf7 100%)}
.site-header{background:rgba(252,250,247,.94);border-bottom-color:rgba(174,137,84,.18);box-shadow:0 8px 30px rgba(38,29,25,.04)}
.header-inner{height:76px}.brand-logo{height:62px!important;max-width:275px!important}.desktop-nav{gap:1.7rem}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--gold);transition:right .2s ease}.desktop-nav a:hover:after{right:0}
.button{border-radius:999px;min-height:50px;padding:.9rem 1.45rem;box-shadow:none}.button-wa{box-shadow:0 14px 28px -18px rgba(22,143,77,.75)}
.hero,.product-hero{padding:5.25rem 0 5rem}.hero-grid{gap:4.5rem}.hero-copy{padding-right:0}.lead{font-size:1.12rem}.micro{opacity:.88}.trust{gap:1.4rem 2.2rem}.trust>div{padding-right:1.6rem;border-right:1px solid var(--line)}.trust>div:last-child{border:0}
.site-image{border-radius:18px;box-shadow:0 30px 80px -48px rgba(34,24,18,.55)}.hero-photo{height:590px}.product-photo{height:575px}.quote{border-radius:0 12px 12px 0;box-shadow:0 20px 50px -28px rgba(0,0,0,.45)}
.proof{background:#fff}.proof .container{min-height:54px}
.section{padding:6rem 0}.section-head{margin-bottom:2.6rem}.section-head>p{font-size:.96rem}.eyebrow{letter-spacing:.13em}
.treatment-grid{background:transparent;border:0;grid-template-columns:repeat(2,1fr);gap:1.25rem}.treatment-card{border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 45px -38px rgba(38,29,25,.5)}.treatment-card:hover{background:#fff;box-shadow:0 24px 55px -35px rgba(38,29,25,.48);transform:translateY(-4px)}.treatment-card>img{height:235px}.treatment-body{padding:1.7rem 1.8rem 1.9rem}
.about-photo{border-radius:18px}.steps{border-radius:15px;overflow:hidden}.steps article{min-height:180px}.result-case{border-radius:16px}.review-layout{border-radius:16px;overflow:hidden}.map-wrap{border-radius:16px}
.faq details{padding:1.2rem .25rem}.faq summary{font-size:1rem}.faq details p{max-width:68ch}
.final-cta{background:radial-gradient(circle at 50% 0,rgba(179,139,80,.18),transparent 38%),var(--wine-dark)}
.wa-float{border:1px solid rgba(255,255,255,.25);box-shadow:0 14px 36px rgba(16,92,48,.28)}
.related-services{background:#fff}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.related-card{border:1px solid var(--line);border-radius:15px;padding:1.7rem;background:linear-gradient(145deg,#fff,#fbf7f2);transition:transform .2s ease,box-shadow .2s ease}.related-card:hover{transform:translateY(-3px);box-shadow:0 22px 45px -38px rgba(38,29,25,.6)}.related-card span{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;font-weight:800}.related-card h3{font:500 1.55rem/1.15 var(--font-serif);margin:.65rem 0}.related-card p{font-size:.88rem;margin-bottom:1.1rem}.related-card strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--wine)}
footer{padding-bottom:5.2rem}.footer-brand .brand-logo{height:92px!important;max-width:310px!important}
@media (max-width:900px){.hero,.product-hero{padding:3.5rem 0 4.25rem}.hero-grid{gap:2.7rem}.hero-visual{order:0}.hero-photo,.product-photo{height:520px}.section{padding:4.8rem 0}.related-grid{grid-template-columns:1fr 1fr}.trust>div{border:0;padding-right:0}.mobile-menu{background:#fcfaf7}}
@media (max-width:600px){body{font-size:1rem}.container{width:min(100% - 1.4rem,1180px)}h1{font-size:clamp(2.55rem,12vw,3.25rem);line-height:1.02}h2{font-size:clamp(2.05rem,10vw,2.7rem)}.header-inner{height:68px}.brand-logo{height:54px!important;max-width:210px!important}.hero,.product-hero{padding:2.7rem 0 3.5rem}.hero-grid{gap:2.2rem}.hero-photo,.about-photo,.product-photo{height:410px}.quote{position:relative;inset:auto;margin:-1.25rem .75rem 0;max-width:none;border-radius:12px}.section{padding:4rem 0}.treatment-grid{gap:.8rem}.treatment-card>img{height:220px}.treatment-body{padding:1.4rem}.related-grid{grid-template-columns:1fr}.related-card{padding:1.45rem}.proof .container{padding:1rem 0}.wa-float{font-size:.78rem;min-height:48px;display:grid;place-items:center}.footer-brand .brand-logo{height:80px!important;max-width:250px!important}}
@media (prefers-reduced-motion:reduce){.desktop-nav a:after,.related-card{transition:none!important}}


/* ===== Refinamento de alinhamento / identidade — 22-08-2026 ===== */
*{box-sizing:border-box}
img{max-width:100%}
.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:1000;backdrop-filter:saturate(130%) blur(12px)}
.header-inner{min-height:86px;height:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding-block:8px}
.brand{min-width:0;display:flex;align-items:center;justify-content:flex-start}
.brand-logo{margin:0!important;object-position:left center!important}
.desktop-nav{justify-self:center;display:flex;align-items:center;justify-content:center;gap:clamp(16px,2vw,28px);white-space:nowrap}
.header-cta{justify-self:end;white-space:nowrap}

.hero-grid,.two-col,.location-grid{align-items:center}
.hero-copy{max-width:650px}
.hero-visual{min-width:0}
.hero-photo,.about-photo,.product-photo{overflow:hidden}
.hero-photo img,.about-photo img,.product-photo img,.site-image>img{width:100%;height:100%;object-fit:cover;display:block}
.professional-photo img{object-position:center 28%}

/* Cards sem fotos repetidas: mais leve, alinhado e premium */
.treatment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;background:transparent;border:0}
.treatment-card{display:flex;min-height:255px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 18px 45px -38px rgba(38,29,25,.5)}
.treatment-card>img{display:none!important}
.treatment-body{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:32px 34px 30px}
.treatment-body>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:20px;border:1px solid rgba(179,139,80,.42);border-radius:50%;color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.08em}
.treatment-body h3{margin-top:0;margin-bottom:10px}
.treatment-body p{margin-top:0;margin-bottom:24px;max-width:48ch}
.treatment-body a{margin-top:auto}

/* Resultados reais: pares perfeitamente alinhados */
.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:980px;margin-inline:auto}
.result-case{height:100%;display:flex;flex-direction:column}
.result-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.result-pair figure{position:relative;margin:0;min-width:0;height:430px;overflow:hidden;background:#eee6df}
.result-pair figure img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.result-case h3{margin-bottom:.3rem}

.review-layout,.steps{align-items:stretch}
.steps article,.review-points article{height:100%}
.footer-grid{align-items:start}
.footer-brand{display:flex;align-items:flex-start}

@media(max-width:1080px){
  .header-inner{grid-template-columns:auto 1fr;gap:18px}
  .desktop-nav,.header-cta{display:none!important}
  .mobile-menu-wrap{display:block;justify-self:end}
}
@media(max-width:900px){
  .container{width:min(100% - 32px,1180px)}
  .treatment-grid{grid-template-columns:1fr 1fr}
  .result-pair figure{height:360px}
}
@media(max-width:680px){
  .container{width:min(100% - 24px,1180px)}
  .header-inner{min-height:74px;padding-block:7px}
  .treatment-grid,.result-grid{grid-template-columns:1fr}
  .treatment-card{min-height:0}
  .treatment-body{padding:26px 24px 25px}
  .result-pair figure{height:330px}
  .hero-photo,.about-photo,.product-photo{height:min(108vw,440px)}
  .section-head{display:block}
  .section-head>p{margin-top:14px}
}
@media(max-width:420px){
  .result-pair figure{height:285px}
  .button{width:100%;text-align:center;justify-content:center}
  .actions{width:100%}
}


/* ===== Versão premium vertical + WhatsApp circular — 22-08-2026 ===== */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Tratamentos: um bloco por linha, com imagem real e leitura premium */
#tratamentos .section-head{align-items:end}
#tratamentos .section-head>p{max-width:44ch}
.treatment-grid{display:flex!important;flex-direction:column!important;gap:26px!important;max-width:1080px;margin-inline:auto}
.treatment-card-premium{display:grid!important;grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr)!important;min-height:350px!important;padding:0!important;background:#fff!important;border:1px solid rgba(179,139,80,.22)!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 24px 70px -50px rgba(38,29,25,.58)!important;color:inherit!important;position:relative;isolation:isolate;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important}
.treatment-card-premium:nth-child(even){grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)!important}
.treatment-card-premium:nth-child(even) .treatment-media{order:2}
.treatment-card-premium:hover{transform:translateY(-4px)!important;border-color:rgba(179,139,80,.45)!important;box-shadow:0 34px 80px -48px rgba(38,29,25,.62)!important}
.treatment-media{position:relative;min-width:0;min-height:350px;overflow:hidden;background:#eee6df}
.treatment-media img{display:block!important;width:100%!important;height:100%!important;min-height:350px;object-fit:cover!important;object-position:center!important;transition:transform .45s ease!important}
.treatment-card-premium:hover .treatment-media img{transform:scale(1.025)}
.treatment-image-label{position:absolute;left:18px;bottom:18px;padding:.55rem .8rem;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(37,27,23,.68);backdrop-filter:blur(8px);color:#fff;font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.treatment-card-premium .treatment-body{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center;width:100%!important;padding:clamp(30px,5vw,58px)!important}
.treatment-card-premium .treatment-number{display:grid!important;place-items:center;width:44px!important;height:44px!important;margin:0 0 22px!important;border:1px solid rgba(179,139,80,.42)!important;border-radius:50%!important;color:var(--gold)!important;font-size:.72rem!important;font-weight:800!important;letter-spacing:.08em!important}
.treatment-card-premium h3{font:500 clamp(1.8rem,3vw,2.55rem)/1.05 var(--font-serif)!important;margin:0 0 13px!important;color:var(--ink)!important}
.treatment-card-premium p{max-width:48ch;margin:0 0 26px!important;color:var(--muted)!important;font-size:.98rem;line-height:1.75}
.treatment-link{display:inline-flex;align-items:center;gap:.55rem;margin-top:auto;color:var(--wine);font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.treatment-link b{font-size:1rem;transition:transform .2s ease}
.treatment-card-premium:hover .treatment-link b{transform:translateX(4px)}

/* CTA de resultados nas páginas dos procedimentos */
.result-contact-button{display:inline-flex!important;align-items:center;justify-content:center;margin-top:.55rem;min-height:48px;padding:.82rem 1.25rem!important;border-color:rgba(140,63,55,.34)!important;color:var(--wine)!important;background:rgba(255,255,255,.62)!important}
.result-contact-button:hover{background:#fff!important;border-color:var(--wine)!important}

/* WhatsApp flutuante: círculo discreto, sem barra cobrindo o conteúdo */
.wa-float{position:fixed!important;left:auto!important;right:12px!important;bottom:12px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#168f4d!important;color:#fff!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:0 16px 38px rgba(16,92,48,.28)!important;z-index:1200!important;transition:transform .2s ease,box-shadow .2s ease!important}
.wa-float:hover{transform:translateY(-3px) scale(1.03)!important;box-shadow:0 20px 42px rgba(16,92,48,.36)!important}
.wa-float svg{width:21px;height:21px;display:block}

@media(max-width:820px){
 .treatment-card-premium,.treatment-card-premium:nth-child(even){grid-template-columns:1fr!important;min-height:0!important}
 .treatment-card-premium:nth-child(even) .treatment-media{order:0}
 .treatment-media,.treatment-media img{min-height:0;height:min(78vw,430px)!important}
 .treatment-card-premium .treatment-body{padding:30px 28px 32px!important}
}
@media(max-width:600px){
 #tratamentos .section-head>p{margin-top:12px}
 .treatment-grid{gap:18px!important}
 .treatment-card-premium{border-radius:18px!important}
 .treatment-media,.treatment-media img{height:min(86vw,390px)!important}
 .treatment-card-premium .treatment-body{padding:26px 22px 28px!important}
 .treatment-card-premium h3{font-size:2rem!important}
 .wa-float{left:auto!important;right:14px!important;bottom:14px!important;width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important}
 .wa-float svg{width:19px;height:19px}
}
@media(prefers-reduced-motion:reduce){.treatment-card-premium,.treatment-media img,.treatment-link b,.wa-float{transition:none!important}}

/* Ajustes finais do novo botão flutuante */
footer{padding-bottom:2rem}
.wa-float{z-index:900!important}
.treatment-card-premium:focus-visible,.wa-float:focus-visible,.result-contact-button:focus-visible{outline:3px solid rgba(179,139,80,.58)!important;outline-offset:4px}

/* Ajuste fino do logo — 10px menor, mantendo proporcao */
.site-header .brand-logo{height:52px!important;width:auto!important;max-width:265px!important;object-fit:contain!important}
.site-header .header-inner{height:70px}
@media (max-width:600px){
  .site-header .brand-logo{height:44px!important;max-width:200px!important}
  .site-header .header-inner{height:62px}
}
