@font-face{font-family:Bod;src:url(f/bodoni.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:Bod;src:url(f/bodoni-i.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:Jost;src:url(f/jost.woff2) format("woff2");font-weight:100 900;font-display:swap}
@property --gira{syntax:"<angle>";inherits:false;initial-value:0deg}
:root{--marfim:#fdf8f4;--nude:#f6e6df;--rosa:#e0708f;--rosa2:#f4a3b8;--rosaT:#c04e70;--vinho:#5c1228;--tx:#5a3a43;--ouro:#a57a35;--ouro2:#ecd6a4}
*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}
html{background:var(--vinho);-webkit-text-size-adjust:100%;overflow-x:clip;scroll-behavior:smooth}
body{background:var(--marfim);color:var(--tx);font:400 18px/1.35 Jost,system-ui,sans-serif;overflow-x:clip}
body.preso{overflow:hidden;height:100svh}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
img,video{display:block;max-width:100%}
img{height:auto}
h1,h2,h3,.lema,blockquote,.pergunta{font-family:Bod,serif;font-optical-sizing:none;font-variation-settings:"opsz" 18;font-weight:500;color:var(--vinho);letter-spacing:-.008em}
h2{font-size:clamp(35px,10vw,66px);line-height:1.06}
em{font-style:italic;color:var(--rosaT)}
.sel{font-size:13.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--ouro);font-weight:500;margin-bottom:4px}
.tit{text-align:center;padding:0 18px 14px}
.capa{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#caa}
[data-r]{opacity:0;transform:translateY(22px);filter:blur(5px);transition:opacity .85s,transform 1s cubic-bezier(.16,1,.3,1),filter .85s}
[data-r].v{opacity:1;transform:none;filter:none}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:0 30px;border-radius:99px;font-size:18.5px;font-weight:500;letter-spacing:.01em;overflow:hidden;transition:transform .2s}
.btn:active{transform:scale(.96)}
.btn svg{width:25px;height:25px}
.btn::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);animation:reflexo 3.6s ease-in-out infinite}
@keyframes reflexo{55%,100%{left:130%}}
.zapb{color:#fff;background:linear-gradient(120deg,#d9547e,#ef8dab 55%,#e0708f);box-shadow:0 14px 28px -10px rgba(200,70,110,.75)}
.ouro{color:#3d2308;background:linear-gradient(110deg,#caa055,#fff0c7 42%,#d4ab62 62%,#f6e2ab);box-shadow:0 14px 30px -12px rgba(230,190,120,.7)}

/* entrada */
#abertura{position:fixed;inset:0;z-index:40;overflow:hidden;background:var(--vinho);transition:opacity .9s .15s,visibility 0s 1.1s}
#abertura.sai{opacity:0;visibility:hidden;pointer-events:none}
.veuA{position:absolute;inset:0;background:radial-gradient(70% 55% at 50% 42%,rgba(92,18,40,.52),rgba(52,8,22,.86))}
.brilhos{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#marca{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px;transition:transform 1.1s cubic-bezier(.7,0,.3,1),opacity .7s .25s}
.sai #marca{transform:scale(3.4);opacity:0}
.logoOuro{position:relative;width:min(70vw,44svh);animation:surge 1.7s cubic-bezier(.16,1,.3,1) both}
@keyframes surge{from{opacity:0;transform:scale(.8);filter:blur(10px)}}
.logoOuro img{width:100%;filter:drop-shadow(0 12px 26px rgba(0,0,0,.5))}
.logoOuro i{position:absolute;inset:0;background:linear-gradient(112deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%);background-size:320% 100%;background-position:120% 0;-webkit-mask:url(m/logo-ouro.webp) center/100% 100% no-repeat;mask:url(m/logo-ouro.webp) center/100% 100% no-repeat;animation:luzOuro 3.4s ease-in-out 1s infinite}
@keyframes luzOuro{60%,100%{background-position:-30% 0}}
#barra{width:min(52vw,220px);height:1.5px;background:rgba(236,214,164,.25);overflow:hidden;transition:opacity .4s}
#barra b{display:block;height:100%;width:100%;background:var(--ouro2);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.pronto #barra{opacity:0}
#entrar{min-height:60px;min-width:220px;border-radius:99px;font-size:20px;font-weight:500;opacity:0;transform:translateY(10px);transition:.6s}
#semSom{color:#f6dcd2;font-size:15.5px;padding:7px;opacity:0;transition:.6s .1s}
.pronto #entrar{opacity:1;transform:none}.pronto #semSom{opacity:1}

/* fixos */
#som{position:fixed;top:calc(10px + env(safe-area-inset-top));right:12px;z-index:30;display:flex;align-items:flex-end;justify-content:center;gap:3px;width:44px;height:44px;padding:13px 11px;border-radius:50%;background:rgba(253,248,244,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 14px -6px rgba(92,18,40,.5)}
#som i{width:2.5px;height:4px;border-radius:2px;background:var(--rosaT)}
.tocando #som i{animation:bar .75s ease-in-out infinite alternate}#som i:nth-child(2){animation-delay:.2s!important}#som i:nth-child(3){animation-delay:.42s!important}#som i:nth-child(4){animation-delay:.1s!important}
@keyframes bar{to{height:17px}}
#fab{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;gap:8px;height:58px;padding:0 20px 0 15px;border-radius:99px;color:#fff;font-weight:500;background:linear-gradient(120deg,#d9547e,#ef8dab);box-shadow:0 12px 26px -8px rgba(200,70,110,.85);transform:translateY(120px);transition:transform .6s cubic-bezier(.16,1,.3,1)}
#fab.ver{transform:none}
#fab svg{width:29px;height:29px}
#fab::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(224,112,143,.6);animation:pulso 2.2s infinite}
@keyframes pulso{to{box-shadow:0 0 0 16px rgba(224,112,143,0)}}

/* primeira tela */
#inicio{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;padding:calc(16px + env(safe-area-inset-top)) 14px calc(16px + env(safe-area-inset-bottom));text-align:center;background:var(--nude)}
.veuB{position:absolute;inset:0;background:linear-gradient(rgba(253,248,244,.86),rgba(253,240,236,.5) 45%,rgba(253,248,244,.92))}
.h-tx,.h-cena,.h-base{position:relative}
.foil{font-size:clamp(44px,12.8vw,84px);line-height:1.08;background:linear-gradient(100deg,#8e6425,#d9b56e 25%,#8a5f22 48%,#e2c07c 70%,#8e6425);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foil 7s linear infinite}
@keyframes foil{to{background-position:-240% 0}}
.h-cena{flex:1;display:grid;place-items:center;width:100%;min-height:0;margin:8px 0}
.arco{--gira:0deg;position:relative;height:min(52svh,110vw);aspect-ratio:3/4;padding:4px;border-radius:999px 999px 46px 46px;background:conic-gradient(from var(--gira),#a57a35,#fff3cf,#c79a53,#f7dfa8,#a57a35);animation:gira 6s linear infinite;box-shadow:0 24px 44px -22px rgba(92,18,40,.65)}
@keyframes gira{to{--gira:360deg}}
.arco img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;border-radius:inherit}
.mini{position:absolute;width:23vw;max-width:130px;aspect-ratio:3/4;margin:0;padding:2.5px;border-radius:999px 999px 20px 20px;background:linear-gradient(140deg,#fff3cf,#b98f4a);box-shadow:0 14px 26px -12px rgba(92,18,40,.7);animation:boia 5.5s ease-in-out infinite alternate}
.mini img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.m1{left:3vw;bottom:6%}.m2{right:3vw;top:7%;animation-delay:-2.5s}
@keyframes boia{from{transform:translateY(9px) rotate(-2.5deg)}to{transform:translateY(-9px) rotate(2.5deg)}}
.lema{font-size:clamp(25px,7.3vw,42px);line-height:1.12;margin-bottom:10px}

/* fotos */
#fotos{padding:26px 0 10px;background:var(--marfim)}
.flow{display:flex;gap:0;overflow-x:auto;padding:14px 16vw 18px;scroll-snap-type:x mandatory;scrollbar-width:none;perspective:900px;-webkit-overflow-scrolling:touch}
.flow::-webkit-scrollbar{display:none}
.flow figure{position:relative;flex:0 0 68vw;max-width:420px;aspect-ratio:3/4;margin:0;scroll-snap-align:center;border-radius:999px 999px 26px 26px;overflow:hidden;background:var(--nude);box-shadow:0 22px 34px -22px rgba(92,18,40,.65);will-change:transform;cursor:zoom-in}
.flow img{width:100%;height:100%;object-fit:cover}
.flow figcaption{position:absolute;left:0;right:0;bottom:0;padding:36px 14px 11px;text-align:center;color:#fff;font:italic 500 23px Bod,serif;font-variation-settings:"opsz" 18;background:linear-gradient(transparent,rgba(60,14,28,.6))}
.dica{text-align:center;font-size:15.5px}

/* autoestima */
#voce{position:relative;overflow:hidden;background:linear-gradient(160deg,#7c1c3c,#5c1228 60%,#7a2346);color:#fbe8e0;text-align:center}
.v-in{position:relative;padding:34px 18px 36px;max-width:720px;margin:0 auto}
#voce .sel{color:var(--ouro2)}
#voce h2{color:#fff}
.pergunta{color:var(--ouro2);font-style:italic;font-size:clamp(25px,7.2vw,40px);line-height:1.14;margin:8px 0 16px}
.motivos{display:grid;gap:9px;margin-bottom:18px}
.motivos div{padding:13px 16px;border-radius:20px;background:linear-gradient(140deg,rgba(255,240,230,.14),rgba(255,240,230,.04));box-shadow:0 0 0 1px rgba(236,214,164,.32) inset}
.motivos b{display:block;font:500 25px/1.15 Bod,serif;font-variation-settings:"opsz" 18;color:#fff}
.motivos span{font-size:18px}

/* momentos */
#momentos{padding:26px 0 12px;background:var(--marfim)}
.mos{display:flex;gap:10px;overflow-x:auto;padding:4px 16px 14px;scroll-snap-type:x mandatory;scrollbar-width:none}
.mos::-webkit-scrollbar{display:none}
.mos article{position:relative;flex:0 0 66vw;max-width:340px;aspect-ratio:3/4;overflow:hidden;border-radius:24px;scroll-snap-align:center;color:#fff}
.mos img{width:100%;height:100%;object-fit:cover;animation:vive 12s ease-in-out infinite alternate}
@keyframes vive{to{transform:scale(1.1)}}
.mos div{position:absolute;left:0;right:0;bottom:0;padding:44px 14px 13px;background:linear-gradient(transparent,rgba(50,12,24,.82))}
.mos b{display:block;font:500 28px/1.1 Bod,serif;font-variation-settings:"opsz" 18}

/* procedimentos */
#servicos{padding:26px 12px 18px;background:var(--nude)}
.lista{display:grid;gap:10px;max-width:980px;margin:0 auto}
.serv{display:grid;grid-template-columns:104px 1fr;gap:13px;align-items:center;padding:10px;border-radius:24px;background:#fff;box-shadow:0 14px 26px -20px rgba(92,18,40,.6)}
.serv img{width:104px;height:136px;object-fit:cover;border-radius:60px 60px 18px 18px}
.serv h3{font-size:28px;line-height:1.08}
.serv p{font-size:16.5px;line-height:1.28;margin:2px 0}
.serv .pr{color:var(--vinho);font-weight:500}.serv .pr b{color:var(--rosaT);font-weight:500}
.serv button{margin-top:5px;min-height:42px;padding:0 18px;border-radius:99px;color:#fff;font-weight:500;font-size:16px;background:linear-gradient(120deg,#d9547e,#ef8dab)}
.adic{max-width:980px;margin:11px auto 0;text-align:center;font-size:16.5px}.adic b{display:block;color:var(--vinho);font-weight:500}

/* artista */
#artista{display:grid;grid-template-columns:42% 1fr;gap:10px;align-items:center;padding:24px 16px 12px;max-width:820px;margin:0 auto}
.a-foto{position:relative}
.a-foto i{position:absolute;left:4%;right:4%;top:6%;bottom:0;border-radius:999px 999px 30px 30px;background:linear-gradient(170deg,#f8d6da,#f6e6df)}
.a-foto img{position:relative;width:100%}
#artista h2{font-size:clamp(31px,8.7vw,56px)}
blockquote{font-style:italic;font-size:22px;line-height:1.2;color:var(--rosaT);margin:6px 0}
.ig{display:inline-block;padding:6px 0;color:var(--vinho);font-weight:500;font-size:16px;word-break:break-all}

/* cuidados */
#cuidados{padding:16px 16px 22px;max-width:760px;margin:0 auto}
#cuidados ul{list-style:none;padding:0;display:grid;gap:8px}
#cuidados li{display:flex;align-items:center;gap:13px;padding:9px 14px;border-radius:18px;background:var(--nude)}
#cuidados li b{font:italic 500 38px/1 Bod,serif;font-variation-settings:"opsz" 18;color:var(--rosaT);width:26px}
#cuidados strong{display:block;font-weight:500;color:var(--vinho)}

/* final */
#fim{position:relative;overflow:hidden;text-align:center;color:#fff}
.veuF{position:absolute;inset:0;background:linear-gradient(rgba(92,18,40,.62),rgba(60,10,26,.86))}
.f-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 16px calc(84px + env(safe-area-inset-bottom))}
.logoOuro.peq{width:min(40vw,190px);animation:none}
#fim h2{color:#fff}#fim em{color:var(--ouro2)}
.links{display:flex;gap:20px}.links a{padding:6px;color:#fff}
.previa{font-size:13.5px;opacity:.8}

/* janela do WhatsApp */
#zap{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:rgba(70,14,32,.5);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
#zap[hidden],#zForm[hidden],#zInicio[hidden],#luz[hidden]{display:none}
.z-caixa{display:flex;flex-direction:column;width:min(600px,100%);max-height:92svh;border-radius:28px 28px 0 0;background:var(--marfim);animation:sobe .4s cubic-bezier(.16,1,.3,1)}
#zForm{display:flex;flex-direction:column;min-height:0}
@keyframes sobe{from{transform:translateY(60px);opacity:0}}
.z-topo{display:flex;align-items:center;justify-content:space-between;padding:12px 18px 4px}.z-topo h3{font-size:29px}
#zFecha{width:44px;height:44px;font-size:30px;line-height:1;color:var(--vinho)}
.z-opcoes{display:grid;gap:10px;padding:8px 16px calc(20px + env(safe-area-inset-bottom))}
.z-opcoes button{padding:16px 18px;border-radius:20px;text-align:left;background:#fff;box-shadow:0 0 0 1px rgba(92,18,40,.12) inset}
.z-opcoes button:first-child{color:#fff;background:linear-gradient(120deg,#d9547e,#ef8dab);box-shadow:none}
.z-opcoes b{display:block;font:500 25px Bod,serif;font-variation-settings:"opsz" 18}
.z-corpo{overflow-y:auto;padding:0 16px 8px}
.z-corpo h4{margin:10px 0 6px;font-weight:500;color:var(--vinho)}.z-corpo small{font-weight:400;font-size:14.5px}
.z-ch{display:flex;flex-wrap:wrap;gap:7px}
.z-ch button{min-height:44px;padding:0 15px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px rgba(92,18,40,.14) inset;font-size:16px}
.z-ch button[aria-pressed=true]{color:#fff;background:var(--rosaT);box-shadow:none}
.z-mod{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:none}
.z-mod::-webkit-scrollbar{display:none}
.z-mod button{flex:0 0 70px;font-size:13px;line-height:1.08;text-align:center}
.z-mod img{width:70px;height:84px;object-fit:cover;border-radius:36px 36px 14px 14px;margin-bottom:3px}
.z-mod button[aria-pressed=true] img{box-shadow:0 0 0 2.5px var(--rosaT)}
#zNome{display:block;width:100%;height:50px;margin-top:10px;padding:0 15px;border:0;border-radius:14px;outline:0;background:#fff;box-shadow:0 0 0 1px rgba(92,18,40,.14) inset;font:inherit;color:var(--tx)}
#zMsg{padding:10px 13px;border-radius:16px 16px 16px 4px;background:#fbe3e6;font-size:16px;white-space:pre-line}
.z-pe{padding:8px 16px calc(12px + env(safe-area-inset-bottom))}.z-pe .btn{width:100%}
#luz{position:fixed;inset:0;z-index:55;display:grid;place-items:center;background:rgba(40,8,20,.93)}
#luz img{max-height:92svh;width:auto;max-width:100%}
#luz button{position:absolute;top:10px;right:10px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.9);font-size:30px;line-height:1;color:var(--vinho)}

@media(min-width:900px){
 #inicio{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;align-content:center;column-gap:30px;padding:40px 6vw;text-align:left}
 .h-tx{grid-column:1;align-self:end}.h-base{grid-column:1;align-self:start}
 .h-cena{grid-column:2;grid-row:1/3}.arco{height:78svh}
 .foil{font-size:clamp(60px,6.4vw,104px)}.lema{font-size:40px}
 .m1{left:2vw}.m2{right:0}.mini{width:150px;max-width:none}
 .flow figure{flex-basis:340px}.flow{padding-inline:calc(50vw - 170px)}
 .motivos{grid-template-columns:repeat(3,1fr)}.v-in{max-width:1040px}
 .mos{justify-content:safe center}.mos article{flex-basis:260px}
 .lista{grid-template-columns:1fr 1fr}
 .z-caixa{border-radius:28px;margin-bottom:3vh}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}