/* v3 — simplificar, alinhar, mostrar */
.lp-head-c{text-align:center;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center}
.lp-head-c .lp-section-label{margin-left:auto;margin-right:auto;width:fit-content}
.lp-head-c p{max-width:56ch;margin-left:auto;margin-right:auto}
#como-funciona,#painel,#contingencia,#tracking,#planos,#faq,#numeros{padding-top:0!important}

.lp-shot.has-img .lp-shot-frame{aspect-ratio:auto}
.lp-shot.has-img .lp-shot-frame picture,.lp-shot.has-img .lp-shot-img{position:static;height:auto;inset:auto}
.lp-shot.has-img .lp-shot-img{object-fit:contain;display:block}
.lp-shot[data-shot="script"].has-img .lp-shot-frame{aspect-ratio:auto;background:var(--surface-solid)}
.lp-shot[data-shot="script"].has-img .lp-shot-frame picture,.lp-shot[data-shot="script"].has-img .lp-shot-img{position:static;height:auto}
.lp-shot-big{max-width:var(--maxw);margin:0 auto}
.lp-shot-big .lp-shot{box-shadow:0 30px 80px rgba(0,0,0,.55)}
.lp-cf-item{width:100%}
.lp-cf-item[data-pos="l"]{transform:translateX(-22%) scale(.8);opacity:.4}
.lp-cf-item[data-pos="r"]{transform:translateX(22%) scale(.8);opacity:.4}
.lp-cf-stage{padding:0 8%}
.lp-cf-cap p{max-width:48ch;margin:0 auto}

.lp-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;text-align:center}
.lp-3>div{display:flex;flex-direction:column;gap:6px;align-items:center}
.lp-3 b{font-family:var(--font-m);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}
.lp-3 span{font-size:14px;color:var(--muted)}
.lp-3-check>div{flex-direction:row;justify-content:center;gap:10px}
.lp-3-check svg{width:16px;height:16px;color:var(--success);flex-shrink:0}
.lp-3-check span{font-size:15px;color:var(--text)}

.lp-log{max-width:640px;margin:0 auto}
.lp-log .lp-capi-vis{width:100%}

.lp-diag{position:relative;display:grid;grid-template-columns:1fr 64px 1fr 64px 1fr;align-items:start;max-width:920px;margin:0 auto;padding:36px 0 56px}
.lp-diag-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.lp-diag-ico{width:72px;height:72px;border-radius:50%;background:var(--surface2);border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--text)}
.lp-diag-ico svg{width:28px;height:28px}
.lp-diag-ico.logo{overflow:hidden;background:var(--surface-solid)}
.lp-diag-ico.logo img{width:100%;height:100%;object-fit:cover}
.lp-diag-lbl{font-size:15px;font-weight:700;letter-spacing:-.01em;margin-top:6px}
.lp-diag-dom{font-family:var(--font-m);font-size:11px;color:var(--muted2)}
.lp-diag-line{height:1px;background:var(--border-strong);margin-top:36px}
.lp-diag-ok{position:absolute;left:50%;bottom:-34px;transform:translateX(-50%) translateY(6px);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-family:var(--font-m);font-size:11px;color:var(--success);opacity:0}
.lp-diag-ok svg{width:13px;height:13px}
.lp-diag-cart{position:absolute;top:36px;left:calc(100% / 6);transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:980px;background:var(--surface-solid);border:1px solid var(--border-strong);box-shadow:0 12px 30px rgba(0,0,0,.45);font-family:var(--font-m);font-size:11px;color:var(--text);white-space:nowrap;z-index:2;opacity:0}
.lp-diag-cart svg{width:13px;height:13px;color:var(--muted)}
.lp-diag.in .lp-diag-cart{animation:lpCart 3.5s var(--ease) infinite}
.lp-diag.in .lp-diag-node.mid .lp-diag-ico{animation:lpPulse 3.5s var(--ease) infinite}
.lp-diag.in .lp-diag-ok{animation:lpOk 3.5s var(--ease) infinite}
@keyframes lpCart{0%,6%{left:calc(100% / 6);opacity:0}12%{opacity:1}44%,52%{left:50%;opacity:1}84%{left:calc(100% * 5 / 6);opacity:1}94%,100%{left:calc(100% * 5 / 6);opacity:0}}
@keyframes lpPulse{0%,40%,62%,100%{box-shadow:0 0 0 0 rgba(255,255,255,0);transform:none}50%{box-shadow:0 0 0 10px rgba(255,255,255,.08);transform:scale(1.06)}}
@keyframes lpOk{0%,82%{opacity:0;transform:translateX(-50%) translateY(6px)}88%,97%{opacity:1;transform:translateX(-50%) translateY(0)}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){
  .lp-diag.in .lp-diag-cart,.lp-diag.in .lp-diag-node.mid .lp-diag-ico,.lp-diag.in .lp-diag-ok{animation:none!important}
  .lp-diag-cart{left:calc(100% * 5 / 6);opacity:1}.lp-diag-ok{opacity:1;transform:translateX(-50%)}
}
@media (max-width:900px){
  .lp-diag{grid-template-columns:1fr;padding:24px 0 24px;max-width:320px}
  .lp-diag-line{width:1px;height:40px;margin:10px auto}
  .lp-diag-cart{position:static;transform:none;opacity:1;margin:18px auto 0;animation:none!important}
  .lp-diag-ok{position:static;transform:none;opacity:1;margin-top:6px;animation:none!important}
  .lp-diag-node.mid .lp-diag-ico{animation:none!important}
  .lp-3{grid-template-columns:1fr;gap:14px;margin-top:28px}
}
@media (max-width:640px){
  .lp-cf-stage{padding:0}
  .lp-cf-item[data-pos="l"]{transform:translateX(-105%);opacity:0}
  .lp-cf-item[data-pos="r"]{transform:translateX(105%);opacity:0}
}

/* Mobile: seção do problema mais legível */
@media (max-width:640px){
  #problema .lp-head h2{font-size:clamp(1.75rem,8vw,2.2rem);line-height:1.1}
  .lp-niches{gap:6px;margin:2px 0 18px;max-width:340px}
  .lp-niches span{font-size:11px;padding:4px 10px}
  .lp-notifs{gap:10px}
  .lp-notif{position:relative;align-items:flex-start;gap:12px;padding:14px 16px}
  .lp-notif-ico{width:34px;height:34px}
  .lp-notif-time{position:absolute;top:14px;right:16px;width:auto}
  .lp-notif-txt{padding-right:40px;gap:3px}
  .lp-notif-txt b{font-size:15.5px;line-height:1.3}
  .lp-notif-txt span{font-size:14px;line-height:1.45}
  .lp-close{font-size:15px;max-width:30ch;margin-left:auto;margin-right:auto}
  .lp-3{gap:18px}
  .lp-3 span{font-size:15px}
}

/* Prints ao vivo (telas do app renderizadas em HTML, sem imagem) */
.lp-shot.is-print .lp-shot-frame{aspect-ratio:auto}
.lp-print{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#1A1A1A}
.lp-print iframe{position:absolute;top:0;left:0;width:1440px;height:900px;border:0;transform-origin:0 0;pointer-events:none;display:block;background:#1A1A1A;color-scheme:dark;opacity:0;transition:opacity .2s ease}
.lp-print iframe.on{opacity:1}
@media (max-width:640px){.lp-print{aspect-ratio:3/4}}
