/* /para/manicure no molde claro da home (fatia 3 do site novo, decisão 19753a79-361). Carrega depois do base.css.
   A página já usava as cores e a fonte do Esmalta, mas com o topo em grafite. Aqui o topo passa para o neve da
   home, o marca-texto vira a faixa lima da home e o cabeçalho vira a barra de largura cheia. Textos e preços não mudam. Mockup: https://claude.ai/artifact/F11RQx9M6WubL3bhixy2Ka */

/* Cabeçalho igual ao da home. */
.nav{position:fixed;inset-inline:0;top:0;padding-top:env(safe-area-inset-top,0px);z-index:50;background:rgba(243,244,247,.94);border-bottom:1px solid rgba(16,18,25,.1);box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.nav .wrap{max-width:1200px;height:68px;display:flex;align-items:center;gap:24px;padding-inline:max(16px,calc((100% - 1200px)/2 + 32px))}
.nav,.nav a,.nav .logo{color:var(--ink)}
.nav .links a{color:var(--ink2);font-weight:600}
.nav .btn.sm{background:#7443EC;color:#fff;border-radius:12px}
body{padding-top:calc(68px + env(safe-area-inset-top,0px))}

/* Topo claro, sem as manchas de luz. */
.hero{background:var(--neve);color:var(--ink)}
.hero::before,.hero::after{display:none}
.hero h1,.hero .txt{color:var(--ink)}
.hero .lead,.hero .garantias{color:var(--ink2)}
.hero .eyebrow{color:#7443EC}
.hero .btn.ghost{background:#fff;color:var(--ink);border:1px solid rgba(16,18,25,.14)}
.hero .btn.lima{background:#7443EC;color:#fff}

/* Marca-texto igual ao da home: faixa lima na metade de baixo, em vez do bloco desalinhado. */
.marca-texto{background:linear-gradient(transparent 54%,var(--lima) 54%,var(--lima) 92%,transparent 92%)!important;color:inherit!important;padding:0 .06em!important;box-shadow:none!important;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* As seções de grafite continuam escuras, como a seção da Esma Expert na home: os cartões e vídeos de dentro foram
   desenhados para o fundo escuro. */

/* Fim em grafite, como a faixa do fim da home. */
.final{background:var(--graf);color:#fff}