/* === LP STYLES — ELKS Soluções Ambientais ===
   Cores e tipografia exclusivamente dos tokens do Manual de Identidade Visual
   (brand/tokens.css). Nenhum valor fora das custom properties abaixo. */
:root{
  --elks-verde:#445C4D;
  --elks-verde-escuro:#1B2E26;
  --elks-slate:#35474F;
  --elks-cinza:#7A8B92;
  --elks-cinza-claro:#BECBCC;
  --elks-creme:#ECE8E3;
  --elks-quase-preto:#221F1F;
  --elks-branco:#FFFFFF;
  --cor-texto:#2A3530;
  --cor-fundo-suave:#F4F6F5;
  --fonte:'Montserrat','Gotham',Arial,Helvetica,sans-serif;
  --tracking-marca:.18em;
  --raio:0;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--fonte);font-weight:400;color:var(--cor-texto);background:var(--elks-branco);line-height:1.6;font-size:16px}
img{max-width:100%;display:block}
a{color:var(--elks-verde)}
.lp-container{max-width:960px;margin:0 auto;padding:0 1.5rem}
.lp-label{display:block;font-weight:500;font-size:.75rem;letter-spacing:var(--tracking-marca);text-transform:uppercase;color:var(--elks-slate);margin-bottom:.6rem;text-align:center}

/* HEADER */
.lp-header{background:var(--elks-branco);padding:.9rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--elks-cinza-claro);position:sticky;top:0;z-index:100}
.lp-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none}
.lp-logo-text{display:flex;flex-direction:column;line-height:1.05}
.lp-logo-name{font-weight:700;font-size:1.1rem;color:var(--elks-verde-escuro);letter-spacing:.06em}
.lp-logo-sub{font-weight:500;font-size:.62rem;color:var(--elks-slate);text-transform:uppercase;letter-spacing:var(--tracking-marca)}
.lp-phone{font-weight:700;color:var(--elks-verde);text-decoration:none;font-size:1rem;white-space:nowrap}
.lp-phone:hover{color:var(--elks-verde-escuro)}

/* HERO */
.lp-hero{background:var(--elks-verde-escuro);color:var(--elks-creme);padding:3.5rem 0 3rem}
.lp-hero .lp-label{color:var(--elks-cinza-claro);text-align:left}
.lp-headline{font-weight:700;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.2;margin-bottom:1rem;color:var(--elks-branco);max-width:760px}
.lp-subheadline{font-size:clamp(1rem,2vw,1.12rem);max-width:680px;margin:0 0 1.8rem;color:var(--elks-creme)}
.lp-hero-ctas{display:flex;gap:1rem;flex-wrap:wrap}
.lp-hero-note{margin-top:1.2rem;font-size:.85rem;color:var(--elks-cinza-claro)}

/* BUTTONS */
.btn-whatsapp,.btn-whatsapp-lg,.btn-secundario{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--fonte);font-weight:700;text-decoration:none;padding:.9rem 1.6rem;border-radius:var(--raio);transition:background .2s,color .2s;font-size:1rem;min-height:48px;border:2px solid transparent}
.btn-whatsapp,.btn-whatsapp-lg{background:var(--elks-verde);color:var(--elks-branco)}
.btn-whatsapp:hover,.btn-whatsapp-lg:hover{background:var(--elks-creme);color:var(--elks-verde-escuro)}
.lp-hero .btn-whatsapp{background:var(--elks-creme);color:var(--elks-verde-escuro)}
.lp-hero .btn-whatsapp:hover{background:var(--elks-branco)}
.btn-whatsapp-lg{font-size:1.05rem;padding:1.1rem 2rem;width:100%}
.btn-secundario{background:transparent;color:var(--elks-creme);border-color:var(--elks-cinza-claro)}
.btn-secundario:hover{background:rgba(236,232,227,.12)}
.wa-icon{flex:none}

/* SECTIONS */
.lp-section{padding:3.5rem 0}
.lp-section-light{background:var(--cor-fundo-suave)}
.lp-section h2,.lp-form-section h2{font-weight:700;font-size:clamp(1.3rem,3vw,1.8rem);color:var(--elks-verde-escuro);margin-bottom:1.5rem;text-align:center;line-height:1.25}
.lp-intro{max-width:680px;margin:-.6rem auto 1.8rem;text-align:center;color:var(--elks-slate)}

/* SITUAÇÕES */
.lp-bullets{list-style:none;max-width:680px;margin:0 auto;display:grid;gap:.9rem}
.lp-bullets li{background:var(--elks-branco);border-left:4px solid var(--elks-verde);padding:.9rem 1.2rem;border-radius:var(--raio);font-size:1rem;color:var(--cor-texto)}

/* ENTREGAS */
.lp-entregaveis{list-style:none;max-width:680px;margin:0 auto;display:flex;flex-direction:column}
.lp-entregaveis li{padding:.85rem .2rem;display:flex;align-items:flex-start;gap:.7rem;font-size:1rem;border-bottom:1px solid var(--elks-cinza-claro)}
.lp-entregaveis li:last-child{border-bottom:none}
.check{color:var(--elks-verde);font-weight:700;flex-shrink:0;line-height:1.5}

