/* ===== Home noturna — referência Esculpindo Lábios, com a linguagem da Érica ===== */
.noite{--noite:#141312;--sup:#1e1c1b;--sup2:#272422;--rose:#eebaa7;--rose2:#f4d3c4;--txt:#efe4d3;--txt2:#b9ada0;background:var(--noite);color:var(--txt)}
.noite main{overflow-x:clip}
.noite h2{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(26px,2.9vw,40px);line-height:1.18;color:var(--txt);max-width:22em}
.noite h3{font-family:var(--display);font-weight:400}
.noite p{color:var(--txt2)}
.n-sec{padding-block:clamp(80px,10vw,140px);position:relative}
.n-2col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.n-centro{text-align:center;margin-inline:auto}
.n-topo{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(40px,5vw,64px)}
.n-link{color:var(--rose);font-size:15px;text-underline-offset:6px}
.n-link:hover{color:#fff}

/* Botões em pílula rosé */
.n-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 30px;border-radius:999px;background:linear-gradient(180deg,#f6cdbd,var(--rose));color:#2a1a16;font:500 14px/1.2 var(--sans);letter-spacing:.06em;text-decoration:none;box-shadow:0 10px 30px -12px rgba(238,186,167,.6);transition:transform .25s,box-shadow .25s,background-color .25s}
.n-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px -12px rgba(238,186,167,.8)}
.n-btn--linha{background:transparent;color:var(--txt);box-shadow:inset 0 0 0 1px rgba(238,186,167,.6)}
.n-btn--linha:hover{background:rgba(238,186,167,.1);box-shadow:inset 0 0 0 1px var(--rose)}
.n-btn--escuro{background:var(--noite);color:var(--rose);box-shadow:none}
.n-acoes{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 0}
.noite :focus-visible{outline-color:var(--rose)}

/* Gema 3D */
.gema{position:absolute;display:block;width:120px;aspect-ratio:1;filter:drop-shadow(0 24px 30px rgba(0,0,0,.6));pointer-events:none}
.gema-svg{width:100%;height:100%;display:block}
@media (prefers-reduced-motion:no-preference){.gema{animation:flutua 7s ease-in-out infinite}.gema--h2{animation-delay:-3s}@keyframes flutua{50%{transform:translateY(-14px) rotate(6deg)}}}

/* Hero */
.n-hero{position:relative;background:radial-gradient(ellipse 70% 90% at 72% 0,#3a3330 0,var(--noite) 62%);min-height:min(96vh,940px);display:flex;align-items:center;overflow:hidden}
.n-hero__luz{position:absolute;inset:0;background:repeating-conic-gradient(from 168deg at 70% -10%,rgba(255,240,230,.07) 0 2deg,transparent 2deg 7deg);-webkit-mask-image:radial-gradient(ellipse 60% 80% at 70% 0,#000,transparent 75%);mask-image:radial-gradient(ellipse 60% 80% at 70% 0,#000,transparent 75%)}
.n-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:end;padding-top:64px}
.n-hero__txt{padding-bottom:clamp(150px,14vw,200px)}
.n-hero__logo{width:170px;margin-bottom:40px;opacity:.95}
.n-hero h1{font-size:clamp(40px,4.8vw,72px);line-height:1.04;text-transform:uppercase;letter-spacing:.03em;max-width:10em;color:#fff}
.n-lead{font-size:clamp(16px,1.3vw,19px);max-width:40ch;margin-top:24px}
.n-hero__fotos{position:relative;align-self:end;height:min(86vh,820px)}
.n-hero__eu{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:100%;width:auto;max-width:none;object-fit:cover;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 22%),linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(0deg,transparent 0,#000 22%),linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-composite:intersect}
.eco{position:absolute;top:2%;height:62%;width:auto;filter:grayscale(1) brightness(.75);opacity:.35;-webkit-mask-image:linear-gradient(0deg,transparent,#000 40%,#000 70%,transparent);mask-image:linear-gradient(0deg,transparent,#000 40%,#000 70%,transparent)}
.eco--1{left:-6%}.eco--2{right:-10%;top:8%}
.gema--h1{width:clamp(80px,8vw,130px);left:4%;top:44%}
.gema--h2{width:clamp(56px,5vw,84px);right:2%;top:16%}

/* Busca em etapas no tema noturno */
.noite .assistente-faixa{margin-top:-120px}
.noite .assistente{background:rgba(30,28,27,.92);backdrop-filter:blur(14px);border:1px solid rgba(238,186,167,.28);border-top:1px solid rgba(238,186,167,.28);box-shadow:0 40px 90px -40px #000;color:var(--txt)}
.noite .assistente h2,.noite .etapa legend{text-transform:none;letter-spacing:0;color:#fff}
.noite .assistente__busca input{background:var(--noite);border-color:#3a3633;color:var(--txt)}
.noite .assistente .btn{border-radius:999px;background:var(--rose);color:#2a1a16}
.noite .assistente .btn--ghost{background:transparent;color:var(--txt);box-shadow:inset 0 0 0 1px rgba(238,186,167,.5)}
.noite .assistente__busca .btn{border-radius:0 999px 999px 0}
.noite .progresso{background:#3a3633}.noite .progresso span{background:var(--rose)}
.noite .tile span{border-color:#3a3633;color:var(--txt);border-radius:10px}
.noite .tile:hover span{background:var(--sup2);border-color:rgba(238,186,167,.5)}
.noite .tile input:checked+span{background:var(--rose);border-color:var(--rose);color:#2a1a16}
.noite .assistente__rodape{border-color:#3a3633}
.noite .pontos i{background:#3a3633}.noite .pontos i.on{background:var(--rose)}
.noite .passos small,.noite .revisao{color:var(--txt2)}

/* O que você procura */
.n-procura__arte{position:relative}
.n-procura__arte .pb{width:100%;aspect-ratio:4/3;object-fit:cover;filter:grayscale(1) contrast(1.1) brightness(.85);-webkit-mask-image:radial-gradient(ellipse at center,#000 45%,transparent 72%);mask-image:radial-gradient(ellipse at center,#000 45%,transparent 72%)}
.gema--p{width:clamp(100px,11vw,160px);right:6%;top:-4%}
.n-checks{list-style:none;margin:32px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}
.n-checks li,.n-checks a{display:flex;gap:12px;align-items:center;color:var(--txt);text-decoration:none;font-size:16px}
.n-checks a:hover span{color:var(--rose)}
.n-checks svg{flex:none;width:20px;height:20px;color:var(--rose)}
.n-checks--min{grid-template-columns:1fr;margin:24px 0}

/* Destaque com cacos rosé */
.n-destaque{background:var(--sup);overflow:hidden}
.caco{position:absolute;width:clamp(120px,16vw,260px);aspect-ratio:1;background:linear-gradient(135deg,var(--rose2),var(--rose) 50%,#c98c7a);opacity:.9;pointer-events:none}
.caco--e{left:0;top:18%;clip-path:polygon(0 0,100% 50%,0 100%);transform:translateX(-35%)}
.caco--d{right:0;bottom:12%;clip-path:polygon(100% 0,100% 100%,0 50%);transform:translateX(35%)}
.n-imovel{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;position:relative}
.n-imovel+.n-imovel{margin-top:80px}
.n-imovel__foto{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:4px;box-shadow:0 40px 80px -40px #000}
.n-imovel__foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.n-imovel:hover .n-imovel__foto img{transform:scale(1.04)}
.n-imovel__tipo{color:var(--rose)!important;font-size:14px;margin:0 0 12px}
.n-imovel h3{font-size:clamp(40px,5vw,72px);line-height:1;margin-bottom:20px}
.n-imovel h3 a{color:#fff;text-decoration:none}
.n-imovel__valor{font-family:var(--display);font-size:30px;color:#fff!important;margin:0}
.n-imovel__valor small{display:block;font:300 13px var(--sans);color:var(--txt2);margin-top:4px}

/* Método com gemas e tiras de retrato */
.n-passos{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:22px}
.n-passos li{display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:start}
.n-passos__gema{width:40px;height:40px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5))}
.n-passos h3{font-size:22px;color:#fff;margin:2px 0 4px}
.n-passos__n{font:400 13px var(--sans);color:var(--rose);margin-right:12px;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.n-passos p{margin:0;font-size:15px}
.n-tiras{position:relative;height:min(78vh,720px)}
.tira{position:absolute;height:100%;width:auto;object-fit:cover;border-radius:2px}
.tira--2{left:50%;transform:translateX(-50%);width:56%;object-position:50% 10%;z-index:2;box-shadow:0 40px 80px -30px #000}
.tira--1,.tira--3{width:26%;height:78%;filter:grayscale(1) brightness(.8);opacity:.7}
.tira--1{left:0;top:4%;object-position:40% 10%}.tira--3{right:0;bottom:4%;object-position:60% 10%}

/* Seção rosé */
.n-rose{background:radial-gradient(ellipse at 50% 0,#fbe3d8,#eebaa7 70%,#e3a894);color:#2a1a16;padding-block:clamp(80px,10vw,140px);text-align:center}
.n-rose h2{color:#2a1a16;margin:0 auto}
.n-rose__sub{color:#6e4b40!important;margin:16px auto 0}
.n-premios{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.n-premios li{background:rgba(255,248,244,.55);border:1px solid rgba(155,70,61,.18);border-radius:14px;padding:36px 28px;display:grid;justify-items:center;gap:10px;backdrop-filter:blur(6px)}
.n-premios__gema{width:56px;height:56px;margin-bottom:8px}
.n-premios strong{font:400 clamp(28px,2.6vw,38px)/1.1 var(--display);color:#2a1a16}
.n-premios span{color:#6e4b40;font-size:15px}
.n-rose__cta{margin:48px 0 0}
@media (max-width:760px){.n-premios{grid-template-columns:1fr}}

/* Perfis */
.n-perfis h2{text-align:center;margin:0 auto 56px}
.n-perfis__grade{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:980px}
.n-perfis__grade a{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:6px;text-decoration:none}
.n-perfis__grade img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:transform .8s cubic-bezier(.2,.6,.2,1)}
.n-perfis__grade a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(238,186,167,.95) 0,rgba(238,186,167,.55) 32%,rgba(238,186,167,0) 62%)}
.n-perfis__grade span{position:absolute;left:0;right:0;bottom:18px;z-index:1;text-align:center;font:400 clamp(20px,2.2vw,30px)/1.1 var(--display);color:#2a1a16}
.n-perfis__grade a:hover img{transform:scale(1.06)}
.n-perfis .n-centro{max-width:52ch;margin-top:40px}
@media (max-width:700px){.n-perfis__grade{grid-template-columns:1fr 1fr}}

/* Quem é */
.n-quem__frase{font-family:var(--display);font-style:italic;font-size:clamp(22px,2vw,28px);color:var(--rose)!important;line-height:1.3;margin-top:28px}
.n-moldura{position:relative;margin:0;justify-self:center;width:min(100%,460px)}
.n-moldura::before,.n-moldura::after{content:"";position:absolute;border:1px solid rgba(238,186,167,.6);pointer-events:none}
.n-moldura::before{inset:-18px 18px 18px -18px}.n-moldura::after{inset:18px -18px -18px 18px}
.n-moldura img{position:relative;z-index:1;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 15%}

/* Planos */
.n-planos{background:var(--sup)}
.n-planos h2{margin-bottom:56px}
.n-planos__grade{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.n-plano{background:linear-gradient(180deg,var(--sup2),var(--noite));border:1px solid #3a3633;border-radius:16px;padding:36px 30px;display:flex;flex-direction:column}
.n-plano:nth-child(2){border-color:rgba(238,186,167,.55);box-shadow:0 30px 70px -40px rgba(238,186,167,.5)}
.n-plano h3{font-size:clamp(40px,3.6vw,56px);color:#fff;line-height:1}
.n-plano>p{margin:8px 0 24px;font-size:15px}
.n-plano ul{list-style:none;margin:0 0 32px;padding:0;display:grid;gap:12px}
.n-plano li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--txt)}
.n-plano li svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--rose)}
.n-plano .n-btn{margin-top:auto}
@media (max-width:860px){.n-planos__grade{grid-template-columns:1fr}}

/* Rodapé e chamada no tema */
.noite .rodape{background:#0e0d0c}
.noite .zap-fixo{border-radius:999px;background:var(--rose);color:#2a1a16}

/* Celular */
@media (max-width:860px){
  .n-2col,.n-hero__grid,.n-imovel{grid-template-columns:1fr}
  .n-hero{min-height:0}
  .n-hero__grid{padding-top:24px}
  .n-hero__fotos{order:-1;height:62vh}
  .n-hero__txt{padding-bottom:110px;margin-top:-64px;position:relative;z-index:2}
  .n-hero__logo{display:none}
  .n-checks{grid-template-columns:1fr}
  .n-tiras{height:480px}
  .noite .assistente-faixa{margin-top:-60px}
  .caco{display:none}
}
.n-hero__eu{-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 22%,#000 78%,transparent),linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(0deg,transparent 0,#000 22%,#000 78%,transparent),linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.eco{opacity:.42}
.noite .rodape h2{text-transform:none;letter-spacing:0;font-family:var(--sans);font-size:15px;font-weight:600}
.n-hero__eu{-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 22%,#000 75%,transparent),linear-gradient(90deg,transparent 4%,#000 34%,#000 66%,transparent 96%);mask-image:linear-gradient(0deg,transparent 0,#000 22%,#000 75%,transparent),linear-gradient(90deg,transparent 4%,#000 34%,#000 66%,transparent 96%)}
.eco{-webkit-mask-image:linear-gradient(0deg,transparent,#000 40%,#000 70%,transparent),linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(0deg,transparent,#000 40%,#000 70%,transparent),linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask-composite:intersect}
.sem-menu .fita{position:fixed;z-index:40}
.n-hero__logo{display:block;width:clamp(150px,13vw,200px);margin-bottom:clamp(32px,4vw,56px)}
@media (max-width:860px){.n-hero__logo{display:block;width:140px;margin-bottom:24px}.n-hero__fotos{height:58vh}}

/* ===== Cores da marca no lugar do rosé ===== */
.noite{--rose:#ce906f;--rose2:#e3b394}
.n-btn{background:var(--terracota);color:var(--creme);box-shadow:0 12px 30px -14px rgba(155,70,61,.9)}
.n-btn:hover{background:#ad5045;box-shadow:0 16px 36px -14px rgba(155,70,61,1)}
.n-btn--linha{background:transparent;color:var(--txt);box-shadow:inset 0 0 0 1px rgba(206,144,111,.7)}
.n-btn--linha:hover{background:rgba(206,144,111,.1);box-shadow:inset 0 0 0 1px var(--argila)}
.n-btn--escuro{background:var(--creme);color:var(--terracota)}.n-btn--escuro:hover{background:#fff}
.noite .assistente .btn{background:var(--terracota);color:var(--creme)}
.noite .tile input:checked+span{background:var(--terracota);border-color:var(--terracota);color:var(--creme)}
.noite .progresso span,.noite .pontos i.on{background:var(--argila)}
.caco{background:linear-gradient(135deg,var(--argila),var(--terracota) 60%,#7d3530)}
/* Seção de resultados em terracota */
.n-rose{background:radial-gradient(ellipse at 50% 0,#b0574c,var(--terracota) 60%,#7f362f);color:var(--creme)}
.n-rose h2{color:var(--creme)}
.n-rose__sub{color:#f1d9c4!important}
.n-premios li{background:rgba(252,243,225,.08);border-color:rgba(252,243,225,.22)}
.n-premios strong{color:var(--creme)}
.n-premios span{color:#f1d9c4}
/* Cartões de perfil: foto em P&B fundindo na terracota */
.n-perfis__grade a::after{background:linear-gradient(0deg,rgba(155,70,61,.96) 0,rgba(155,70,61,.6) 32%,rgba(155,70,61,0) 62%)}
.n-perfis__grade span{color:var(--creme)}
.n-plano:nth-child(2){border-color:rgba(206,144,111,.6);box-shadow:0 30px 70px -40px rgba(155,70,61,.8)}
.n-moldura::before,.n-moldura::after{border-color:rgba(206,144,111,.65)}
.noite .zap-fixo{background:var(--terracota);color:var(--creme)}

/* Fale comigo: fita menor, terracota sólida, com a chave */
.fita{width:104px;height:100px;padding:0 10px 18px;gap:4px;background:linear-gradient(180deg,#7f362f,var(--terracota) 55%,#ad5045);border-radius:0 0 52px 52px;font:500 12px/1.2 var(--sans);letter-spacing:.04em;color:var(--creme);box-shadow:0 14px 28px -14px rgba(0,0,0,.7),inset 0 -1px 0 rgba(206,144,111,.6)}
.fita svg{width:20px;height:20px;color:var(--argila)}
.fita:hover{height:108px}
@media (max-width:960px){.fita{width:84px;height:84px;font-size:10.5px;padding-bottom:14px;border-radius:0 0 42px 42px}.fita:hover{height:88px}}
.noite .assistente .btn--ghost{background:transparent;color:var(--txt);box-shadow:inset 0 0 0 1px rgba(206,144,111,.6)}
.noite .assistente .btn--ghost:hover{background:rgba(206,144,111,.1)}
.fita{font-weight:600;font-size:12.5px}.fita svg{width:24px;height:24px;color:var(--creme)}
.fita{width:118px;white-space:nowrap}@media (max-width:960px){.fita{width:96px;font-size:11px}}