/* SiloPimentel.mkt · IA na Rotina · camada clara v2.2 (29/10/2026)
   Carregada depois de ia-clara-v2.css (preservada). Ajustes aprovados por Silo: hero mais curto com detalhamento logo abaixo,
   economia escaneável, investimento com a divisão em destaque, fechamento e contato unidos e demo inteira na dobra do notebook. */

/* ---------- demo: título + introdução + módulo inteiro na dobra ---------- */
.lp-demos .lp-sec-head .lp-lead { max-width: 760px; margin-top: 10px; }
.lp-frame-wrap { margin-top: 16px; padding-top: 0; }

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* ---------- hero: abertura curta; o caminho da rotina logo abaixo ---------- */
.lp-hero .lp-lead { max-width: 520px; }
.lp-flow { padding-bottom: 36px; }
.lp-flow > * { border-top: 0; }
.lp-flow-t { padding-top: 20px; border-top: 1px solid var(--lp-line); }
.lp-flow ol { margin-top: 10px !important; }
.lp-flow-t { font-size: 17px; font-weight: 600; color: var(--tinta); }
.lp-flow ol { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px 10px; }
.lp-flow li { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px 7px 8px; border-radius: 999px; background: var(--papel); border: 1px solid var(--lp-line); font-size: 16px; font-weight: 600; color: var(--tinta); }
.lp-flow li span { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--areia); color: var(--cobre-texto); font-size: 16px; font-weight: 750; }
.lp-flow li:last-child { border-color: rgba(168, 92, 58, .45); box-shadow: inset 0 0 0 1px rgba(168, 92, 58, .2); }
.lp-flow li:last-child span { background: var(--cobre-texto); color: var(--papel); }

/* ---------- economia: quatro frases-chave ---------- */
.lp-econ-list { list-style: none; padding: 0; margin: 16px 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 32px; }
.lp-econ-list li { padding-left: 16px; border-left: 3px solid rgba(168, 92, 58, .35); color: var(--tinta-2); line-height: 1.55; }
.lp-econ-list b { display: block; color: var(--tinta); font-size: 18px; line-height: 1.35; margin-bottom: 2px; }
.lp-econ-list li:last-child { border-left-color: var(--cobre); }

/* ---------- investimento: a divisão em destaque, total menor e claro ---------- */
.lp-invest .lp-price { font-size: 30px; font-weight: 750; letter-spacing: -.01em; color: rgba(243, 236, 226, .9); }
.lp-invest .lp-parc { margin-top: 6px; font-size: 21px; line-height: 1.3; font-weight: 600; color: var(--marfim); }
.lp-invest .lp-amt { font-size: clamp(40px, 4.2vw, 52px); letter-spacing: -.03em; }

/* ---------- fechamento + contato: um bloco só ---------- */
.lp-contact-sec .lp-wrap.lp-contact { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--head-gap); justify-items: center; text-align: left; }
.lp-contact-head { text-align: center; max-width: 760px; }
.lp-contact-head .lp-lead { max-width: 680px; margin: var(--lead-gap) auto 0; }
.lp-contact-head .lp-wa { margin-top: 10px; font-size: 17px; }
.lp-f textarea::placeholder { color: var(--tinta-2); opacity: 1; }

@media (max-width: 760px) {
  .lp-flow { padding-bottom: 28px; }
  .lp-flow-t { padding-top: 16px; font-size: 16px; }
  .lp-flow ol { flex-direction: column; align-items: flex-start; }
  .lp-econ-list { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .lp-econ-list b { font-size: 17px; }
  .lp-invest .lp-price { font-size: 26px; }
  .lp-invest .lp-parc { font-size: 18px; }
  .lp-invest .lp-amt { font-size: 38px; }
  .lp-contact-head .lp-wa { font-size: 16px; }
}

/* Codex · correção técnica da âncora (29/10/2026): a seção tem padding próprio.
   Descontá-lo no salto mantém o título no scroll-padding global, abaixo do menu,
   sem alterar composição, alturas, copy ou comportamento de rolagem manual. */
#rotina-funcionando { scroll-margin-top: calc(-1 * var(--sec-y) - 1px); }