/* FAIXA */
.lp-trust{background:var(--elks-verde);color:var(--elks-creme);padding:2rem 0}
.lp-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;text-align:center}
.trust-item strong{display:block;font-weight:700;font-size:1rem;color:var(--elks-branco);margin-bottom:.2rem}
.trust-item span{font-size:.82rem;color:var(--elks-creme)}

/* PROCESSO */
.lp-steps{list-style:none;max-width:680px;margin:0 auto;counter-reset:step;display:flex;flex-direction:column;gap:.9rem}
.lp-steps li{counter-increment:step;display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.1rem;background:var(--elks-branco);border:1px solid var(--elks-cinza-claro);border-radius:var(--raio)}
.lp-steps li::before{content:counter(step);background:var(--elks-verde);color:var(--elks-branco);font-weight:700;width:34px;height:34px;border-radius:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.lp-steps strong{display:block;color:var(--elks-verde-escuro);margin-bottom:.15rem}
.lp-steps span{font-size:.95rem;color:var(--cor-texto)}

/* FAQ */
.lp-faq{max-width:760px;margin:0 auto}
.lp-faq details{background:var(--elks-branco);border:1px solid var(--elks-cinza-claro);border-radius:var(--raio);margin-bottom:.8rem;padding:0 1.2rem}
.lp-faq summary{cursor:pointer;font-weight:700;color:var(--elks-verde-escuro);padding:1rem 2rem 1rem 0;list-style:none;position:relative}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--elks-verde);font-weight:400}
.lp-faq details[open] summary::after{content:"–"}
.lp-faq p{padding:0 0 1rem;color:var(--cor-texto);font-size:.95rem}

/* FORM */
.lp-form-section{padding:3.5rem 0;background:var(--cor-fundo-suave)}
.lp-form-section h2{text-align:left}
.lp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}
.lp-form-col form{display:flex;flex-direction:column;gap:.8rem}
.lp-form-col label{font-size:.85rem;font-weight:500;color:var(--elks-slate)}
.lp-form-col input,.lp-form-col textarea{padding:.8rem 1rem;border:1px solid var(--elks-cinza-claro);border-radius:var(--raio);font-family:var(--fonte);font-size:1rem;background:var(--elks-branco);width:100%;color:var(--cor-texto)}
.lp-form-col input:focus,.lp-form-col textarea:focus{outline:2px solid var(--elks-verde);border-color:transparent}
.lp-form-col button[type=submit]{background:var(--elks-verde);color:var(--elks-branco);border:none;padding:1rem;font-family:var(--fonte);font-weight:700;font-size:1rem;border-radius:var(--raio);cursor:pointer;transition:background .2s;min-height:48px}
.lp-form-col button[type=submit]:hover{background:var(--elks-verde-escuro)}
.lp-form-col small{font-size:.78rem;color:var(--elks-slate)}
#form-status{display:none;padding:.8rem 1rem;border-radius:var(--raio);font-size:.95rem;margin-top:.4rem}
.lp-wa-col{text-align:center;padding:2rem;background:var(--elks-branco);border:1px solid var(--elks-cinza-claro);border-radius:var(--raio)}
.lp-wa-col p{font-weight:700;color:var(--elks-verde-escuro);margin-bottom:1.2rem;font-size:1.05rem}
.lp-wa-col small{display:block;color:var(--elks-slate);font-size:.85rem;margin-top:1rem;line-height:1.5}

/* SOBRE */
.lp-sobre{padding:2.5rem 0;border-top:1px solid var(--elks-cinza-claro)}
.lp-sobre .lp-container{display:grid;grid-template-columns:auto 1fr;gap:1.4rem;align-items:center;max-width:760px}
.lp-sobre img{width:56px;height:56px}
.lp-sobre p{font-size:.92rem;color:var(--cor-texto)}
.lp-sobre strong{color:var(--elks-verde-escuro)}

/* FOOTER */
.lp-footer{background:var(--elks-verde-escuro);color:var(--elks-creme);padding:2rem 1.5rem;text-align:center;font-size:.85rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}
.lp-footer a{color:var(--elks-creme);text-decoration:underline}
.lp-footer a:hover{color:var(--elks-branco)}

/* BARRA FIXA MOBILE */
.lp-sticky{display:none}

/* MOBILE */
@media (max-width:768px){
  body{padding-bottom:72px}
  .lp-hero{padding:2.4rem 0 2.2rem}
  .lp-hero-ctas{flex-direction:column;align-items:stretch}
  .lp-trust-grid{grid-template-columns:repeat(2,1fr)}
  .lp-form-grid{grid-template-columns:1fr;gap:2rem}
  .lp-form-section h2{text-align:center}
  .lp-sobre .lp-container{grid-template-columns:1fr;text-align:center;justify-items:center}
  .lp-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:120;transform:translateY(110%);transition:transform .25s;background:var(--elks-verde);color:var(--elks-branco);font-weight:700;text-decoration:none;align-items:center;justify-content:center;gap:.6rem;padding:1rem;font-size:1rem;border-top:1px solid var(--elks-verde-escuro)}
}
@media (max-width:480px){
  .lp-trust-grid{grid-template-columns:1fr}
  .lp-phone{font-size:.9rem}
}
.lp-sticky.is-visible{transform:none}