/* Páginas extras por cidade e serviço (/pt/agencia-de-marketing-em-americana/ e seguintes).
   Fora do menu. Os blocos usam os componentes da home (styles.min.css, styles.css e
   site-additions.css). Aqui ficam só os encaixes que esses componentes não trazem. */

/* Abertura: mesma .hero da home, com título curto */
.lp-hero .hero-content{padding-bottom:112px}
.lp-hero .hero-copy{max-width:760px}
.lp-hero .availability{opacity:1;transform:none}
.lp-hero .hero-proof{opacity:1;transform:none}

/* Texto corrido ao lado do título (.problem-grid) */
.lp-prose p{margin:0 0 22px;color:var(--ink);font-size:clamp(1.06rem,1.4vw,1.18rem);line-height:1.68}
.lp-prose p:last-child{margin-bottom:0}

/* Serviços: mesmos cards escuros da home, em grade em vez de trilho horizontal */
.services-section.lp-services{height:auto;min-height:0;display:block;padding:clamp(84px,10vw,144px) 0;overflow:hidden}
.lp-services .services-intro{margin-bottom:40px}
.lp-services .service-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:auto;padding-right:0;gap:22px}
.lp-services .service-card{flex:none;width:auto;height:auto;min-height:260px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}
.lp-services .service-content{margin-top:48px}
.lp-services .service-content p{margin-bottom:0}
.lp-services .service-content a{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* Cases: mesmos cards do trilho da home, em grade */
.lp-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:48px}
.lp-rail .case-rail-card{width:auto;min-height:260px;transform:none}
.lp-rail .case-rail-card__copy strong{font-size:1.42rem;letter-spacing:-.03em}

/* Cidades */
.lp-cities{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 0;padding:0;list-style:none}
.lp-cities .tag{display:inline-block;background:#fff;color:var(--ink);font-size:.95rem;font-weight:500}

/* Onde estamos: mesmo bloco da fundadora */
.lp-nap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;margin:32px 0 0}
.lp-nap dt{color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.lp-nap dd{margin:6px 0 0}
.lp-nap a,.lp-prose a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.lp-founder-name{margin:28px 0 0;color:var(--muted);font-size:.96rem}
.lp-founder-name b{color:var(--ink);font-weight:600}

/* Perguntas frequentes: no formato dos cards da home */
.lp-faq{display:grid;gap:14px;margin-top:40px;max-width:880px}
.lp-faq details{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.82);transition:border-color var(--motion-state)}
.lp-faq details[open]{border-color:#778198}
.lp-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 28px;font-size:1.1rem;font-weight:600;line-height:1.3;cursor:pointer;list-style:none}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#edf2ff;color:var(--blue);font-size:1.2rem;font-weight:500}
.lp-faq details[open] summary::after{content:"−"}
.lp-faq details p{margin:0;padding:0 28px 24px;color:var(--muted)}
.lp-faq details p a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}

/* Fechamento: mesmo fundo do manifesto da home */
.manifesto.lp-final{min-height:0;padding:clamp(96px,12vw,160px) 0}
.lp-final .manifesto-content h2{margin-inline:auto}
.lp-final .manifesto-content>p{max-width:600px;margin:20px auto 0;color:rgba(255,255,255,.74);font-size:1.1rem}
.lp-final .hero-actions{margin-top:34px}
.lp-final .hero-actions .btn{margin-top:0}

/* Entrada suave ao rolar (a home usa o mesmo movimento) */
.js-reveal .lp-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js-reveal .lp-reveal.is-in{opacity:1;transform:none}

@media (max-width:980px){
  .lp-services .service-track,.lp-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .lp-services .service-track,.lp-rail,.lp-nap{grid-template-columns:1fr}
  .lp-faq summary{padding:18px 20px}
  .lp-faq details p{padding:0 20px 20px}
}
@media (prefers-reduced-motion:reduce){
  .js-reveal .lp-reveal{opacity:1;transform:none;transition:none}
}