/* =============================================================================
   MTK LP Template — design da landing page (portado do artifact aprovado).
   Escopado em .mtk-lp. Renderizado pelo page template a partir do meta _mtk_lp.
   Look único (fundo claro, como a money page real). Cor via --lp-accent.
   ============================================================================= */
.mtk-lp{
  --lp-accent:#1560a8; --lp-accent-dark:#0e4784;
  --lp-green:#16a34a; --lp-green-dark:#15803d;
  --lp-ink:#161b22; --lp-muted:#586170; --lp-soft:#8b93a1;
  --lp-line:#e7eaef; --lp-ground:#eef1f5;
  --lp-chk:#16a34a; --lp-chk-bg:#e7f8ee;
  --lp-warn-bg:#fff8ef; --lp-warn-bd:#f3d9b0; --lp-warn-ink:#8a5216;
  background:var(--lp-ground); color:var(--lp-ink);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.6; -webkit-font-smoothing:antialiased; margin:0; min-height:100vh;
}
.mtk-lp *{box-sizing:border-box}
.mtk-lp img{max-width:100%;display:block}
.mtk-lp svg{display:block}
.lp-page{max-width:920px;margin:0 auto;background:#fff}
/* no desktop, um respiro a mais nas laterais do conteudo (mobile fica no padrao) */
@media(min-width:700px){
  .lp-hero,.lp-body,.lp-footer{padding-left:48px;padding-right:48px}
}
.lp-brand{text-align:center;padding:13px 0;border-bottom:1px solid var(--lp-line);font-weight:800;font-size:15px}
.lp-brand b{color:var(--lp-accent)}

/* ---- hero ---- */
.lp-hero-img img{width:100%;height:clamp(150px,44vw,240px);object-fit:cover;object-position:center 20%;background:var(--lp-accent-dark)}
.lp-hero{padding:20px 20px 6px;text-align:center}

/* hero overlay: barra de vidro (marca + badge) no topo + kicker no rodapé esquerdo */
.lp-hero-ov{position:relative;overflow:hidden}
.lp-hero-ov img{height:clamp(188px,52vw,278px);object-position:center 18%}
.lp-hero-scrim-bot{position:absolute;inset:auto 0 0 0;height:92px;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent);pointer-events:none}
.lp-hero-bar{position:absolute;inset:0 0 auto 0;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;background:rgba(14,26,46,.42);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.lp-ov-brand{color:#fff;font-weight:800;font-size:13.5px;text-shadow:0 1px 4px rgba(0,0,0,.45)}
.lp-ov-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(22,163,74,.94);color:#fff;font-weight:700;font-size:11.5px;padding:6px 12px;border-radius:999px;white-space:nowrap;box-shadow:0 3px 10px rgba(0,0,0,.2)}
.lp-ov-dot{width:8px;height:8px;border-radius:50%;background:#bbf7d0;box-shadow:0 0 0 3px rgba(255,255,255,.25);flex:0 0 auto}
.lp-hero-kick{position:absolute;left:16px;bottom:13px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#d3e4fb;text-shadow:0 1px 5px rgba(0,0,0,.6)}
.lp-hero-ovb{padding-top:18px}
@media(max-width:420px){.lp-ov-badge{font-size:10.5px;padding:5px 10px}.lp-ov-brand{font-size:12.5px}}
.lp-badge{display:inline-flex;align-items:center;gap:7px;background:var(--lp-chk-bg);color:var(--lp-green-dark);font-weight:700;font-size:12.5px;padding:6px 14px;border-radius:999px}
.lp-eyebrow{display:block;margin:14px 0 6px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--lp-accent)}
.lp-h1{margin:0 0 8px;font-size:clamp(24px,5.6vw,33px);line-height:1.1;letter-spacing:-.02em;font-weight:800;text-wrap:balance}
.lp-sub{margin:0 auto 16px;max-width:34em;font-size:15.5px;color:var(--lp-muted)}

/* checklist */
.lp-checks{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:9px;text-align:left;max-width:420px;margin-left:auto;margin-right:auto}
.lp-checks li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px}
.lp-ck{width:20px;height:20px;border-radius:50%;background:var(--lp-chk-bg);color:var(--lp-chk);display:flex;align-items:center;justify-content:center;flex:0 0 auto;margin-top:1px}
.lp-ck svg{width:12px;height:12px}

/* CTAs — sempre empilhados (1 embaixo do outro) */
.lp-btns{display:grid;gap:11px;max-width:520px;margin:0 auto}
.lp-btn{display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-weight:800;font-size:15.5px;padding:16px 16px;border-radius:12px;line-height:1;transition:filter .15s}
.lp-btn .lp-i{width:19px;height:19px;flex:0 0 auto}
.lp-btn-primary{background:var(--lp-accent);color:#fff;box-shadow:0 6px 18px rgba(21,96,168,.26)}
.lp-btn-wa{background:var(--lp-green);color:#fff;box-shadow:0 6px 18px rgba(22,163,74,.24)}
.lp-btn-ghost{background:#fff;color:var(--lp-accent);border:1.5px solid #cfd8e3;box-shadow:none}
.lp-btn-ghost:hover{filter:none;border-color:var(--lp-accent);background:#f7fafd}
.lp-btn:hover{filter:brightness(1.06)}
.lp-reassure{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:12px;color:var(--lp-soft);font-size:12px}
.lp-reassure span{display:inline-flex;align-items:center;gap:5px}
.lp-reassure svg{width:13px;height:13px}

/* ---- corpo ---- */
.lp-body{padding:6px 20px 8px}
.lp-body>p{margin:16px 0;font-size:16px;color:#22282f}
.lp-sec-head{text-align:left;margin:30px 0 4px}
.lp-sec-head h2{margin:0;font-size:21px;font-weight:800;letter-spacing:-.01em}
.lp-sec-head p{margin:6px 0 0;max-width:52em;color:var(--lp-muted);font-size:14px}
/* checklists do corpo (ex.: "quem pode participar") ficam à esquerda, largura cheia */
.lp-body .lp-checks{max-width:none;margin-left:0;margin-right:0}

/* benefits — linhas com ícone à esquerda (opção 1) */
.lp-benefits{display:grid;gap:0;margin:16px 0}
.lp-brow{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--lp-line)}
.lp-brow:last-child{border-bottom:0}
.lp-bic{width:40px;height:40px;border-radius:10px;background:#e9f2fb;color:var(--lp-accent);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.lp-bic svg{width:21px;height:21px}
.lp-benefits h4{margin:0 0 2px;font-size:15px;font-weight:700}
.lp-benefits p{margin:0;font-size:13.5px;color:var(--lp-muted);line-height:1.5}

/* steps — processo numerado (ex.: "como funciona") */
.lp-steps{list-style:none;counter-reset:lpstep;margin:16px 0;padding:0;display:grid;gap:14px}
.lp-steps li{counter-increment:lpstep;display:flex;gap:14px;align-items:flex-start}
.lp-steps li::before{content:counter(lpstep);flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--lp-accent);color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center}
.lp-steps h4{margin:0 0 2px;font-size:15px;font-weight:700}
.lp-steps p{margin:0;font-size:13.5px;color:var(--lp-muted);line-height:1.5}

/* cards */
.lp-cards{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:16px 0}
@media(max-width:440px){.lp-cards{grid-template-columns:1fr}}
.lp-card{background:#fff;border:1px solid var(--lp-line);border-radius:14px;padding:15px;border-top:3px solid var(--lp-accent)}
.lp-card h4{margin:0 0 4px;font-size:14.5px;font-weight:700}
.lp-card p{margin:0;font-size:13px;color:var(--lp-muted);line-height:1.5}

/* WhatsApp aside */
.lp-wa{background:#effaf3;border:1px solid #c6ead2;border-radius:14px;padding:16px;margin:22px 0;display:flex;gap:13px;align-items:center}
.lp-wa-ic{width:42px;height:42px;border-radius:11px;background:var(--lp-green);color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.lp-wa-ic svg{width:22px;height:22px}
.lp-wa h4{margin:0 0 2px;font-size:15px;font-weight:800}
.lp-wa p{margin:0;font-size:13px;color:var(--lp-muted)}
.lp-wa a{margin-left:auto;flex:0 0 auto;background:var(--lp-green);color:#fff;text-decoration:none;font-weight:800;font-size:13.5px;padding:11px 15px;border-radius:10px;white-space:nowrap}
@media(max-width:480px){.lp-wa{flex-wrap:wrap}.lp-wa a{margin-left:0;width:100%;text-align:center}}

/* urgência */
.lp-urg{background:var(--lp-warn-bg);border-left:4px solid var(--lp-warn-bd);border-radius:0 12px 12px 0;padding:14px 16px;margin:22px 0}
.lp-urg h4{margin:0 0 3px;font-size:15px;color:var(--lp-warn-ink);font-weight:800}
.lp-urg p{margin:0;font-size:13.5px;color:#7c4a17}

/* FAQ */
.lp-faq{display:grid;gap:9px;margin:14px 0}
.lp-faq details{border:1px solid var(--lp-line);border-radius:12px;overflow:hidden;background:#fff}
.lp-faq summary{list-style:none;cursor:pointer;padding:14px 15px;font-weight:700;font-size:14.5px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"";width:16px;height:16px;flex:0 0 auto;background:no-repeat center/contain;transition:transform .2s;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231560a8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
.lp-faq details[open] summary::after{transform:rotate(180deg)}
.lp-faq .lp-a{padding:0 15px 14px;font-size:13.5px;color:var(--lp-muted)}

/* CTA final */
.lp-cta{background:#f5f8fc;border:1px solid #d9e5f2;border-radius:14px;padding:20px;margin:24px 0;text-align:center}
.lp-cta h2{margin:0 0 4px;font-size:19px;font-weight:800}
.lp-cta p{margin:0 auto 14px;max-width:40em;font-size:13.5px;color:var(--lp-muted)}

/* anúncio (Ad Inserter) */
.lp-ad{margin:20px 0;text-align:center;min-height:0}
.lp-ad-ph{border:1.5px dashed #c3cddc;border-radius:10px;padding:26px 12px;color:#93a0b2;font-size:12px;font-weight:700;letter-spacing:.02em;
  background:repeating-linear-gradient(45deg,#fafbfc,#fafbfc 9px,#f3f6f9 9px,#f3f6f9 18px)}

/* disclosure + footer */
.lp-disc{background:#f6f7f9;border:1px solid var(--lp-line);border-radius:12px;padding:14px 16px;margin:14px 0;font-size:12.5px;color:var(--lp-muted);line-height:1.6}
.lp-disc b{color:var(--lp-ink)}
.lp-footer{border-top:1px solid var(--lp-line);margin-top:22px;padding:18px 20px;text-align:center;color:var(--lp-soft);font-size:11.5px;line-height:1.7}
@media(prefers-reduced-motion:reduce){.mtk-lp *{transition:none!important}}