/* Extras do DNA de Marca. A base visual é o styles.css do Método OGP (mesmas cores, fontes e botões). */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- HERO com a foto da Le ao fundo ---------- */
.hero-dna{position:relative;isolation:isolate;overflow:hidden;background:#1d1917;color:#fff}
.hero-dna .bg-desktop{display:none}
.hero-photo{position:relative}
.hero-photo img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent 100%);mask-image:linear-gradient(to bottom,#000 62%,transparent 100%)}
.hero-lockup{margin:0}
.hero-lockup img{width:min(62vw,270px);height:auto;margin:-4.5rem auto 0;position:relative;filter:drop-shadow(0 4px 18px rgba(0,0,0,.55))}
.hero-copy{text-align:center}
.hero-copy .grid-cols-\[auto_minmax\(0\,1fr\)\]{text-align:left}
.chip-glass{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.75rem .5rem;text-align:center;font-size:.68rem;font-weight:600;line-height:1.2;color:#fff}
@media(min-width:640px){.chip-glass{flex-direction:row;padding:.75rem 1rem;font-size:.875rem}}
@media(min-width:1024px){
  .hero-dna{min-height:92vh;display:flex;align-items:center}
  .hero-dna .bg-desktop{display:block;position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:right center}
  .hero-dna::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,16,14,.9) 0%,rgba(20,16,14,.62) 38%,rgba(20,16,14,0) 64%)}
  .hero-copy{max-width:560px;text-align:left}
  .hero-lockup img{width:380px;margin:0 0 .25rem -.5rem;filter:drop-shadow(0 4px 22px rgba(0,0,0,.5))}
}

