/* Páginas locais (SEO por cidade): usam o style.css e só acrescentam o layout de conteúdo.
   Cada página é um HTML próprio, com título, H1, texto e perguntas da própria cidade. */
.lp-hero{position:relative;padding:150px 0 56px}
.lp-hero .wrap{max-width:980px}
.lp-hero h1{font-size:clamp(34px,5.2vw,64px);line-height:1.06;margin-bottom:22px}
.lp-hero h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-lead{font-size:clamp(17px,1.5vw,20px);font-weight:300;color:#e6dfd9;max-width:62ch;margin-bottom:30px}
.lp-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:34px}
.lp-chips{display:flex;flex-wrap:wrap;gap:10px}
.lp-chips li{padding:9px 16px;border-radius:99px;border:1px solid var(--line2);font:500 12px/1 var(--mono);letter-spacing:.08em;color:var(--soft);background:rgba(15,13,12,.6)}

.lp-sec{position:relative;padding:68px 0}
.lp-sec .wrap{max-width:980px}
.lp-sec h2{font-size:clamp(26px,3.4vw,42px);line-height:1.12;margin-bottom:20px}
.lp-sec h3{font-size:19px;font-weight:600;letter-spacing:-.01em;margin-bottom:10px}
.lp-p{color:var(--soft);font-weight:300;max-width:70ch;margin-bottom:16px}
.lp-p strong{color:var(--ink);font-weight:500}

.lp-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}
.lp-card{padding:30px 28px;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));backdrop-filter:blur(6px)}
.lp-card ul{display:grid;gap:9px;margin-top:14px}
.lp-card li{position:relative;padding-left:20px;color:var(--soft);font-weight:300;font-size:15px;line-height:1.6}
.lp-card li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--c2);box-shadow:0 0 10px rgba(255,122,26,.7)}

.lp-steps{counter-reset:s;display:grid;gap:18px;margin-top:28px}
.lp-steps li{counter-increment:s;position:relative;padding:24px 26px 24px 78px;border-radius:var(--r);border:1px solid var(--line);background:rgba(15,13,12,.55)}
.lp-steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:24px;top:22px;font:500 22px/1 var(--mono);color:var(--tagc)}
.lp-steps strong{display:block;font-weight:600;margin-bottom:4px}
.lp-steps span{color:var(--soft);font-weight:300;font-size:15px}

.lp-logos{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.lp-logos li{padding:10px 18px;border-radius:12px;border:1px solid var(--line);color:var(--soft);font-size:14px;background:rgba(15,13,12,.5)}

.lp-faq{margin-top:26px}
.lp-cta{padding:96px 0 110px;text-align:center}
.lp-cta .wrap{max-width:760px}
.lp-cta h2{font-size:clamp(28px,4vw,50px);margin-bottom:14px}
.lp-cta h2 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-cta .lp-p{margin-inline:auto}
.lp-cta .lp-actions{justify-content:center;margin:26px 0 0}

.lp-foot{padding:48px 0 34px;border-top:1px solid var(--line);color:var(--soft);font-size:14px}
.lp-foot .wrap{display:flex;flex-wrap:wrap;gap:18px 40px;justify-content:space-between;align-items:center}
.lp-foot nav{display:flex;flex-wrap:wrap;gap:8px 22px}
.lp-foot a:hover{color:var(--ink)}

@media(max-width:1020px){.top nav{display:none}}
@media(max-width:760px){
  .lp-hero{padding:112px 0 36px}
  .lp-sec{padding:48px 0}
  .lp-cards{grid-template-columns:1fr}
  .lp-card{padding:24px 22px}
  .lp-steps li{padding:20px 20px 20px 66px}
  .lp-steps li::before{left:18px;top:20px;font-size:19px}
  .lp-actions .btn{width:100%;justify-content:space-between}
  .lp-cta{padding:64px 0 90px}
}