/*
 * SKIN STETIC / Studio Edition — design patch 2.0
 * Direção: estética editorial, minimalista, com único acento rosé-terroso.
 * Cor principal #987568 / base clara #FAF9F6 / texto neutro #302B28.
 * Fonte exclusiva Montserrat (disponível localmente no pacote original).
 * Sem gradientes: apenas fundos sólidos e fotografia.
 * Patch visual: o código PHP, formulários e dados existentes não são alterados.
 */
:root{color-scheme:light}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{font-family:'Montserrat',Arial,sans-serif!important;background:#FAF9F6;color:#302B28;letter-spacing:-.012em;-webkit-font-smoothing:antialiased}
body,button,input,select,textarea{font-family:'Montserrat',Arial,sans-serif!important}
h1,h2,h3,h4,h5,h6,.font-display,.font-body{font-family:'Montserrat',Arial,sans-serif!important}
h1,h2,h3{letter-spacing:-.045em}
h1,h2{font-weight:600!important}
p{line-height:1.85}
::selection{background:rgba(152,117,104,.22);color:#302B28}
.container-elegant{width:min(100% - 64px,1220px)}
.section-padding{padding-top:108px;padding-bottom:108px}
/* Neutral base + a single color of emphasis; no background/color gradients. */
.bg-gradient-elegant,.bg-gradient-gold{background:#F6F3EF!important;background-image:none!important}
[class*='bg-gradient-to-'],[class*='bg-linear-to-'],[class*='bg-radial-']{background-image:none!important}
.text-gradient{background:none!important;-webkit-text-fill-color:currentColor!important;color:hsl(var(--primary))!important}
.bg-rose-50,.bg-rose-50\/30,.bg-rose-400{background-color:hsl(var(--muted))!important}
.from-primary,.to-rose-400,.via-primary{--tw-gradient-from:hsl(var(--primary))!important;--tw-gradient-to:hsl(var(--primary))!important}
.shadow-elegant,.shadow-xl,.shadow-lg{box-shadow:0 10px 35px rgba(44,34,29,.055)!important}
.rounded-3xl{border-radius:12px!important}.rounded-2xl{border-radius:10px!important}.rounded-xl{border-radius:8px!important}.rounded-full{border-radius:999px!important}
/* Focus/inputs */
:focus-visible{outline-color:hsl(var(--primary))!important;outline-offset:3px}
input,textarea,select{font-size:14px!important;accent-color:hsl(var(--primary))}
input:not([type='checkbox']):not([type='radio']),textarea,select{border-color:#E3DDD6!important;border-radius:6px!important;background-color:#fff!important}
input:not([type='checkbox']):focus,textarea:focus,select:focus{border-color:hsl(var(--primary))!important;box-shadow:0 0 0 3px rgba(152,117,104,.1)!important;outline:0!important}
/* HEADER — thin baseline, no capsule navigation, no shiny buttons */
header.fixed{background:#FAF9F6!important;border-bottom:1px solid #EDE7E0!important;box-shadow:none!important;padding:14px 0!important;backdrop-filter:none!important}
header.fixed>.absolute.bottom-0{display:none!important}
header.fixed>.container-elegant{min-height:52px;gap:20px}
header.fixed a.shrink-0 span[style],header.fixed a.shrink-0>span{font-family:'Montserrat',Arial,sans-serif!important;font-weight:700!important;font-size:23px!important;letter-spacing:.105em!important;color:#302B28!important;line-height:1.1}
header.fixed a.shrink-0>span span{font-weight:400!important;color:hsl(var(--primary))!important}
header nav.lg\:flex{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;gap:7px}
header nav.lg\:flex>a{font-size:12px!important;letter-spacing:.025em;font-weight:600!important;border-radius:4px!important;padding:10px 12px!important;background:transparent!important;box-shadow:none!important;color:#56504A!important;transition:color .18s ease!important}
header nav.lg\:flex>a:hover,header nav.lg\:flex>a.bg-primary{color:hsl(var(--primary))!important;background:transparent!important}
header [data-sk-go-booking]{background:hsl(var(--primary))!important;background-image:none!important;box-shadow:none!important;color:white!important;border:1px solid hsl(var(--primary))!important;border-radius:5px!important;font-weight:600!important;font-size:12px!important;letter-spacing:.015em;transform:none!important;padding:13px 20px!important;min-height:44px;height:auto;transition:background .2s ease,transform .2s ease!important}
header [data-sk-go-booking]>div.absolute{display:none!important}
header [data-sk-go-booking]:hover{background:#76594F!important;transform:translateY(-1px)!important}
header button[aria-label='Menu']{border-radius:5px!important}
header .lg\:hidden.absolute{background:#FAF9F6!important;border-bottom:1px solid #E9E0D9!important;box-shadow:0 18px 24px rgba(44,34,29,.06)!important}
header .lg\:hidden.absolute nav>a{border-radius:5px!important;padding:10px 12px!important;font-size:13px!important;background:transparent!important;border:0!important}
header .lg\:hidden.absolute nav>a>div:first-child{background:#F0EAE5!important;border-radius:5px!important;box-shadow:none!important;color:hsl(var(--primary))!important;width:35px!important;height:35px!important}
header .lg\:hidden.absolute nav>a span{background:transparent!important}
/* HOME HERO — split editorial composition; photos remain genuine local assets. */
#hero{height:760px!important;min-height:640px!important;max-height:900px;background:#F6F3EF!important;overflow:hidden}
#hero::after{content:'ESTÉTICA • CUIDADO • NATURALIDADE';position:absolute;bottom:32px;left:max(32px,calc((100vw - 1220px)/2));font-size:10px;letter-spacing:.2em;font-weight:600;color:#A39A94;z-index:8}
#hero #sk-hero-track{height:100%!important}
#hero [data-sk-hero-slide]{background:#F6F3EF!important}
#hero [data-sk-hero-slide]>.absolute.inset-0.bg-cover{position:absolute!important;left:auto!important;top:120px!important;right:0!important;bottom:70px!important;width:46%!important;height:auto!important;border-radius:12px 0 0 12px!important;background-position:center!important;background-size:cover!important;overflow:hidden}
#hero [data-sk-hero-slide]>.absolute.inset-0.bg-cover>div{display:none!important}
#hero [data-sk-hero-slide]>.relative.h-full.container-elegant{display:flex!important;align-items:center!important;justify-content:flex-start!important;padding-top:92px!important;padding-bottom:70px!important;max-width:1220px!important}
#hero [data-sk-hero-slide] .max-w-3xl{width:50%!important;max-width:550px!important;text-align:left!important;color:#302B28!important;margin:0!important}
#hero [data-sk-hero-slide] .max-w-3xl>div{max-width:560px}
#hero [data-sk-hero-slide] h6{font-family:'Montserrat',sans-serif!important;color:hsl(var(--primary))!important;font-size:11px!important;font-weight:700!important;letter-spacing:.28em!important;text-transform:uppercase;margin-bottom:22px!important}
#hero [data-sk-hero-slide] h1{font-size:clamp(3.1rem,5.2vw,5.35rem)!important;line-height:1.105!important;font-weight:600!important;letter-spacing:-.066em!important;text-transform:none!important;margin-bottom:25px!important;max-width:585px}
#hero [data-sk-hero-slide] p{max-width:445px!important;color:#716961!important;margin:0 0 32px!important;padding:0!important;font-size:14.5px!important;line-height:1.95!important;font-weight:400}
#hero [data-sk-hero-slide] button[data-sk-go-booking]{background:hsl(var(--primary))!important;color:white!important;border:1px solid hsl(var(--primary))!important;box-shadow:none!important;border-radius:5px!important;height:auto!important;min-height:50px!important;padding:15px 25px!important;letter-spacing:.012em!important;font-size:13px!important;font-weight:600!important;transition:background .2s ease,transform .2s ease!important}
#hero [data-sk-hero-slide] button[data-sk-go-booking]:hover{background:#76594F!important;transform:translateY(-2px)}
#hero>.absolute.bottom-8{bottom:72px!important;left:50%!important;transform:translateX(-50%)!important;justify-content:flex-start!important;width:min(100% - 64px,1220px)!important;gap:8px!important}
#hero [data-sk-hero-nav]{height:4px!important;width:20px!important;border-radius:1px!important;background:#D8CFC7!important;box-shadow:none!important}
#hero [data-sk-hero-nav][aria-pressed='true']{width:42px!important;background:hsl(var(--primary))!important}
#hero>.absolute.bottom-0.h-24{display:none!important}
/* Shared editorial section titles and subtitles */
section:not(#hero)>div>div.text-center.mb-10{margin-bottom:48px!important}
section:not(#hero) .text-center>span.uppercase,section:not(#hero) .text-center>span.tracking-widest,section:not(#hero) .text-center>span.tracking-\[0\.2em\]{font-size:10px!important;letter-spacing:.25em!important;font-weight:700!important;color:hsl(var(--primary))!important}
section:not(#hero) .text-center>h2{font-size:clamp(2rem,3.3vw,3.05rem)!important;line-height:1.2!important;letter-spacing:-.055em!important;margin-top:15px!important;margin-bottom:18px!important}
section:not(#hero) .text-center>p{font-size:14px!important;color:#7B746E!important;max-width:570px!important;line-height:1.9!important}
/* ABOUT — asymmetrical image and airy copy */
#sobre{background:#FAF9F6!important}
#sobre>.container{max-width:1220px!important;padding:0 32px!important}
#sobre .grid.lg\:grid-cols-2{gap:clamp(44px,6vw,98px)!important}
#sobre img{border-radius:8px!important;object-position:center}
#sobre .rounded-3xl.overflow-hidden{border-radius:8px!important}
#sobre .absolute.bottom-6.right-6{background:#fff!important;border:1px solid #ECE5DE!important;box-shadow:0 8px 26px rgba(40,32,29,.05)!important;border-radius:6px!important;padding:18px 22px!important}
#sobre h2{font-size:clamp(2.1rem,3.15vw,3.1rem)!important;line-height:1.22!important;letter-spacing:-.055em!important;max-width:560px}
#sobre p{font-size:14px!important;line-height:1.95!important;color:#77716B!important}
#sobre .flex.flex-wrap.gap-2\.5 span{background:#F4F0EC!important;border:1px solid #EBE2DB!important;border-radius:4px!important;font-size:11px!important;color:#7B635B!important;padding:10px 12px!important}
#sobre .mt-16.grid>div{background:#fff!important;border:1px solid #ECE6E0!important;border-radius:8px!important;padding:26px 14px!important;box-shadow:none!important}
#sobre .mt-16.grid>div>div:first-child{background:#F4EEEA!important;border-radius:6px!important}
#sobre .mt-16.grid>div span.text-primary{font-size:28px!important;letter-spacing:-.04em!important}
/* SERVICES — quiet photo cards, free of dark fades and hover jumps */
#servicos{background:#F6F3EF!important}
#servicos .lg\:block.overflow-hidden{overflow:visible!important;min-height:0!important}
#servicos .lg\:block.overflow-hidden>.flex{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;transform:none!important}
#servicos .lg\:block.overflow-hidden>.flex>.group:nth-child(n+7){display:none!important}
#servicos .lg\:block.overflow-hidden>.flex>.group{width:auto!important;flex:none!important;min-width:0!important;transform:none!important}
#servicos .lg\:block.overflow-hidden>.flex>.group>.relative{display:flex!important;flex-direction:column!important;background:white!important;border:1px solid #E9E2DB!important;border-radius:8px!important;overflow:hidden!important;height:100%!important}
#servicos .lg\:block.overflow-hidden .h-\[420px\]{height:395px!important;min-height:0;overflow:hidden!important;transform:none!important;cursor:default!important;display:flex!important;flex-direction:column!important}
#servicos .lg\:block.overflow-hidden .h-\[420px\] img{height:260px!important;flex:none!important;object-fit:cover!important;filter:saturate(.72)!important;transform:none!important;transition:filter .3s ease!important}
#servicos .lg\:block.overflow-hidden .h-\[420px\]:hover img{filter:saturate(1)!important}
#servicos .lg\:block.overflow-hidden .h-\[420px\]>.absolute.inset-0{display:none!important}
#servicos .lg\:block.overflow-hidden .h-\[420px\]>.absolute.bottom-0{position:static!important;background:#fff!important;color:#302B28!important;padding:16px!important;flex:1!important;display:block!important}
#servicos .lg\:block.overflow-hidden .h-\[420px\] h3{font-size:13px!important;line-height:1.4!important;letter-spacing:-.03em!important;margin-bottom:9px!important;color:#302B28!important}
#servicos .lg\:block.overflow-hidden .h-\[420px\] p{font-size:11px!important;line-height:1.65!important;color:#817973!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#servicos .lg\:block.overflow-hidden .group>.relative>.absolute.bottom-0{position:static!important;transform:none!important;opacity:1!important;padding:0 16px 16px!important;background:white!important}
#servicos .lg\:block.overflow-hidden .group>.relative>.absolute.bottom-0 button{border-radius:4px!important;font-size:11px!important;font-weight:600!important;border:1px solid #E7DAD3!important;color:hsl(var(--primary))!important;background:white!important;width:100%;padding:11px 6px;height:39px;box-shadow:none!important}
#servicos .lg\:block.overflow-hidden .group>.relative>.absolute.bottom-0 button:hover{background:hsl(var(--primary))!important;color:white!important}
/* Mobile existing service presentation: keep swipe/tap working. */
#servicos .lg\:hidden .group,#servicos .lg\:hidden .rounded-2xl{border-radius:8px!important}
#servicos .lg\:hidden img{filter:saturate(.8)}
#servicos .lg\:hidden [class*='bg-gradient-to-']{background:rgba(40,35,31,.45)!important}
/* RESULTS / BEFORE-AFTER gallery */
#galeria{background:#F6F3EF!important;border-top:1px solid #EBE5DD}
#galeria .rounded-2xl{border-radius:8px!important}
#galeria [data-sk-gallery-filter]{background:transparent!important;border:1px solid #E4DBD4!important;color:#726C65!important;border-radius:5px!important;font-size:11px!important;letter-spacing:.02em;font-weight:600!important;box-shadow:none!important}
#galeria [data-sk-gallery-filter].sk-current{background:hsl(var(--primary))!important;color:#fff!important;border-color:hsl(var(--primary))!important}
#galeria [data-sk-gallery-next],#testemunhos [data-sk-testimonial-dir]{background:#fff!important;border:1px solid #E6DED8!important;border-radius:6px!important;box-shadow:none!important;color:#5A5048!important}
#galeria [data-sk-gallery-next]:hover,#testemunhos [data-sk-testimonial-dir]:hover{background:hsl(var(--primary))!important;color:white!important}
/* REVIEWS / BLOG CARDS */
#testemunhos{background:#FAF9F6!important}
#testemunhos .relative.bg-card{border-color:#EAE2DB!important;box-shadow:0 5px 28px rgba(48,37,30,.035)!important;border-radius:9px!important}
#testemunhos .relative.bg-card>div.absolute{border-radius:5px!important}
#testemunhos .relative.bg-card p.italic{font-style:normal!important;font-size:17px!important;font-weight:400!important;line-height:1.95!important;letter-spacing:-.025em}
#testemunhos .fill-accent{fill:hsl(var(--primary))!important;color:hsl(var(--primary))!important}
section:has(a[href*='blog/']) [class*='rounded-2xl'],main:has([data-sk-blog-filter]) [class*='rounded-2xl']{border-radius:8px!important}
section:has(a[href*='blog/']) img,main:has([data-sk-blog-filter]) img{filter:saturate(.76);transition:filter .2s ease}
section:has(a[href*='blog/']) img:hover,main:has([data-sk-blog-filter]) img:hover{filter:saturate(1)}
main:has([data-sk-blog-filter]) section:first-child{background:#F6F3EF!important}
main:has([data-sk-blog-filter]) h1,main:has([data-sk-blog-filter]) h2,main:has([data-sk-blog-filter]) h3{font-weight:600!important}
main:has([data-sk-blog-filter]) [data-sk-blog-filter]{border-radius:5px!important;font-size:12px!important}
/* FAQ / CONTACT — less decoration, better form legibility */
#faq{background:#fff!important}
#faq button[data-sk-faq] .border-b{border-color:#EDE8E3!important}
#faq button[data-sk-faq] span.text-base{font-size:14px!important;line-height:1.6!important}
#faq .sk-faq-answer{font-size:13px!important;color:#77706A!important}
#contato{background:#F6F3EF!important}
#contato .bg-card.rounded-2xl{background:#fff!important;border:1px solid #EAE2DB!important;box-shadow:none!important;border-radius:8px!important;padding:35px!important}
#contato label{font-size:12px!important;font-weight:600!important;color:#5B524D!important}
#contato input,#contato textarea{min-height:47px!important;padding:12px!important}
#contato textarea{min-height:130px!important}
#contato form button[type='submit']{background:hsl(var(--primary))!important;background-image:none!important;color:#fff!important;border-radius:5px!important;box-shadow:none!important;font-size:12px!important;font-weight:600!important;min-height:47px}
#contato .lg\:col-span-2>.space-y-6{padding-top:14px!important}
#contato .w-12.h-12.rounded-full{border-radius:6px!important;background:#EEE7E1!important}
#contato iframe{filter:grayscale(.45)}
/* BOOKING — refined appointment wizard with high-contrast accessible input states */
main:has(#sk-booking-stage){background:#FAF9F6!important}
main:has(#sk-booking-stage)>section{padding-top:58px!important}
main:has(#sk-booking-stage) h1{font-size:clamp(2rem,3.5vw,3.4rem)!important;letter-spacing:-.055em!important}
main:has(#sk-booking-stage) .rounded-3xl,main:has(#sk-booking-stage) .rounded-2xl{border-radius:8px!important}
main:has(#sk-booking-stage) .bg-card{border-color:#EAE2DB!important;box-shadow:none!important}
#sk-booking-stage [data-sk-service-index]{background:#fff!important;border-color:#E9E3DC!important;border-radius:7px!important;transition:border-color .2s ease,box-shadow .2s ease!important}
#sk-booking-stage [data-sk-service-index]:hover,#sk-booking-stage [data-sk-service-index].sk-selected{border-color:hsl(var(--primary))!important;background:#FCFAF9!important;box-shadow:0 0 0 1px hsl(var(--primary))!important}
#sk-booking-stage .sk-booking-panel h2{font-size:21px!important;letter-spacing:-.04em}
#sk-booking-stage .sk-booking-panel .sk-subtitle{font-size:13px!important}
#sk-booking-stage .sk-slot{border-radius:5px!important}
#sk-booking-stage .sk-summary{border-radius:7px!important}
#sk-booking-stage .sk-step-active{box-shadow:none!important}
#sk-booking-stage button,.sk-booking-panel button{border-radius:5px!important}
.sk-dropdown{border-radius:6px!important;box-shadow:0 12px 25px rgba(45,34,30,.08)!important}
.sk-dropdown button{border-radius:4px!important}
/* Longform article/policy pages */
main.min-h-screen.bg-background{background:#FAF9F6!important}
main.min-h-screen.bg-background h1{font-size:clamp(2rem,3.2vw,3.1rem)!important}
main.min-h-screen.bg-background h2{letter-spacing:-.04em!important}
/* FOOTER — dark neutral, no gradient, calm brand color */
footer{border-radius:0!important;background:#302B28!important;background-image:none!important;color:#F9F7F5!important}
footer h3,footer h4{letter-spacing:-.025em!important;font-weight:600!important}
footer .text-primary{color:#C8A59A!important}
footer a:hover{color:#D6B4A8!important}
footer .rounded-full{border-radius:5px!important}
footer .container-elegant{width:min(100% - 64px,1220px)}
/* Scrollbar / gentle motion */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#F3EFEB}
::-webkit-scrollbar-thumb{background:#C9BAB1;border-radius:10px;border:2px solid #F3EFEB}
::-webkit-scrollbar-thumb:hover{background:#A98B7F}
@media(max-width:1200px){
 #servicos .lg\:block.overflow-hidden>.flex{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #servicos .lg\:block.overflow-hidden>.flex>.group:nth-child(n+7){display:none!important}
 header nav.lg\:flex{gap:0!important}
 header nav.lg\:flex>a{padding:10px 9px!important}
}
@media(max-width:1023px){
 .container-elegant{width:min(100% - 44px,1220px)}
 .section-padding{padding:80px 0}
 #hero{height:690px!important;min-height:620px!important}
 #hero [data-sk-hero-slide]>.absolute.inset-0.bg-cover{top:120px!important;right:0!important;bottom:75px!important;width:46%!important}
 #hero [data-sk-hero-slide] .max-w-3xl{width:53%!important}
 #hero [data-sk-hero-slide] h1{font-size:clamp(2.8rem,5.5vw,4.45rem)!important}
 #hero>.absolute.bottom-8{width:min(100% - 44px,1220px)!important}
 #hero::after{left:22px}
 #sobre>.container{padding:0 22px!important}
 #servicos .lg\:hidden{display:block}
}
@media(max-width:767px){
 .container-elegant,footer .container-elegant{width:min(100% - 36px,1220px)}
 .section-padding{padding:66px 0}
 header.fixed{padding:9px 0!important}
 header.fixed>.container-elegant{min-height:52px}
 header.fixed a.shrink-0>span{font-size:20px!important}
 #hero{height:775px!important;min-height:775px!important;max-height:none!important;padding:0!important}
 #hero #sk-hero-track{min-height:775px!important;height:100%!important;align-items:stretch}
 #hero [data-sk-hero-slide]{min-height:775px!important}
 #hero [data-sk-hero-slide]>.absolute.inset-0.bg-cover{top:auto!important;bottom:60px!important;left:18px!important;right:18px!important;width:calc(100% - 36px)!important;height:235px!important;border-radius:8px!important;background-position:center 42%!important}
 #hero [data-sk-hero-slide]>.relative.h-full.container-elegant{min-height:775px!important;max-height:none!important;padding-top:125px!important;padding-bottom:310px!important;align-items:flex-start!important}
 #hero [data-sk-hero-slide] .max-w-3xl{width:100%!important;max-width:530px!important}
 #hero [data-sk-hero-slide] h6{font-size:10px!important;letter-spacing:.22em!important;margin-bottom:15px!important}
 #hero [data-sk-hero-slide] h1{font-size:clamp(2.45rem,9.2vw,3.65rem)!important;line-height:1.16!important;max-width:480px!important;letter-spacing:-.06em!important;margin-bottom:14px!important}
 #hero [data-sk-hero-slide] p{font-size:12.5px!important;line-height:1.72!important;margin-bottom:20px!important;max-width:470px!important}
 #hero [data-sk-hero-slide] button[data-sk-go-booking]{min-height:42px!important;padding:12px 18px!important;font-size:12px!important}
 #hero>.absolute.bottom-8{left:50%!important;bottom:20px!important;justify-content:center!important;width:100%!important}
 #hero::after{display:none!important}
 #sobre>.container{padding:0 18px!important}
 #sobre .grid.lg\:grid-cols-2{gap:35px!important}
 #sobre img{height:330px!important}
 #sobre .mt-16.grid{margin-top:35px!important}
 #sobre .mt-16.grid>div{padding:19px 10px!important}
 #sobre .mt-16.grid>div span.text-primary{font-size:24px!important}
 #contato .bg-card.rounded-2xl{padding:22px!important}
 #testemunhos .relative.bg-card{padding:25px!important}
 #testemunhos [data-sk-testimonial-dir]{width:35px!important;height:35px!important;padding:8px!important}
 #faq .sk-faq-answer{padding:0 8px 18px 23px!important}
 section:not(#hero) .text-center>h2{font-size:clamp(1.85rem,7vw,2.5rem)!important}
}
@media(max-width:380px){
 #hero{height:795px!important;min-height:795px!important}
 #hero #sk-hero-track,#hero [data-sk-hero-slide],#hero [data-sk-hero-slide]>.relative.h-full.container-elegant{min-height:795px!important}
 #hero [data-sk-hero-slide] h1{font-size:2.3rem!important}
 #hero [data-sk-hero-slide]>.absolute.inset-0.bg-cover{height:220px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Tailwind v4 uses the standalone translate property. Prevent double offset of slider indicators. */
#hero>.absolute.bottom-8{translate:none!important}