/* ---------- botão secundário claro (PIX no WhatsApp) ---------- */
.btn-ghost-light{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;border:2px solid rgba(255,255,255,.55);padding:.9rem 1.5rem;font-size:.875rem;font-weight:700;color:#fff;text-decoration:none;transition:background .2s,color .2s}
.btn-ghost-light:hover{background:#fff;color:var(--wine-deep)}

/* ---------- WhatsApp flutuante (todas as telas) ---------- */
.wa-float{position:fixed;right:1rem;bottom:1rem;z-index:50;display:flex;height:3.5rem;width:3.5rem;align-items:center;justify-content:center;border-radius:9999px;background:#25d366;color:#fff;box-shadow:0 12px 26px -10px rgba(0,0,0,.45);transition:transform .2s}
.wa-float:hover{transform:scale(1.07)}

html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}}

/* ---------- utilitários que não existiam no CSS compilado do Método OGP ---------- */
.gap-14{gap:3.5rem}.inline-block{display:inline-block}.max-w-sm{max-width:24rem}.mb-8{margin-bottom:2rem}.pb-24{padding-bottom:6rem}
.text-5xl{font-size:3rem;line-height:1}.text-\[1\.45rem\]{font-size:1.45rem}.w-12{width:3rem}
.grid-cols-\[0\.8fr_1\.2fr\]{grid-template-columns:.8fr 1.2fr}
@media(min-width:640px){.sm\:h-10{height:2.5rem}.sm\:w-10{width:2.5rem}.sm\:w-28{width:7rem}.sm\:text-7xl{font-size:4.5rem;line-height:1}}
@media(min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:max-w-xl{max-width:36rem}.md\:mx-auto{margin-inline:auto}}
@media(min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:justify-start{justify-content:flex-start}.lg\:py-16{padding-block:4rem}}

/* números alinhados na fonte de títulos e subtítulo do hero */
.font-display{font-variant-numeric:lining-nums}
.hero-sub{font-size:1.5rem}
@media(min-width:640px){.hero-sub{font-size:1.9rem}}
@media(min-width:1024px){.hero-sub{font-size:2.2rem}}

/* ========== Identidade das artes da Le: cinza-café em degradê, creme e verde ========== */
.bg-primary,.bg-wine{background-image:linear-gradient(135deg,#474240,#7b7270 52%,#585049)}
.bg-wine-deep{background-image:linear-gradient(160deg,#2f2a28,#4a4340 62%,#3b3533)}
.btn-cta{box-shadow:0 14px 26px -12px rgba(63,116,24,.7)}

/* texto de abertura (Poppins leve com trechos em negrito, como na arte) */
.dna-lead{font-size:1.25rem;line-height:1.55;font-weight:300;color:#524b48}
.dna-lead strong{font-weight:700;color:#524b48}
@media(min-width:640px){.dna-lead{font-size:1.6rem}}
.dna-dark{border-radius:1.75rem;padding:1.75rem;color:#fff;font-size:1.05rem;line-height:1.6;font-weight:300;background-image:linear-gradient(135deg,#474240,#7b7270 52%,#585049)}
@media(min-width:640px){.dna-dark{padding:2.75rem;font-size:1.3rem}}
.dna-imagine{font-family:"Playfair Display",Georgia,serif;font-weight:400;color:#1d1917;font-size:2rem;line-height:1.15}
@media(min-width:640px){.dna-imagine{font-size:3rem}}
.dna-title{font-family:"Playfair Display",Georgia,serif;font-weight:400;color:#1d1917;font-size:2.1rem;line-height:1.15}
@media(min-width:640px){.dna-title{font-size:3rem}}
.dna-title-bold{font-family:"Playfair Display",Georgia,serif;font-weight:700;color:#524b48;font-size:1.8rem;line-height:1.2}
@media(min-width:640px){.dna-title-bold{font-size:2.5rem}}
.dna-closing{font-family:"Playfair Display",Georgia,serif;font-weight:700;color:#1d1917;font-size:1.6rem;line-height:1.25}
@media(min-width:640px){.dna-closing{font-size:2.3rem}}

/* cartões escuros com ícone branco (arte "O que você vai encontrar") */
.dna-card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"title title" "icon text";gap:1.1rem 1.25rem;align-items:center;border-radius:1.75rem;padding:1.5rem 1.4rem 1.75rem;color:#fff;background-image:linear-gradient(135deg,#474240,#7b7270 52%,#585049)}
.dna-card h3{grid-area:title;text-align:center;font-weight:700;font-size:1.15rem;line-height:1.3}
.dna-card .ico{grid-area:icon;width:4.25rem;height:4.25rem;color:#fff}
.dna-card .txt{grid-area:text;text-align:center;font-weight:300;font-size:1rem;line-height:1.55}
.dna-card .txt strong{display:block;margin-top:.5rem;color:#fff;font-weight:600}
@media(min-width:640px){.dna-card .ico{width:5rem;height:5rem}.dna-card h3{font-size:1.3rem}}

/* lista com bolinha escura e check (arte "O que torna único") */
.check-row{display:flex;align-items:center;gap:1.1rem;font-size:1.05rem;line-height:1.5;font-weight:300;color:#524b48}
.check-row strong{font-weight:700;color:#524b48}
.check-dot{display:grid;place-items:center;flex:none;width:3.25rem;height:3.25rem;border-radius:9999px;background:#524b48;color:#fff}
.check-dot svg{width:1.6rem;height:1.6rem}
@media(min-width:640px){.check-row{font-size:1.2rem}.check-dot{width:3.6rem;height:3.6rem}}

/* cartão de preço (arte "Por apenas") */
.price-card{border-radius:1.75rem;padding:1.5rem;text-align:center;background-image:linear-gradient(180deg,#4f4846,#8d8381);box-shadow:0 24px 50px -28px rgba(0,0,0,.6)}
@media(min-width:640px){.price-card{padding:2rem}}
.price-box{border-radius:1.5rem;background:#fff;color:#000;padding:1.25rem 1rem;font-family:"Montserrat",system-ui,sans-serif;font-weight:700}
.price-box .small{display:block;font-size:1.3rem}
.price-box .big{display:block;font-size:3.2rem;line-height:1.1;font-weight:800}
.price-box .ou{display:block;font-size:1.2rem}
.price-box .parc{display:block;font-size:2rem;line-height:1.2;font-weight:800}
@media(min-width:640px){.price-box .big{font-size:4rem}.price-box .parc{font-size:2.4rem}}
.price-note{font-family:"Montserrat",system-ui,sans-serif;font-weight:300;font-size:1rem;line-height:1.55;color:#fff}
.price-note strong{color:#fff;font-weight:700}

/* números de credibilidade da empresa */
.stat{border-radius:1.25rem;padding:1.25rem;text-align:center;color:#fff;background-image:linear-gradient(135deg,#474240,#7b7270 52%,#585049)}
.stat b{display:block;font-family:"Playfair Display",Georgia,serif;font-size:2rem;line-height:1.1;color:#fff}
.stat span{display:block;margin-top:.35rem;font-size:.9rem;line-height:1.4;font-weight:300}

/* utilitários extras */
.font-light{font-weight:300}.italic{font-style:italic}.gap-x-4{column-gap:1rem}.gap-y-1{row-gap:.25rem}
.space-y-6>*+*{margin-top:1.5rem}
@media(min-width:640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:h-14{height:3.5rem}.sm\:w-14{width:3.5rem}}
.dna-imagine img{mix-blend-mode:multiply}
.stat b,.dna-title,.dna-title-bold,.dna-imagine,.dna-closing{font-variant-numeric:lining-nums}