/* Página de vendas Unhas em Aquarela: mundo "ateliê" (papel de aquarela claro). Usa paginas.css como base. */
.atelie{--g:max(clamp(20px,5vw,64px),calc((100% - 1160px) / 2));--bg:#f5efe4;--bg2:#ece3d2;--card:#fffaf2;--line:#e2d5bf;--txt:#1b2a21;--mut:#526157;--ouro:#c9a45c;--ouro-tx:#8a6424;--ouro2:#9b3d5b;--tinta:#011208;color-scheme:light;
  background-color:var(--bg);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .34 0 0 0 0 .22 0 0 0 .1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  scrollbar-color:#d6c7ad var(--bg)}
.atelie ::selection{background:#e9a7b966;color:var(--tinta)}
.atelie h1,.atelie h2,.atelie h3{color:var(--tinta)}
.atelie :focus-visible{outline-color:var(--tinta)}
.atelie .tip{filter:drop-shadow(0 10px 12px #6b4a2a40)}
.atelie .leque{border-bottom-color:#c9a45c99}
.atelie .demo{background:var(--tinta);color:#f4ecdc}
.atelie .rodape{color:var(--mut)}
.atelie .rodape img{margin:0 auto 14px;width:180px;filter:brightness(.55) saturate(1.2)}
.atelie .cta{background:var(--ouro);color:var(--tinta);box-shadow:0 14px 26px -14px #6b4a2a99,inset 0 0 0 1px #a98337}
.atelie .cta:hover{background:#d8b672}
.tag{display:inline-block;font:500 .7rem/1 "Poppins",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ouro-tx);border:1px dashed #b08a4a99;border-radius:999px;padding:4px 8px;vertical-align:middle;white-space:nowrap}
.ponto{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ouro2);box-shadow:0 0 0 4px #9b3d5b22;vertical-align:middle;margin-right:6px}

.barra{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:12px var(--g);background:#f5efe4e6;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.barra img{width:150px;height:auto;filter:brightness(.55) saturate(1.2)}

/* topo */
.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(30px,5vw,80px);padding:clamp(36px,5vw,72px) var(--g) clamp(56px,6vw,90px)}
.hero>*{position:relative;z-index:1}
.hero>.lavado{position:absolute;z-index:0}
.lavado g{mix-blend-mode:multiply}
.hero h1{font-size:clamp(2.8rem,6.2vw,4.8rem);letter-spacing:-.03em}
.atelie h1 em,.atelie h2 em{color:var(--ouro2)}
.quem{color:var(--mut);margin-top:16px}
.quem b{color:var(--tinta);font-weight:600}
.lead{font-size:clamp(1.04rem,1.4vw,1.18rem);color:#334339;max-width:46ch;margin:22px 0 32px;line-height:1.65}
.hero-acao{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.prazo{color:var(--mut);font-size:.88rem}
.prazo b{color:var(--tinta);font-weight:600}
.fatos{list-style:none;margin:clamp(30px,4vw,48px) 0 0;padding:18px 0 0;display:flex;flex-wrap:wrap;gap:10px 30px;border-top:1px solid var(--line);color:var(--mut);font-size:.9rem}
.fatos b{font-family:var(--serif);font-weight:500;font-size:1.35rem;color:var(--tinta);margin-right:5px}
.hero-arte{position:relative;width:min(470px,calc(100% - 28px));justify-self:end;margin-right:14px;padding-bottom:20%}
.hero-arte::before{content:"";position:absolute;inset:-14px -14px 20% -14px;border:1px solid #c9a45c;border-radius:260px 260px 30px 30px;pointer-events:none}
.hero-arte img{width:100%;height:auto;aspect-ratio:9/10;object-fit:cover;object-position:20% 20%;border-radius:250px 250px 24px 24px;box-shadow:0 40px 70px -40px #3b2a1a99}
.leque-hero{position:absolute;left:50%;bottom:0;width:88%;transform:translateX(-50%)}

/* seções */
.faixa{padding:clamp(64px,9vw,120px) var(--g)}
.atelie h2{font-size:clamp(1.9rem,3.6vw,2.8rem)}
.faixa-cab{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:end;margin-bottom:46px}
.faixa-cab p{color:var(--mut);max-width:44ch}

.dor{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:start;border-top:1px solid var(--line)}
.dor-txt{display:grid;gap:18px;color:#334339;font-size:1.05rem;max-width:56ch}
.dor-txt b{color:var(--tinta);font-weight:600}
.valor{margin-top:10px;padding-top:22px;border-top:1px solid var(--line);color:var(--mut);font-size:.92rem;line-height:1.5}
.valor strong{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(2.2rem,4vw,3rem);line-height:1.05;color:var(--ouro2);margin-bottom:8px}

/* método: foto grande da Darlene trabalhando */
.metodo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center;padding:clamp(20px,4vw,40px) var(--g) clamp(64px,9vw,120px)}
.metodo-foto{margin:0;position:relative}
.metodo-foto img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 12%;border-radius:24px;box-shadow:0 40px 70px -40px #3b2a1a99}
.metodo-intro{color:var(--mut);margin:18px 0 30px;max-width:46ch}
.etapas{list-style:none;margin:0;padding:0;display:grid;gap:24px}
.etapas li{display:flex;gap:18px;align-items:flex-start}
.etapas b{font-family:var(--serif);font-weight:500;font-size:1.5rem;color:var(--tinta)}
.etapas p{color:var(--mut);font-size:.95rem;margin-top:4px}

/* mostruário */
.paletas{position:relative;overflow:hidden;padding:clamp(64px,9vw,110px) 0;background:var(--bg2)}
.paletas>*{position:relative;z-index:1}
.paletas>.lavado{position:absolute;z-index:0}
.paletas .faixa-cab{margin:0 0 40px;padding:0 var(--g)}
.mostruario{list-style:none;margin:0;padding:10px var(--g) 20px;display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));gap:clamp(12px,2vw,28px)}
.mostruario li{display:grid;justify-items:center;gap:14px;text-align:center}
.mostruario .tip{max-width:120px;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.mostruario li:hover .tip{transform:translateY(-10px) rotate(-3deg)}
.mostruario span{font-size:.85rem;color:#334339;line-height:1.3}

/* prints de WhatsApp */
.celulares{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,32px);align-items:start}
.cel{margin:0;border-radius:34px;padding:10px;background:#1b2a21;box-shadow:0 40px 60px -36px #3b2a1a;max-width:360px;justify-self:center;width:100%}
.cel:nth-child(2){margin-top:44px}
.cel figcaption{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#075e54;color:#fff;border-radius:26px 26px 0 0}
.cel figcaption b{display:block;font-weight:600;font-size:.92rem;line-height:1.2}
.cel figcaption small{font-size:.72rem;opacity:.85}
.av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#f3e7df;color:#075e54;font-weight:600}
.tela{background:#efe7dd;border-radius:0 0 26px 26px;padding:14px 10px 18px;display:flex;flex-direction:column;gap:6px;min-height:430px;font-size:.88rem;line-height:1.4;color:#111b21}
.b{position:relative;margin:0;max-width:84%;padding:7px 10px 18px;border-radius:10px;background:#fff;box-shadow:0 1px 1px #0000001a;align-self:flex-start;word-wrap:break-word}
.b.eu{background:#d9fdd3;align-self:flex-end}
.b time{position:absolute;right:8px;bottom:4px;font-size:.66rem;color:#667781;display:flex;align-items:center;gap:3px}
.tq{width:16px;height:10px;color:#53bdeb}
.b.midia{padding:4px 4px 18px}
.foto-unhas{display:flex;gap:6px;justify-content:center;padding:16px 14px 8px;border-radius:8px;background:linear-gradient(160deg,#e9dccd,#d8c4ad)}
.foto-unhas .tip{width:44px;filter:drop-shadow(0 6px 6px #6b4a2a55)}
.foto-cartela{display:grid;grid-template-columns:repeat(3,44px);gap:6px;padding:10px;border-radius:8px;background:#fffdf8;border:1px solid #eadfcd}
.foto-cartela .amostra{width:44px;height:44px}
.b.audio{display:flex;align-items:center;gap:8px;min-width:200px}
.b.audio .i{width:18px;height:18px;color:#54656f}
.onda{display:flex;align-items:center;gap:2px;height:24px;flex:1}
.onda i{width:2px;background:#8696a0;border-radius:2px}
.b.audio small{font-size:.7rem;color:#667781;position:absolute;left:36px;bottom:4px}

/* para quem */
.para-quem{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(30px,6vw,80px);align-items:start;border-top:1px solid var(--line)}
.para-quem h2{margin-bottom:30px}
.checks,.xs{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.checks li,.xs li{display:flex;gap:16px;align-items:flex-start;color:#334339}
.checks b{color:var(--tinta);font-weight:600}
.checks .i{color:var(--ouro2);width:22px;height:22px;margin-top:3px}
.nao{padding:clamp(26px,3vw,36px);border:1px solid var(--line);border-radius:24px;background:#fffaf2b3}
.nao h3{font-size:clamp(1.6rem,2.6vw,2.1rem);margin-bottom:22px;color:var(--mut)}
.xs li{color:var(--mut);font-size:.95rem}
.xs .i{width:20px;height:20px;margin-top:3px;color:#a0605a}

/* módulos */
.modulos{border-top:1px solid var(--line)}
.lista-mod{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(30px,5vw,80px)}
.lista-mod li{display:flex;gap:20px;align-items:flex-start;padding:26px 0;border-top:1px solid var(--line)}
.lista-mod h3{font-size:1.6rem;margin-bottom:6px}
.lista-mod h3 span{font-family:"Poppins",sans-serif;font-size:.8rem;color:var(--mut);font-weight:400;margin-left:6px;white-space:nowrap}
.lista-mod p{color:var(--mut);font-size:.93rem}

/* professora */
.professora{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:clamp(30px,6vw,90px);align-items:center;padding:clamp(40px,6vw,80px) var(--g)}
.professora>img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:220px 220px 24px 24px;box-shadow:0 40px 70px -40px #3b2a1a99}
.professora .sub{color:var(--ouro-tx);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin-top:10px}
.professora p:not(.sub){color:#334339;margin-top:16px;max-width:54ch}
.numeros{list-style:none;margin:30px 0 14px;padding:22px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:16px 44px}
.numeros b{display:block;font-family:var(--serif);font-weight:500;font-size:2rem;line-height:1.1;color:var(--ouro2)}
.numeros span{color:var(--mut);font-size:.85rem}

/* bônus */
.bonus{border-top:1px solid var(--line)}
.bonus ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:22px}
.bonus li{display:grid;gap:10px;align-content:start;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:0 24px 40px -34px #3b2a1a66}
.bonus b{font-family:var(--serif);font-weight:500;font-size:1.55rem;line-height:1.15;color:var(--tinta)}
.bonus li>span{color:var(--mut);font-size:.93rem}
.bonus s{color:var(--mut);font-size:.85rem;margin-top:6px}
.bonus s::before{content:"Valor: "}

/* oferta: o único bloco escuro, a joia da página */
.oferta{padding:clamp(64px,9vw,120px) 20px;display:grid;justify-items:center;gap:28px;background:var(--tinta);--txt:#f4ecdc;--mut:#a9baae;--line:#16392a;color:var(--txt)}
.oferta h2{color:#f4ecdc}
.oferta h2 em{color:#e8d3a2}
.cartao{width:min(580px,100%);background:linear-gradient(180deg,#0a2a1b,#061f14);border:1px solid #c9a45c66;border-radius:30px;padding:clamp(28px,5vw,48px);text-align:center;box-shadow:0 50px 90px -50px #000}
.cartao .tip{filter:drop-shadow(0 10px 14px #000a)}
.leque-mini{width:min(260px,70%);margin:-6px auto 18px}
.inclui{list-style:none;margin:28px 0;padding:0;display:grid;gap:12px;text-align:left}
.inclui li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start}
.inclui .i{color:var(--ouro);width:22px;height:22px;margin-top:2px}
.inclui s,.inclui .incl{color:var(--mut);font-size:.85rem;white-space:nowrap;padding-top:2px}
.preco{display:grid;justify-items:center;gap:2px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:26px}
.preco small{color:var(--mut);font-size:.88rem;margin-bottom:8px}
.preco .parc{color:#e8d3a2;font-size:.95rem}
.preco strong{font-family:var(--serif);font-size:clamp(3.2rem,8vw,4.6rem);font-weight:500;line-height:1;color:#e8d3a2;font-variant-numeric:lining-nums}
.preco>span:last-child{color:var(--mut);font-size:.92rem;margin-top:6px}
.preco>span:last-child b{color:var(--txt);font-weight:600}
.cta.grande{width:100%;padding:20px 30px;font-size:1.05rem}
.oferta .cta{box-shadow:0 14px 26px -14px #000c}
.seguro{display:flex;gap:8px;justify-content:center;align-items:center;color:var(--mut);font-size:.8rem;margin-top:16px}
.ate{color:var(--ouro);font-size:.8rem;margin-top:6px}
.garantia{width:min(580px,100%);display:flex;gap:20px;align-items:center;color:#d9d6c8;font-size:.92rem}
.selo-g{flex:none;width:76px;height:76px;border-radius:50%;border:1px solid var(--ouro);display:grid;place-content:center;text-align:center;font-family:var(--serif);font-size:1.9rem;line-height:1;color:#e8d3a2}
.selo-g small{font-family:"Poppins",sans-serif;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}

/* como funciona */
.passos h2{margin-bottom:40px}
.passos ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,50px);counter-reset:p}
.passos li{counter-increment:p;display:grid;gap:8px;align-content:start;padding-top:22px;border-top:2px solid var(--ouro)}
.passos li::before{content:counter(p);font-family:var(--serif);font-size:2.4rem;line-height:1;color:var(--ouro2)}
.passos b{font-weight:600;font-size:1.05rem;color:var(--tinta)}
.passos span{color:var(--mut);font-size:.93rem}

/* dúvidas */
.faq{border-top:1px solid var(--line)}
.faq>*{max-width:820px}
.faq h2{margin-bottom:30px}
.faq details{border-top:1px solid var(--line);padding:4px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-weight:500;font-size:1.05rem;color:var(--tinta)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:12px;height:12px;flex:none;margin-top:7px;border-right:1.75px solid var(--ouro-tx);border-bottom:1.75px solid var(--ouro-tx);transform:rotate(45deg);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg);margin-top:12px}
.faq details p{color:var(--mut);padding:0 0 20px;max-width:62ch}

.final{text-align:center;padding:clamp(64px,9vw,120px) 20px 40px;display:grid;justify-items:center;gap:26px}
.final h2{max-width:18ch}
.leque-final{width:min(420px,90%)}
.final .cta.grande{width:auto}

.fixo{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;display:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 20px;background:#011208f2;color:#f4ecdc;backdrop-filter:blur(10px);border:1px solid #c9a45c66;border-radius:999px;box-shadow:0 20px 40px -10px #000a;transform:translateY(140%);transition:transform .4s cubic-bezier(.16,1,.3,1)}
.fixo.on{transform:none}
.fixo b{display:block;font-weight:600;font-size:.9rem}
.fixo small{color:#a9baae;font-size:.75rem}

@media(max-width:900px){
  .hero{grid-template-columns:1fr;text-align:center;padding-top:28px}
  .hero-arte{order:-1;width:min(340px,84%);justify-self:center;margin-right:0}
  .lead{margin-inline:auto}
  .hero-acao{align-items:center}
  .fatos{justify-content:center}
  .faixa-cab,.dor,.metodo,.para-quem,.professora{grid-template-columns:1fr}
  .faixa-cab{gap:14px}
  .metodo-foto img{aspect-ratio:1}
  .lista-mod,.passos ol,.bonus ul{grid-template-columns:1fr}
  .celulares{grid-template-columns:repeat(3,min(300px,82vw));overflow-x:auto;scroll-snap-type:x mandatory;padding:0 clamp(20px,5vw,64px) 20px;margin:0 calc(-1 * clamp(20px,5vw,64px))}
  .cel{scroll-snap-align:center}
  .cel:nth-child(2){margin-top:0}
  .professora>img{max-width:320px}
  .mostruario{grid-template-columns:repeat(7,96px);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:26px}
  .mostruario li{scroll-snap-align:center}
  .fixo{display:flex}
  .barra .cta{display:none}
}
@media(prefers-reduced-motion:reduce){.fixo,.faq summary::after,.mostruario .tip{transition:none}}