/* ============================================================
   Sisweb Landing Vendas — identidade "Patio de toras"
   Direcao de arte: estudio madeireiro (casca, mogno, serragem,
   mata, tora, areia). Display serifada + corpo sem-serifa.
   Classes .lv-* sao contrato publico: landing-vendas.html,
   landing-vendas.js (nos .lv-node com data-module, .lv-diagram,
   .lv-tooltip) e cadastro-parceiro.html (.lv-topbar/.lv-container/
   .lv-btn, .lv-footer). Nao renomear sem atualizar os 3.
   ============================================================ */
:root{
  --lv-casca:#1C130B;      /* casca — fundos escuros / tinta */
  --lv-mogno:#7C3F16;      /* mogno — acao primaria */
  --lv-serragem:#E39A2D;   /* serragem — destaque / energia */
  --lv-mata:#1F4D3A;       /* mata — secundario / confianca */
  --lv-tora:#F7F1E5;       /* tora — fundo claro */
  --lv-areia:#E4D6BC;      /* areia — bordas / divisores claros */
  --lv-ink:#2A2118;
  --lv-muted:#6B5D4A;
  --lv-card:#FFFDF7;
  --lv-dark-ink:#F5ECDA;
  --lv-dark-muted:#CDBFA4;
  --lv-wa:#25D366;
  --lv-radius:14px;
  --lv-font-display:"Fraunces",Georgia,"Times New Roman",serif;
  --lv-font-body:"Inter","Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip;overscroll-behavior-x:none;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--lv-font-body);color:var(--lv-ink);background:var(--lv-tora);line-height:1.55;overflow-x:clip;overscroll-behavior-x:none;touch-action:pan-y;max-width:100%}
img{max-width:100%}
a{color:var(--lv-mogno)}

/* Acessibilidade: foco visivel em toda a pagina */
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--lv-serragem);outline-offset:2px;border-radius:6px;
}
.lv-section-dark a:focus-visible,.lv-cta-final a:focus-visible{outline-color:var(--lv-serragem)}

/* Skip link */
.lv-skip{position:absolute;left:-9999px;top:0;background:var(--lv-casca);color:var(--lv-dark-ink);padding:10px 16px;z-index:200;border-radius:0 0 8px 0;font-weight:700}
.lv-skip:focus{left:0}

.lv-container{max-width:1120px;margin:0 auto;padding:0 20px;width:100%;min-width:0}
.lv-topbar .lv-container{max-width:1320px}

/* ---------- Topbar ---------- */
.lv-topbar{position:sticky;top:0;z-index:100;background:#FBF7EE;border-bottom:2px solid var(--lv-areia);overflow-x:clip;overflow-y:visible;max-width:100%}
.lv-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;flex-wrap:nowrap}
.lv-logo{font-family:var(--lv-font-display);font-weight:800;display:flex;align-items:center;gap:8px;color:var(--lv-casca);font-size:1.15rem;flex-shrink:0}
.lv-logo i{color:var(--lv-mogno)}
.lv-logo span{font-family:var(--lv-font-body);font-weight:400;color:var(--lv-muted);font-size:0.85rem;white-space:nowrap}
.lv-nav{display:flex;gap:18px;flex-wrap:nowrap}
.lv-nav a{color:#4A3D2C;text-decoration:none;font-weight:600;font-size:0.9rem;white-space:nowrap}
.lv-nav a:hover{color:var(--lv-mogno);text-decoration:underline;text-underline-offset:4px}
.lv-topbar-ctas{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.lv-topbar-ctas .lv-btn{white-space:nowrap;min-height:44px;padding:8px 14px;font-size:.88rem}

/* ---------- Botoes ---------- */
.lv-btn{padding:10px 18px;border-radius:10px;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid transparent;transition:background .2s,transform .15s,box-shadow .2s;cursor:pointer;font-family:var(--lv-font-body)}
.lv-btn-primary{background:var(--lv-mogno);color:#fff;box-shadow:0 4px 14px rgba(124,63,22,.28)}
.lv-btn-primary:hover{background:#5F300F;transform:translateY(-1px)}
.lv-btn-secondary{background:var(--lv-mata);color:#fff}
.lv-btn-secondary:hover{background:#153527}
.lv-btn-ghost{background:transparent;color:var(--lv-casca);border-color:var(--lv-areia)}
.lv-btn-ghost:hover{border-color:var(--lv-mogno);color:var(--lv-mogno)}
.lv-btn-lg{padding:14px 22px;font-size:1rem}
.lv-section-dark .lv-btn-ghost,.lv-cta-final .lv-btn-ghost{color:var(--lv-dark-ink);border-color:#5A4A33}
.lv-section-dark .lv-btn-ghost:hover,.lv-cta-final .lv-btn-ghost:hover{border-color:var(--lv-serragem);color:var(--lv-serragem)}

/* ---------- Share button (dropdown) ---------- */
.lv-share-wrap{position:relative;display:inline-flex;flex-direction:column}
.lv-btn-share{background:var(--lv-serragem);color:#fff;border-color:var(--lv-serragem);white-space:nowrap}
.lv-btn-share:hover{background:#C97B1A;border-color:#C97B1A;transform:translateY(-1px)}
.lv-share-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:200;background:var(--lv-card);border:2px solid var(--lv-areia);border-radius:12px;box-shadow:0 12px 32px rgba(28,19,11,.2);min-width:200px;overflow:hidden}
.lv-share-popover[hidden]{display:none}
.lv-share-arrow{position:absolute;top:-8px;right:16px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--lv-areia);filter:drop-shadow(0 -2px 2px rgba(0,0,0,.1))}
.lv-share-options{display:flex;flex-direction:column}
.lv-share-opt{display:flex;align-items:center;gap:10px;padding:12px 14px;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-family:var(--lv-font-body);color:var(--lv-ink);text-decoration:none;transition:background .15s}
.lv-share-opt:hover{background:#F3EAD3}
.lv-share-opt i{font-size:1.1rem;width:24px;text-align:center}
.lv-share-opt i.fa-whatsapp{color:var(--lv-wa)}
.lv-share-opt i.fa-copy{color:var(--lv-mogno)}
.lv-share-opt span{font-weight:600;font-size:0.9rem}
.lv-share-opt small{display:block;color:var(--lv-muted);font-size:0.72rem;font-weight:400;margin-top:2px}
@media(max-width:768px){
  .lv-topbar-inner{gap:10px}
  .lv-topbar-ctas{gap:6px}
  .lv-nav{gap:12px}
  .lv-topbar-ctas .lv-btn{padding:8px 11px;font-size:.82rem}
  .lv-btn-share{background:transparent;color:var(--lv-casca);border-color:var(--lv-areia);padding:8px 11px}
  .lv-btn-share:hover{background:#F3EAD3;border-color:var(--lv-mogno);color:var(--lv-mogno)}
  .lv-btn-share span{display:none}
}
@media(max-width:480px){
  .lv-share-popover{right:-20px;min-width:220px}
  .lv-share-arrow{right:36px}
}

/* ---------- Hero ---------- */
.lv-badge{background:var(--lv-casca);color:var(--lv-dark-ink);padding:7px 12px;border-radius:999px;font-size:0.75rem;font-weight:700;display:inline-flex;gap:8px;align-items:center;letter-spacing:.02em}
.lv-badge i{color:var(--lv-serragem)}
.lv-logo img{display:block;height:auto;object-fit:contain;flex-shrink:0}
.lv-logo img[src*="icone"]{width:30px;height:30px}
.lv-logo img[src*="nome"]{height:24px;width:auto}
.lv-hero{padding:52px 0 10px;background:linear-gradient(180deg,#FBF7EE 0%,var(--lv-tora) 100%)}
.lv-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.lv-hero-copy h1{font-family:"Archivo",var(--lv-font-display);font-stretch:125%;font-size:clamp(2rem,4.6vw,3rem);line-height:1.06;margin:16px 0 14px;color:var(--lv-casca);letter-spacing:-.01em;font-weight:800}
.lv-hero-copy h1 em{font-style:italic;color:var(--lv-mogno)}
.lv-hero-copy p{color:#4A3D2C;font-size:1.05rem}
.lv-hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 6px}
.lv-hero-ctas .lv-btn{min-height:56px;padding:14px 26px;font-size:1rem;border-radius:12px;transition:background .2s,transform .15s,box-shadow .2s,filter .2s}
.lv-hero-ctas .lv-btn:hover{transform:translateY(-2px);filter:brightness(1.07)}
.lv-hero-ctas .lv-btn-primary:hover{background:#5F300F;box-shadow:0 10px 24px rgba(124,63,22,.4)}
.lv-hero-ctas .lv-btn-secondary:hover{background:#153527;box-shadow:0 10px 24px rgba(31,77,58,.4)}
.lv-hero-proofs .lv-proof-pill{min-height:36px;padding:8px 14px;font-size:.78rem;border-radius:999px;transition:background .2s,transform .15s,box-shadow .2s}
.lv-hero-proofs .lv-proof-pill:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(28,19,11,.14)}
.lv-hero-proofs .lv-proof-pill--accent:hover{background:#5F300F}
/* Refinamento editorial (equipe design): só cores/tipo/detalhes, métricas intactas */
.lv-badge{border:1px solid #4A3A26;font-weight:600;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;padding:8px 13px}
.lv-hero-copy h1{letter-spacing:-.022em;line-height:1.04;max-width:16ch;text-wrap:balance;margin:14px 0 12px}
.lv-hero-copy h1 em{font-weight:620;letter-spacing:-.01em}
.lv-hero-copy p{color:#2A2118;font-size:1.02rem;line-height:1.65;letter-spacing:-.006em;max-width:46ch;margin:0}
.lv-hero-copy p strong{color:#1C130B;font-weight:650}
.lv-hero-proofs{gap:10px;margin-top:16px}
.lv-proof-pill{font-weight:600;letter-spacing:.01em}
.lv-hero-proofs .lv-proof-pill:nth-child(2){background:#FFFDF7;color:#2A2118;border:1px solid #D8C7A5}
.lv-hero-proofs .lv-proof-pill:nth-child(2) i{color:#1F4D3A}
.lv-hero-proofs .lv-proof-pill:nth-child(2):hover{background:#E9EFE7;border-color:#1F4D3A}
.lv-hero-proofs .lv-proof-pill:nth-child(3){background:#FFFDF7;color:#1C130B;border:1px solid #D9B87A}
.lv-hero-proofs .lv-proof-pill:nth-child(3) i{color:#1F4D3A}
.lv-hero-proofs .lv-proof-pill:nth-child(3) strong{color:#1C130B;font-weight:700;text-decoration:underline;text-decoration-color:#E39A2D;text-decoration-thickness:1.5px;text-underline-offset:3px}
.lv-hero-proofs .lv-proof-pill:nth-child(3):hover{background:#1F4D3A;border-color:#1F4D3A;color:#F7F1E5}
.lv-hero-proofs .lv-proof-pill:nth-child(3):hover i,.lv-hero-proofs .lv-proof-pill:nth-child(3):hover strong{color:#F7F1E5;text-decoration-color:#E39A2D}
.lv-hero-proof{color:var(--lv-muted);font-size:0.87rem;margin-top:10px}
.lv-hero-proof i{color:var(--lv-mata)}
.lv-hero-proofs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.lv-proof-pill{display:inline-flex;align-items:center;gap:6px;background:#FFFDF7;border:1px solid var(--lv-areia);border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:600;color:#4A3D2C;box-shadow:0 2px 8px rgba(28,19,11,.06);line-height:1}
.lv-proof-pill i{color:var(--lv-mata);font-size:.82rem}
.lv-proof-pill strong{color:var(--lv-casca);font-weight:800}
.lv-proof-pill--accent{background:var(--lv-mogno);color:#fff;border-color:var(--lv-mogno);box-shadow:0 4px 12px rgba(124,63,22,.22)}
.lv-proof-pill--accent i{color:var(--lv-serragem)}
.lv-proof-pill--accent strong{color:#fff}
.lv-mockup-desktop{border:1px solid var(--lv-areia);border-radius:var(--lv-radius);overflow:hidden;background:var(--lv-card);box-shadow:0 16px 40px rgba(28,19,11,.14)}
.lv-mockup-desktop img{display:block;width:100%;height:auto}
.lv-mockup-bar{height:32px;background:var(--lv-casca);display:flex;gap:6px;align-items:center;padding:0 12px}
.lv-mockup-bar span{width:10px;height:10px;border-radius:50%;background:#6B5D4A}
.lv-mockup-bar span:first-child{background:var(--lv-serragem)}
.lv-mockup-caption{padding:8px 12px;font-size:0.75rem;color:var(--lv-muted);border-top:1px solid var(--lv-areia)}

/* ---------- Hero "Painel real": desktop + mobile carrosséis estilo vitrine ---------- */
.lv-hero-mockup{min-width:0;max-width:100%;overflow:clip}
.lv-hero,.lv-vitrine-grid,.lv-vitrine-grid>*,.lv-diagram{max-width:100%;min-width:0}
.lv-hero-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,130px);gap:16px;align-items:start;padding-bottom:26px}
.lv-hero-desktop{width:100%}
.lv-hero-desktop .lv-monitor{width:100%;max-width:100%}
.lv-hero-desktop .lv-desk-viewport{aspect-ratio:16/10}
.lv-hero-stage > .lv-phone-wrap{min-width:0;width:100%;max-width:130px;justify-self:end}
.lv-hero-stage > .lv-phone-wrap .lv-phone{width:100%;max-width:none}
.lv-hero-stage > .lv-phone-wrap .lv-phone-frame{border-radius:28px;padding:6px 6px 8px}
.lv-hero-stage > .lv-phone-wrap .lv-phone-frame::after{width:58px;height:3px;bottom:4px}
.lv-hero-stage > .lv-phone-wrap .lv-phone-island{top:12px;width:64px;height:18px}
.lv-hero-stage > .lv-phone-wrap .lv-phone-island::after{right:9px;width:5px;height:5px}
.lv-hero-stage > .lv-phone-wrap .lv-phone::before{height:16px;top:52px;box-shadow:0 24px 0 #3A2E1E, 0 48px 0 #3A2E1E}
.lv-hero-stage > .lv-phone-wrap .lv-phone::after{height:36px;top:74px}
.lv-hero-stage > .lv-phone-wrap .lv-phone-screen{border-radius:22px;overflow:hidden;background:var(--lv-tora)}
.lv-hero-stage > .lv-phone-wrap .lv-phone-viewport{aspect-ratio:9/18;max-height:320px}
.lv-hero-stage > .lv-phone-wrap .lv-controls{gap:2px;padding:3px 4px;flex-wrap:nowrap}
.lv-hero-stage > .lv-phone-wrap .lv-arrow-btn{min-width:28px;min-height:28px;width:28px;height:28px;font-size:.6rem}
.lv-hero-stage > .lv-phone-wrap .lv-dots{gap:0;flex-wrap:nowrap;min-width:0;flex:1 1 auto}
.lv-hero-stage > .lv-phone-wrap .lv-dot{min-width:26px;min-height:26px;width:26px;padding:0}
.lv-hero-stage > .lv-phone-wrap .lv-dot span{width:5px;height:5px}
.lv-hero-phone-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block;z-index:2;background:var(--lv-tora)}
.lv-hero-phone-cap{display:none}
@keyframes lv-hero-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* ---------- Assinatura: pilha de toras (CSS puro) ---------- */
.lv-logpile{display:flex;justify-content:center;align-items:flex-end;gap:6px;padding:26px 10px 6px;overflow:hidden;background:linear-gradient(180deg,var(--lv-tora) 0%,#EFE4CE 100%)}
.lv-logpile i{border-radius:50%;flex:0 0 auto;border:5px solid #4A2E14;
  background:repeating-radial-gradient(circle at 50% 50%,#A06A35 0 3px,#7C4F22 3px 5px,#C08C4E 5px 6px);
  box-shadow:inset -3px -4px 0 rgba(28,19,11,.35)}
.lv-logpile i:nth-child(odd){width:52px;height:52px}
.lv-logpile i:nth-child(even){width:40px;height:40px;margin-bottom:2px}
.lv-logpile i:nth-child(3n){width:60px;height:60px;margin:0 2px}
.lv-logpile i:nth-child(4n){background:repeating-radial-gradient(circle at 50% 50%,#8A5A2B 0 3px,#5F3A17 3px 6px)}

/* ---------- Faixa de numeros ---------- */
.lv-strip{background:var(--lv-casca);color:var(--lv-dark-ink);padding:20px 0;border-top:4px solid var(--lv-mogno)}
.lv-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}
.lv-strip-grid strong{font-family:var(--lv-font-display);font-size:1.7rem;display:block;color:var(--lv-serragem)}
.lv-strip-grid span{font-size:0.85rem;color:var(--lv-dark-muted)}

/* ---------- Secoes ---------- */
.lv-section{padding:52px 0}
.lv-section-alt{background:var(--lv-card);border-top:1px solid var(--lv-areia);border-bottom:1px solid var(--lv-areia)}
.lv-section-dark{background:var(--lv-casca) repeating-radial-gradient(circle at 115% -10%,rgba(227,154,45,.08) 0 2px,transparent 2px 22px);color:var(--lv-dark-ink)}
.lv-section-accent{position:relative;background:#F3EAD3;border-top:2px solid var(--lv-areia);border-bottom:2px solid var(--lv-areia)}
.lv-section-accent::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, var(--lv-mogno), var(--lv-serragem), var(--lv-mata));opacity:.9;pointer-events:none}
#parceiros .lv-ctas-center .lv-btn-primary{min-width:280px;box-shadow:0 8px 24px rgba(124,63,22,.22)}
#parceiros .lv-ctas-center .lv-btn-ghost{opacity:.96}
.lv-section-title{font-family:var(--lv-font-display);font-size:clamp(1.5rem,3vw,1.9rem);margin:0 0 10px;color:var(--lv-casca);letter-spacing:-.01em}
.lv-section-dark .lv-section-title{color:var(--lv-dark-ink)}
.lv-section-sub{color:var(--lv-muted);margin:0 0 24px;max-width:720px}
.lv-section-dark .lv-section-sub{color:var(--lv-dark-muted)}
.lv-text-white{color:#fff}.lv-text-muted{color:var(--lv-dark-muted)}

/* ---------- Cartoes: 5 pilares ---------- */
.lv-cards-5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.lv-card{background:var(--lv-card);border:1px solid var(--lv-areia);border-top:5px solid var(--lv-mata);border-radius:var(--lv-radius);padding:18px 16px;transition:transform .2s, box-shadow .2s}
.lv-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(28,19,11,.14)}
.lv-card i{color:var(--lv-mogno);font-size:1.25rem}
.lv-card-icon{width:42px;height:42px;border-radius:10px;background:#EFE4CE;border:1px solid var(--lv-areia);display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px}
.lv-card-icon i{font-size:1.1rem;margin:0}
.lv-card h3{font-family:var(--lv-font-display);font-size:1.02rem;margin:10px 0 6px;color:var(--lv-casca)}
.lv-card p{font-size:0.87rem;color:#4A3D2C;margin:0}
.lv-card-accent{border-top-color:var(--lv-serragem);box-shadow:0 8px 24px rgba(124,63,22,.14)}
.lv-card-accent:hover{box-shadow:0 14px 32px rgba(124,63,22,.18)}
.lv-card-accent .lv-card-icon{background:#FFF1E0;border-color:#E8C9A0}

/* ---------- Fluxo "do patio a nota" ---------- */
.lv-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:etapa}
.lv-flow-step{background:var(--lv-card);border:1px solid var(--lv-areia);border-radius:var(--lv-radius);padding:18px 16px;position:relative}
.lv-flow-step::before{counter-increment:etapa;content:counter(etapa,decimal-leading-zero);font-family:var(--lv-font-display);font-weight:800;font-size:1.6rem;color:var(--lv-serragem);display:block}
.lv-flow-step h3{font-family:var(--lv-font-display);font-size:1.02rem;margin:8px 0 6px;color:var(--lv-casca)}
.lv-flow-step p{font-size:0.87rem;color:#4A3D2C;margin:0 0 8px}
.lv-flow-step code{background:#F1E7D2;color:#5F300F;padding:1px 7px;border-radius:6px;font-size:0.76rem}
.lv-flow-cta{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.lv-link{color:var(--lv-mogno);font-weight:700}
.lv-check{background:#EFE4CE;padding:4px 10px;border-radius:999px;font-size:0.76rem;margin:0 6px 6px 0;display:inline-block;color:#4A3D2C;font-weight:600}

/* ---------- Ecossistema ---------- */
.lv-ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lv-eco-card{background:var(--lv-card);border:1px solid var(--lv-areia);border-radius:var(--lv-radius);padding:16px}
.lv-eco-card i{color:var(--lv-mata);font-size:1.1rem}
.lv-eco-card h3{margin:8px 0 2px;font-size:0.98rem;color:var(--lv-casca)}
.lv-eco-card span{font-size:0.7rem;color:var(--lv-muted);text-transform:uppercase;letter-spacing:.05em;font-family:ui-monospace,Menlo,Consolas,monospace}
.lv-eco-card p{font-size:0.85rem;color:#4A3D2C;margin:6px 0 0}
.lv-eco-card-muted{border-style:dashed;background:transparent}
.lv-ecosystem-note{margin-top:14px;background:#EFE4CE;padding:12px 14px;border-radius:10px;font-size:0.87rem;color:#4A3D2C;border-left:5px solid var(--lv-mogno)}

/* ---------- Diagrama (hooks do landing-vendas.js) ---------- */
.lv-diagram{position:relative;background:#120C06;border:2px solid #4A3A26;border-radius:18px;padding:18px;overflow:hidden}
.lv-diagram-svg{width:100%;height:auto;display:block}
.lv-node{cursor:pointer}
.lv-node circle{fill:#2A1D10;stroke:var(--lv-serragem);stroke-width:2}
.lv-node .lv-rings{fill:none;stroke:#6B4A26;stroke-width:1.4}
.lv-node .lv-heart{fill:var(--lv-serragem)}
.lv-node text{fill:var(--lv-dark-ink);font-size:13px;text-anchor:middle;font-weight:700;font-family:var(--lv-font-body)}
.lv-node-center circle{fill:var(--lv-mogno);stroke:var(--lv-serragem);stroke-width:3}
.lv-node-center text{fill:#fff}
.lv-node:hover circle,.lv-node:focus circle{stroke:#fff}
.lv-orbit{animation:lv-rotate 26s linear infinite;transform-origin:400px 230px}
.lv-orbit-slow{animation:lv-rotate 40s linear infinite reverse;transform-origin:400px 230px}
@keyframes lv-rotate{to{transform:rotate(360deg)}}
.lv-arrow{stroke:var(--lv-serragem);stroke-width:2;stroke-dasharray:6 6;fill:none;opacity:.75;animation:lv-dash 1.4s linear infinite}
@keyframes lv-dash{to{stroke-dashoffset:-12}}
.lv-tooltip{position:absolute;background:#FFFDF7;color:var(--lv-ink);padding:10px 12px;border-radius:10px;border:1px solid var(--lv-areia);box-shadow:0 10px 30px rgba(0,0,0,.4);font-size:0.82rem;max-width:250px;pointer-events:none;z-index:5}
.lv-diagram-legend{display:flex;gap:16px;justify-content:center;color:var(--lv-dark-muted);font-size:0.8rem;margin-top:10px;flex-wrap:wrap}

/* ---------- Parceiros ---------- */
.lv-steps-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.lv-step{background:var(--lv-card);border:1px solid var(--lv-areia);border-radius:var(--lv-radius);padding:18px 16px}
.lv-step span{width:30px;height:30px;border-radius:50%;background:var(--lv-mata);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:0.85rem}
.lv-step h4{margin:10px 0 6px;color:var(--lv-casca);font-size:0.95rem}
.lv-step p{font-size:0.85rem;color:#4A3D2C;margin:0}
.lv-nota-tecnica{background:var(--lv-card);border:1px dashed var(--lv-mogno);border-radius:10px;padding:12px 14px;margin:16px 0;font-size:0.82rem;color:#4A3D2C}
.lv-ctas-center{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:14px}

/* ---------- CTA final / rodape / flutuante ---------- */
.lv-cta-final{background:var(--lv-casca) repeating-radial-gradient(circle at 10% 120%,rgba(227,154,45,.1) 0 2px,transparent 2px 24px);color:var(--lv-dark-ink);padding:52px 0;text-align:center;border-top:5px solid var(--lv-mogno)}
.lv-cta-final-inner h2{font-family:var(--lv-font-display);margin:0 0 8px;font-size:clamp(1.5rem,3.4vw,2.1rem);letter-spacing:-.01em}
.lv-cta-final-inner p{color:var(--lv-dark-muted);margin:0 0 18px}
.lv-footer{padding:20px 0;color:var(--lv-muted);font-size:0.82rem;text-align:center;border-top:1px solid var(--lv-areia);background:#FBF7EE}
.lv-float{position:fixed;right:16px;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:90;font-size:1.5rem}
.lv-float-wa{bottom:84px;background:var(--lv-wa)}
.lv-float-wa:hover{filter:brightness(1.08)}

/* ---------- Vitrine "Veja o Sisweb por dentro" ---------- */
.lv-section-vitrine{background:linear-gradient(180deg,var(--lv-card) 0%,#F3EAD3 100%);border-top:1px solid var(--lv-areia);border-bottom:1px solid var(--lv-areia)}
.lv-vitrine-grid{display:grid;grid-template-columns:minmax(0,290px) minmax(0,1fr);gap:36px;align-items:start}
.lv-phone-wrap{display:flex;flex-direction:column;align-items:center}
.lv-monitor-wrap{display:flex;flex-direction:column;align-items:center;min-width:0}
.lv-device-cap{color:var(--lv-muted);font-size:0.85rem;text-align:center;margin:14px 0 0;max-width:420px}
.lv-device-cap i{color:var(--lv-mogno)}

/* iPhone em CSS puro - botões laterais proporcionais */
.lv-phone{width:100%;max-width:290px;position:relative}
.lv-phone::before{content:"";position:absolute;left:-3px;width:3px;height:24px;top:76px;border-radius:3px;background:#3A2E1E;box-shadow:0 36px 0 #3A2E1E, 0 72px 0 #3A2E1E}
.lv-phone::after{content:"";position:absolute;right:-3px;left:auto;width:3px;height:54px;top:110px;border-radius:3px;background:#3A2E1E}
.lv-phone-frame{position:relative;background:#0D0A06;border-radius:46px;padding:12px 12px 8px;box-shadow:0 24px 60px rgba(28,19,11,.35),inset 0 0 0 2px #3A2E1E, inset 0 1px 0 rgba(255,255,255,.06)}
.lv-phone-frame::after{content:"";position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:88px;height:3px;background:#F5ECDA;border-radius:999px;z-index:5;opacity:.85;pointer-events:none}
.lv-phone-island{position:absolute;top:24px;left:50%;transform:translateX(-50%);width:104px;height:28px;background:#000;border-radius:999px;z-index:4}
.lv-phone-island::after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:9px;height:9px;border-radius:50%;background:#1E2A38;box-shadow:inset 0 0 3px #4A7BA6}
.lv-phone-screen{position:relative;border-radius:36px;overflow:hidden;background:var(--lv-tora)}
.lv-phone-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(118deg, rgba(255,255,255,.04) 0 18%, transparent 42%);pointer-events:none;z-index:3}

/* Monitor em CSS puro — acabamento premium (bezel black piano + suporte alumínio) */
.lv-hero-stage{position:relative;perspective:1400px}
.lv-hero-stage::before{content:none}
.lv-monitor-wrap,.lv-phone-wrap{position:relative;z-index:1}
.lv-monitor{width:100%;max-width:640px;transform:rotateY(-3.5deg) rotateX(1deg);transform-style:preserve-3d;transition:transform .55s cubic-bezier(.16,1,.3,1)}
.lv-hero-stage:hover .lv-monitor{transform:rotateY(0deg) rotateX(0deg)}
.lv-hero-stage .lv-phone{transform:rotateY(4deg);transition:transform .55s cubic-bezier(.16,1,.3,1)}
.lv-hero-stage:hover .lv-phone{transform:rotateY(0deg)}
.lv-monitor-wrap,.lv-hero-stage > .lv-phone-wrap{animation:none}
#lv-hero-carousel .lv-slide.is-active img,#lv-hero-phone-carousel .lv-slide.is-active img{animation:lv-hero-float 7s ease-in-out infinite}
#lv-hero-phone-carousel .lv-slide.is-active img{animation-delay:-3.5s}
.lv-monitor-frame{position:relative;background:linear-gradient(180deg,#1C150D,#0D0A06);border-radius:16px;padding:12px 12px 16px;box-shadow:0 34px 70px rgba(28,19,11,.45), 0 4px 14px rgba(28,19,11,.3), inset 0 0 0 1px rgba(227,154,45,.32), inset 0 1px 0 rgba(255,255,255,.16)}
.lv-monitor-cam{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:7px;height:7px;border-radius:50%;background:#0A0704;box-shadow:inset 0 0 2px #4A7BA6;z-index:4}
.lv-monitor-screen{position:relative;border-radius:8px;overflow:hidden;background:var(--lv-tora);box-shadow:inset 0 0 0 1px rgba(0,0,0,.55)}
.lv-monitor-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(112deg, rgba(255,255,255,.14) 0 10%, rgba(255,255,255,.03) 22%, transparent 40%);pointer-events:none;z-index:3}
.lv-monitor-neck{width:64px;height:30px;background:linear-gradient(90deg,#8F9096 0%,#E9EAED 28%,#C2C3C8 52%,#F3F4F6 74%,#9899A0 100%);margin:0 auto;box-shadow:inset 0 -7px 10px rgba(0,0,0,.28)}
.lv-monitor-base{position:relative;width:230px;height:14px;background:linear-gradient(180deg,#F5F6F8 0%,#CBCCD1 45%,#8F9096 100%);border-radius:8px 8px 5px 5px;margin:0 auto;box-shadow:0 10px 22px rgba(28,19,11,.35), inset 0 1px 0 rgba(255,255,255,.8)}
.lv-monitor-base::after{content:"";position:absolute;left:4%;right:4%;bottom:-14px;height:16px;background:radial-gradient(50% 50% at 50% 50%, rgba(0,0,0,.38), transparent 70%);filter:blur(4px);pointer-events:none}
/* iPhone em titânio com glow da marca */
.lv-phone-frame{box-shadow:0 30px 60px rgba(28,19,11,.45), 0 0 46px rgba(227,154,45,.18), inset 0 0 0 2px rgba(255,255,255,.09), inset 0 1px 0 rgba(255,255,255,.12)}
.lv-phone-screen::after{background:linear-gradient(112deg, rgba(255,255,255,.12) 0 12%, rgba(255,255,255,.02) 26%, transparent 44%)}
@media(max-width:900px){
  .lv-monitor,.lv-hero-stage .lv-phone{transform:none}
  .lv-monitor-wrap,.lv-hero-stage > .lv-phone-wrap{animation:none}
  #lv-hero-carousel .lv-slide.is-active img,#lv-hero-phone-carousel .lv-slide.is-active img{animation:none}
  .lv-hero-stage{perspective:none}
}
@media (prefers-reduced-motion:reduce){
  .lv-monitor-wrap,.lv-hero-stage > .lv-phone-wrap{animation:none}
  #lv-hero-carousel .lv-slide.is-active img,#lv-hero-phone-carousel .lv-slide.is-active img{animation:none}
  .lv-monitor,.lv-hero-stage .lv-phone{transform:none}
}

/* Carrossel (sem dependencias) */
.lv-carousel{outline-offset:4px}
.lv-viewport{position:relative;overflow:hidden;background:var(--lv-tora)}
.lv-phone-viewport{aspect-ratio:9/18;max-height:520px}
.lv-desk-viewport{aspect-ratio:16/10}
.lv-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s;pointer-events:none}
.lv-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.lv-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block;z-index:2;background:var(--lv-tora)}
.lv-slide-cap{position:absolute;left:0;right:0;bottom:0;z-index:3;background:linear-gradient(180deg, transparent 0, rgba(28,19,11,.88) 45%);color:var(--lv-dark-ink);font-size:0.72rem;font-weight:600;padding:14px 12px 9px;text-align:center;backdrop-filter:blur(2px)}
.lv-phone-viewport .lv-slide-cap{font-size:0.66rem;padding:12px 8px 8px}

.lv-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--lv-casca);padding:6px 8px;flex-wrap:wrap}
.lv-arrow-btn{min-width:44px;min-height:44px;width:44px;height:44px;border-radius:50%;border:2px solid #5A4A33;background:transparent;color:var(--lv-serragem);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:0.9rem;flex:0 0 auto}
.lv-arrow-btn:hover{border-color:var(--lv-serragem);background:rgba(227,154,45,.12)}
.lv-dots{display:flex;align-items:center;justify-content:center;gap:2px;flex:1 1 180px;flex-wrap:wrap}
.lv-dot{min-width:44px;min-height:44px;background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
.lv-dot span{width:11px;height:11px;border-radius:50%;background:#6B5D4A;display:block;transition:transform .2s,background .2s}
.lv-dot[aria-selected="true"] span{background:var(--lv-serragem);transform:scale(1.35)}
.lv-dot:hover span{background:var(--lv-dark-ink)}
/* iPhone: 1 linha, compacto (resolve "botões muito altos") */
.lv-phone-screen .lv-controls{gap:4px;padding:4px 6px;flex-wrap:nowrap}
.lv-phone-screen .lv-arrow-btn{width:32px;height:32px;min-width:32px;min-height:32px;font-size:.7rem;flex:0 0 32px}
.lv-phone-screen .lv-dots{order:2;flex:1 1 auto;gap:0}
.lv-phone-screen .lv-dot{min-width:28px;min-height:28px}
.lv-phone-screen .lv-dot span{width:7px;height:7px}
.lv-phone-screen .lv-prev{order:1}
.lv-phone-screen .lv-next{order:3}

/* ---------- Topbar: arquitetura definitiva 1320 + hide 1560 (overflow comprovado a 1440) ---------- */
@media(max-width:1560px){
  .lv-nav{display:none}
}
@media(max-width:1560px) and (min-width:901px){
  .lv-topbar-inner{gap:10px}
  .lv-topbar-ctas{gap:6px}
  .lv-topbar-ctas .lv-btn{padding:8px 11px;font-size:.82rem}
}
@media(min-width:1561px){
  .lv-topbar .lv-container{max-width:1440px}
  .lv-topbar-menu{gap:12px}
  .lv-nav{gap:12px}
  .lv-nav a{font-size:.84rem}
  .lv-topbar-ctas{gap:8px}
  .lv-topbar-ctas .lv-btn{padding:8px 12px;font-size:.84rem}
  .lv-topbar-cta-primary{padding:8px 16px;font-size:.88rem}
}
/* ---------- Responsivo ---------- */
@media(max-width:900px){
  .lv-hero-grid{grid-template-columns:1fr}
  .lv-cards-5,.lv-ecosystem-grid,.lv-steps-4,.lv-flow{grid-template-columns:1fr 1fr}
  .lv-vitrine-grid{grid-template-columns:1fr;gap:28px}
  .lv-phone{max-width:260px}
  .lv-monitor{max-width:100%}
  .lv-nav{display:none}
  .lv-strip-grid{grid-template-columns:repeat(2,1fr)}
  .lv-hero-stage > .lv-phone-wrap{max-width:112px}
}
@media(max-width:480px){
  .lv-container{padding:0 16px}
  .lv-hero{padding:36px 0 6px}
  .parceiro-form input,.parceiro-form select,.partner-code-row input{font-size:16px}
  .partner-table-wrap{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
  .lv-hero-ctas .lv-btn,.lv-ctas-center .lv-btn,.lv-flow-cta .lv-btn{width:100%}
  .lv-topbar-ctas .lv-btn{padding:9px 12px;font-size:0.85rem}
  .lv-topbar-ctas a[href*="portal-parceiro.html"]{display:none}
  .lv-logo span{display:none}
  .lv-cards-5,.lv-ecosystem-grid,.lv-steps-4,.lv-flow{grid-template-columns:1fr}
  .lv-strip-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .lv-logpile i:nth-child(odd){width:40px;height:40px}
  .lv-logpile i:nth-child(even){width:32px;height:32px}
  .lv-logpile i:nth-child(3n){width:46px;height:46px}
  .lv-float{right:12px;width:50px;height:50px}
  .lv-section{padding:40px 0}
  .lv-phone{max-width:230px}
  .lv-monitor-base{width:150px}
  .lv-phone-viewport{aspect-ratio:9/17.5}
  .lv-hero-phone .lv-phone-viewport{aspect-ratio:9/19.5}
  .lv-hero-stage{padding-bottom:20px}
  .lv-hero-stage > .lv-phone-wrap{max-width:100px}
  .lv-hero-stage > .lv-phone-wrap .lv-phone-frame{border-radius:20px;padding:5px}
  .lv-hero-stage > .lv-phone-wrap .lv-phone-island{top:10px;width:36px;height:10px}
  .lv-hero-stage > .lv-phone-wrap .lv-phone-island::after{right:5px;width:4px;height:4px}
  .lv-hero-stage > .lv-phone-wrap .lv-phone-screen{border-radius:15px}
}

/* ---------- Hero trust strip (prova social) ---------- */
.lv-hero-trust{margin-top:18px;padding-top:18px;border-top:1px solid var(--lv-areia);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.lv-trust-label{font-size:.78rem;color:var(--lv-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.lv-trust-logos{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.lv-trust-logos img{height:28px;opacity:.6;filter:grayscale(100%);transition:opacity .2s, filter .2s}
.lv-trust-logos img:hover{opacity:1;filter:grayscale(0%)}
.lv-trust-meta{font-size:.82rem;color:#4A3D2C;font-weight:600;margin-left:auto}
@media(max-width:480px){
  .lv-hero-trust{flex-direction:column;align-items:flex-start;gap:8px}
  .lv-trust-meta{margin-left:0}
}

/* ---------- Stats strip expanded ---------- */
.lv-strip-grid{grid-template-columns:repeat(6,1fr)}
@media(max-width:900px){
  .lv-strip-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:480px){
  .lv-strip-grid{grid-template-columns:repeat(2,1fr)}
}

/* ---------- Benefícios reais (2 colunas) ---------- */
.lv-benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.lv-benefit-col{background:var(--lv-card);border:1px solid var(--lv-areia);border-radius:var(--lv-radius);padding:28px 24px}
.lv-benefit-icon{width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,var(--lv-mogno),var(--lv-serragem));display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.lv-benefit-icon i{font-size:1.3rem;color:#fff}
.lv-benefit-col h3{font-family:var(--lv-font-display);font-size:1.15rem;color:var(--lv-casca);margin:0 0 16px}
.lv-benefit-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.lv-benefit-list li{font-size:.9rem;color:#4A3D2C;line-height:1.6}
.lv-benefit-list strong{color:var(--lv-casca)}
@media(max-width:768px){
  .lv-benefits-grid{grid-template-columns:1fr}
}

/* ---------- Flow steps with numbers ---------- */
.lv-flow-step{position:relative}
.lv-flow-num{position:absolute;top:-10px;left:18px;width:36px;height:36px;border-radius:50%;background:var(--lv-serragem);color:#fff;font-family:var(--lv-font-display);font-weight:800;font-size:.9rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(227,154,45,.3)}
.lv-flow-step::before{display:none}
@media(max-width:480px){
  .lv-flow-num{left:12px;top:-8px;width:30px;height:30px;font-size:.8rem}
}

/* ---------- Vitrine real (device mockups com screenshots) ---------- */
.lv-vitrine-real{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:center}
.lv-device-mockup{position:relative;transition:transform .35s cubic-bezier(.16,1,.3,1),filter .35s ease}
.lv-device-mockup:hover{transform:translateY(-6px)}
.lv-device-mockup img{width:100%;height:auto;border-radius:14px;filter:drop-shadow(0 25px 45px rgba(28,19,11,.22));display:block}
.lv-device-mockup.lv-desktop img{border-radius:12px}
.lv-device-mockup.lv-mobile{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}
.lv-device-label{display:block;text-align:center;margin-top:14px;font-size:.86rem;color:var(--lv-muted);font-weight:700;letter-spacing:.02em}
@media(max-width:900px){
  .lv-vitrine-real{grid-template-columns:1fr;gap:28px}
  .lv-device-mockup.lv-mobile{gap:14px}
}

/* ---------- Simulador de Economia / ROI do Pátio ---------- */
.lv-sim-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:28px;margin-top:28px;align-items:stretch}
.lv-sim-card{background:var(--lv-card);border:1px solid var(--lv-areia);border-radius:var(--lv-radius);padding:28px;box-shadow:0 12px 32px rgba(28,19,11,.08);display:flex;flex-direction:column;justify-content:space-between}
.lv-sim-card-title{font-family:var(--lv-font-display);font-size:1.25rem;color:var(--lv-casca);margin:0 0 20px;display:flex;align-items:center;gap:10px}
.lv-sim-card-title i{color:var(--lv-mogno)}
.lv-sim-field{margin-bottom:22px}
.lv-sim-field-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}
.lv-sim-field-header label{font-weight:700;font-size:0.92rem;color:var(--lv-casca)}
.lv-sim-val{font-family:var(--lv-font-display);font-weight:800;font-size:1.15rem;color:var(--lv-mogno);white-space:nowrap}
.lv-slider{width:100%;height:8px;border-radius:4px;background:var(--lv-areia);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}
.lv-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--lv-mogno);border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer;transition:transform .15s}
.lv-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}
.lv-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--lv-mogno);border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer}
.lv-sim-field-hint{font-size:0.76rem;color:var(--lv-muted);margin-top:5px}
.lv-sim-kpis{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.lv-sim-kpi{background:#FFFDF7;border:1px solid var(--lv-areia);border-radius:12px;padding:16px;text-align:center;box-shadow:0 4px 12px rgba(28,19,11,.04)}
.lv-sim-kpi-highlight{background:linear-gradient(135deg,#FFFDF7,#FFF6E6);border:2px solid var(--lv-serragem)}
.lv-sim-kpi-num{display:block;font-family:var(--lv-font-display);font-size:1.85rem;font-weight:800;color:var(--lv-casca);line-height:1.1}
.lv-sim-kpi-highlight .lv-sim-kpi-num{color:var(--lv-mogno)}
.lv-sim-kpi-label{display:block;font-size:0.8rem;font-weight:700;color:var(--lv-muted);margin-top:6px;text-transform:uppercase;letter-spacing:0.04em}
.lv-sim-kpi small{display:block;font-size:0.75rem;color:var(--lv-ink);margin-top:6px}
.lv-sim-gains{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;border-top:1px dashed var(--lv-areia);padding-top:16px}
.lv-sim-gain-item{display:flex;align-items:flex-start;gap:10px;font-size:0.86rem;color:#4A3D2C}
.lv-sim-gain-item i{color:var(--lv-mata);font-size:1rem;margin-top:2px;flex-shrink:0}
.lv-sim-actions{display:flex;flex-direction:column;gap:10px}
.lv-sim-actions .lv-btn{width:100%}
@media(max-width:560px){
  .lv-sim-kpis{grid-template-columns:1fr}
}

/* ---------- Partner calculator ---------- */
.lv-partner-calc{background:var(--lv-card);border:1px solid var(--lv-areia);border-radius:var(--lv-radius);padding:24px;max-width:420px;margin:16px auto 0}
.lv-partner-calc label{display:block;font-weight:600;color:var(--lv-casca);margin-bottom:10px}
.lv-partner-calc input[type=range]{width:100%;accent-color:var(--lv-mogno);margin-bottom:12px}
.lv-partner-calc output{display:block;text-align:center;font-family:var(--lv-font-display);font-size:1.5rem;color:var(--lv-mogno);font-weight:800}
.lv-partner-calc small{display:block;text-align:center;color:var(--lv-muted);font-size:.78rem;margin-top:8px}

/* ---------- Contact box (unificado) ---------- */
.lv-contact-box{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,var(--lv-mogno),#A05A1A);color:#fff;padding:16px 20px;border-radius:var(--lv-radius);box-shadow:0 12px 32px rgba(124,63,22,.28);flex-wrap:wrap}
.lv-contact-icon{width:56px;height:56px;border-radius:50%;background: var(--sw-surface) ;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.lv-contact-icon i{font-size:1.8rem;color:var(--lv-wa)}
.lv-contact-content{flex:1;min-width:180px}
.lv-contact-content strong{display:block;font-size:1rem;margin-bottom:2px}
.lv-contact-phone{color:#fff;text-decoration:none;font-size:1.1rem;font-weight:800;font-family:var(--lv-font-display);transition:opacity .2s}
.lv-contact-phone:hover{opacity:.85}
.lv-contact-hint{display:block;font-size:.75rem;opacity:.9;margin-top:4px}
.lv-btn-wa{background: var(--sw-surface) ;color:var(--lv-wa);border-color:transparent;font-weight:800}
.lv-btn-wa:hover{background: var(--sw-surface) ;color:var(--lv-mogno);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}
@media(max-width:480px){
  .lv-contact-box{flex-direction:column;align-items:stretch;text-align:center}
  .lv-btn-wa{width:100%}
}

/* ---------- Toast/Copy feedback ---------- */
.lv-toast{position:fixed;bottom:24px;right:24px;background:var(--lv-casca);color:var(--lv-dark-ink);padding:12px 18px;border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.25);z-index:200;display:flex;align-items:center;gap:10px;font-weight:600;font-size:.85rem;animation:lv-toast-in .3s ease-out}
@keyframes lv-toast-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.lv-toast.success{border-left:4px solid var(--lv-mata)}
.lv-toast.warning{border-left:4px solid var(--lv-serragem)}

/* ---------- Coupon urgency badge ---------- */
.lv-coupon-card{position:relative}
.lv-coupon-urgency{position:absolute;top:-10px;right:16px;background:var(--lv-serragem);color:#fff;padding:4px 10px;border-radius:999px;font-size:.65rem;font-weight:800;animation:lv-pulse 2s ease-in-out infinite;z-index:2;box-shadow:0 4px 12px rgba(227,154,45,.4)}
@keyframes lv-pulse{0%,100%{box-shadow:0 0 0 0 rgba(227,154,45,.6)}50%{box-shadow:0 0 0 10px rgba(227,154,45,0)}}

/* ---------- Ripple button effect ---------- */
.lv-btn{position:relative;overflow:hidden}
.lv-btn::after{content:"";position:absolute;inset:0;border-radius:inherit;background:currentColor;transform:scale(0);opacity:0;pointer-events:none}
.lv-btn:active::after{animation:lv-ripple .4s ease-out;opacity:.15}
@keyframes lv-ripple{to{transform:scale(2.5);opacity:0}}

/* ---------- Stagger entrance animation ---------- */
.lv-section > .lv-container > *{opacity:0;transform:translateY(16px);animation:lv-rise .6s ease-out forwards}
.lv-section > .lv-container > *:nth-child(1){animation-delay:.05s}
.lv-section > .lv-container > *:nth-child(2){animation-delay:.1s}
.lv-section > .lv-container > *:nth-child(3){animation-delay:.15s}
.lv-section > .lv-container > *:nth-child(4){animation-delay:.2s}
.lv-section > .lv-container > *:nth-child(5){animation-delay:.25s}
@keyframes lv-rise{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .lv-section > .lv-container > *{animation:none;opacity:1;transform:none}
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .lv-coupon-urgency{animation:none}
}

/* ---------- Toast styles ---------- */
.lv-toast{display:none}
.lv-toast.show{display:flex}

/* ============================================================
   Tema Claro/Escuro (padrao Sisweb via styles/sisweb-tokens.css)
   Light = identidade marketing original (tora/casca/mogno) intacta.
   Dark = remap das vars --lv-* para --sw-* + correcoes pontuais.
   ============================================================ */

/* ---------- Theme switcher discreto (delegacao via js/sisweb-theme.js) ---------- */
.lv-theme-switch{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--lv-areia);border-radius:999px;padding:2px;background:transparent}
.lv-theme-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--lv-muted);font-family:var(--lv-font-body);font-size:.76rem;font-weight:700;padding:7px 11px;border-radius:999px;cursor:pointer;white-space:nowrap;min-height:36px}
.lv-theme-btn i{font-size:.8rem}
.lv-theme-btn:hover{color:var(--lv-mogno)}
.lv-theme-btn.is-active{background:var(--lv-casca);color:var(--lv-dark-ink)}
.lv-theme-btn.is-active i{color:var(--lv-serragem)}
@media(max-width:768px){
  .lv-theme-btn{padding:7px 9px}
  .lv-theme-btn span{display:none}
}

/* ---------- Eyebrow + cupons (sem estilo proprio antes; identidade lv-*) ---------- */
.lv-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--lv-mogno);margin:0 0 10px}
.lv-eyebrow i{color:var(--lv-serragem)}
.lv-section-coupons{background:var(--lv-card);border-top:1px solid var(--lv-areia);border-bottom:1px solid var(--lv-areia)}
.lv-coupons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px}
.lv-coupon-card{background:var(--lv-card);border:1px solid var(--lv-areia);border-top:5px solid var(--lv-serragem);border-radius:var(--lv-radius);padding:20px 18px;box-shadow:0 8px 24px rgba(28,19,11,.08)}
.lv-coupon-off{font-family:var(--lv-font-display);font-size:1.5rem;font-weight:800;color:var(--lv-mogno)}
.lv-coupon-code{display:inline-block;font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:800;letter-spacing:.06em;background:#EFE4CE;border:1px dashed var(--lv-mogno);border-radius:8px;padding:6px 12px;margin-top:10px;color:var(--lv-casca)}
.lv-coupon-meta{font-size:.8rem;color:var(--lv-muted);margin:10px 0 14px}
.lv-coupon-actions{display:flex;gap:10px;flex-wrap:wrap}
.lv-coupons-note{font-size:.82rem;color:var(--lv-muted);margin-top:16px}
.lv-coupons-note i{color:var(--lv-mata)}

/* ---------- Tema escuro: remap de superficies ---------- */
html[data-theme="dark"]{
  color-scheme:dark;
  --lv-tora:var(--sw-bg);
  --lv-card:var(--sw-surface);
  --lv-ink:var(--sw-text-1);
  --lv-muted:var(--sw-text-3);
  --lv-areia:var(--sw-border);
  --lv-dark-ink:var(--sw-text-1);
  --lv-dark-muted:var(--sw-text-2);
}
html[data-theme="dark"] body{background:var(--sw-bg);color:var(--sw-text-2)}
html[data-theme="dark"] a{color:var(--sw-link)}
html[data-theme="dark"] .lv-topbar{background:var(--sw-surface)}
html[data-theme="dark"] .lv-logo{color:var(--sw-text-1)}
html[data-theme="dark"] .lv-nav a{color:var(--sw-text-2)}
html[data-theme="dark"] .lv-nav a:hover{color:var(--sw-brand-light)}
html[data-theme="dark"] .lv-btn-ghost{color:var(--sw-text-1)}
html[data-theme="dark"] .lv-btn-primary,html[data-theme="dark"] .lv-btn-secondary{color:#fff}
html[data-theme="dark"] .lv-btn-ghost:hover{color:var(--sw-brand-light);border-color:var(--sw-brand)}
html[data-theme="dark"] .lv-theme-btn{color:var(--sw-text-3)}
html[data-theme="dark"] .lv-theme-btn:hover{color:var(--sw-brand-light)}
html[data-theme="dark"] .lv-theme-btn.is-active{background:var(--sw-surface-2);color:var(--sw-text-1)}

/* Hero / identidade no escuro (serifas e acentos preservados) */
html[data-theme="dark"] .lv-hero{background:linear-gradient(180deg,var(--sw-surface) 0%,var(--sw-bg) 100%)}
html[data-theme="dark"] .lv-hero-copy h1{color:var(--sw-text-1)}
html[data-theme="dark"] .lv-hero-copy h1 em{color:var(--sw-brand-light)}
html[data-theme="dark"] .lv-hero-copy p{color:var(--sw-text-2)}
html[data-theme="dark"] .lv-hero-copy p strong{color:var(--sw-text-1)}
html[data-theme="dark"] .lv-badge{background:var(--sw-surface-2);border-color:var(--sw-border);color:var(--sw-text-1)}
html[data-theme="dark"] .lv-proof-pill{background:var(--sw-surface);color:var(--sw-text-2);box-shadow:none}
html[data-theme="dark"] .lv-proof-pill strong{color:var(--sw-text-1)}
html[data-theme="dark"] .lv-proof-pill i{color:var(--sw-brand-light)}
html[data-theme="dark"] .lv-hero-proofs .lv-proof-pill:nth-child(2){background:var(--sw-surface);color:var(--sw-text-2);border-color:var(--sw-border)}
html[data-theme="dark"] .lv-hero-proofs .lv-proof-pill:nth-child(2):hover{background:var(--sw-surface-2);border-color:var(--sw-success)}
html[data-theme="dark"] .lv-hero-proofs .lv-proof-pill:nth-child(3){background:var(--sw-surface);color:var(--sw-text-1);border-color:var(--sw-brand)}
html[data-theme="dark"] .lv-hero-proofs .lv-proof-pill:nth-child(3) strong{color:var(--sw-text-1)}
html[data-theme="dark"] .lv-hero-proofs .lv-proof-pill:nth-child(3):hover{background:var(--sw-success);border-color:var(--sw-success);color:#fff}
html[data-theme="dark"] .lv-hero-proofs .lv-proof-pill:nth-child(3):hover i,
html[data-theme="dark"] .lv-hero-proofs .lv-proof-pill:nth-child(3):hover strong{color:#fff}
html[data-theme="dark"] .lv-hero-proof{color:var(--sw-text-3)}
html[data-theme="dark"] .lv-hero-proof i{color:var(--sw-success)}
html[data-theme="dark"] .lv-hero-trust{border-top-color:var(--sw-border)}
html[data-theme="dark"] .lv-trust-logos img{opacity:.75;filter:grayscale(100%) brightness(1.6)}
html[data-theme="dark"] .lv-trust-logos img:hover{opacity:1;filter:none}
html[data-theme="dark"] .lv-trust-meta{color:var(--sw-text-2)}
html[data-theme="dark"] .lv-logpile{background:linear-gradient(180deg,var(--sw-bg) 0%,var(--sw-surface) 100%)}

/* Secoes / cards / fluxo / ecossistema */
html[data-theme="dark"] .lv-section-alt{background:var(--sw-surface)}
html[data-theme="dark"] .lv-section-title{color:var(--sw-text-1)}
html[data-theme="dark"] .lv-section-title em{color:var(--sw-brand-light)}
html[data-theme="dark"] .lv-section-sub{color:var(--sw-text-3)}
html[data-theme="dark"] .lv-card p,
html[data-theme="dark"] .lv-flow-step p,
html[data-theme="dark"] .lv-eco-card p,
html[data-theme="dark"] .lv-step p,
html[data-theme="dark"] .lv-benefit-list li,
html[data-theme="dark"] .lv-sim-gain-item{color:var(--sw-text-2)}
html[data-theme="dark"] .lv-card h3,
html[data-theme="dark"] .lv-flow-step h3,
html[data-theme="dark"] .lv-eco-card h3,
html[data-theme="dark"] .lv-step h4,
html[data-theme="dark"] .lv-benefit-col h3,
html[data-theme="dark"] .lv-benefit-list strong,
html[data-theme="dark"] .lv-sim-card-title,
html[data-theme="dark"] .lv-sim-field-header label{color:var(--sw-text-1)}
html[data-theme="dark"] .lv-eco-card span{color:var(--sw-text-3)}
html[data-theme="dark"] .lv-card-icon{background:var(--sw-surface-2)}
html[data-theme="dark"] .lv-flow-step code{background:var(--sw-surface-2);color:var(--sw-brand-light)}
html[data-theme="dark"] .lv-check{background:var(--sw-surface-2);color:var(--sw-text-2)}
html[data-theme="dark"] .lv-ecosystem-note{background:var(--sw-surface-2);color:var(--sw-text-2)}
html[data-theme="dark"] .lv-link{color:var(--sw-link)}
html[data-theme="dark"] .lv-eco-card-muted{background:transparent}
html[data-theme="dark"] .lv-section-accent{background:var(--sw-surface)}
html[data-theme="dark"] .lv-nota-tecnica{background:var(--sw-surface-2);color:var(--sw-text-2)}
html[data-theme="dark"] .lv-step span{background:var(--sw-success);color:#fff}

/* Vitrine / carrossel */
html[data-theme="dark"] .lv-section-vitrine{background:linear-gradient(180deg,var(--sw-surface) 0%,var(--sw-bg) 100%)}
html[data-theme="dark"] .lv-device-label,
html[data-theme="dark"] .lv-device-cap{color:var(--sw-text-3)}
html[data-theme="dark"] .lv-viewport,
html[data-theme="dark"] .lv-monitor-screen,
html[data-theme="dark"] .lv-phone-screen,
html[data-theme="dark"] .lv-hero-stage > .lv-phone-wrap .lv-phone-screen{background:var(--sw-surface-2)}
html[data-theme="dark"] .lv-slide img{background:var(--sw-surface-2)}
html[data-theme="dark"] .lv-slide-cap{color:var(--sw-text-1)}
html[data-theme="dark"] .lv-dot span{background:var(--sw-text-3)}
html[data-theme="dark"] .lv-dot:hover span{background:var(--sw-text-1)}

/* Simulador / cupons / contato */
html[data-theme="dark"] .lv-sim-card{box-shadow:none}
html[data-theme="dark"] .lv-sim-val{color:var(--sw-brand-light)}
html[data-theme="dark"] .lv-sim-kpi{background:var(--sw-bg);box-shadow:none}
html[data-theme="dark"] .lv-sim-kpi-highlight{background:linear-gradient(135deg,var(--sw-surface),var(--sw-brand-soft));border-color:var(--sw-brand)}
html[data-theme="dark"] .lv-sim-kpi-num{color:var(--sw-text-1)}
html[data-theme="dark"] .lv-sim-kpi-highlight .lv-sim-kpi-num{color:var(--sw-brand-light)}
html[data-theme="dark"] .lv-sim-kpi-label{color:var(--sw-text-3)}
html[data-theme="dark"] .lv-sim-kpi small{color:var(--sw-text-2)}
html[data-theme="dark"] .lv-sim-gains{border-top-color:var(--sw-border)}
html[data-theme="dark"] .lv-sim-gain-item i{color:var(--sw-success)}
html[data-theme="dark"] .lv-slider{background:var(--sw-border)}
html[data-theme="dark"] .lv-partner-calc output{color:var(--sw-brand-light)}
html[data-theme="dark"] .lv-partner-calc label{color:var(--sw-text-1)}
html[data-theme="dark"] .lv-partner-calc small{color:var(--sw-text-3)}
html[data-theme="dark"] .lv-coupon-off{color:var(--sw-brand-light)}
html[data-theme="dark"] .lv-coupon-code{background:var(--sw-surface-2);color:var(--sw-text-1);border-color:var(--sw-brand)}
html[data-theme="dark"] .lv-coupon-meta{color:var(--sw-text-3)}
html[data-theme="dark"] .lv-coupons-note{color:var(--sw-text-3)}
html[data-theme="dark"] .lv-contact-icon{background:rgba(255,255,255,.16)}
html[data-theme="dark"] .lv-btn-wa{background:#fff;color:#128C4B}
html[data-theme="dark"] .lv-btn-wa:hover{background:#f0f0f0;color:var(--lv-mogno)}
html[data-theme="dark"] .lv-eyebrow{color:var(--sw-brand-light)}

/* Share / toast / footer */
html[data-theme="dark"] .lv-share-opt{color:var(--sw-text-1)}
html[data-theme="dark"] .lv-share-opt:hover{background:var(--sw-surface-2)}
html[data-theme="dark"] .lv-share-opt small{color:var(--sw-text-3)}
html[data-theme="dark"] .lv-share-opt i.fa-copy{color:var(--sw-brand-light)}
html[data-theme="dark"] .lv-footer{background:var(--sw-surface);color:var(--sw-text-3)}
html[data-theme="dark"] .lv-toast{background:var(--sw-surface-2);color:var(--sw-text-1)}
html[data-theme="dark"] .lv-tooltip{background:var(--sw-surface-2);color:var(--sw-text-1);border-color:var(--sw-border)}
@media(max-width:768px){
  html[data-theme="dark"] .lv-btn-share{background:transparent;color:var(--sw-text-1)}
  html[data-theme="dark"] .lv-btn-share:hover{background:var(--sw-surface-2);color:var(--sw-brand-light);border-color:var(--sw-brand)}
}

/* ============================================================
   Hero XL desktop + sidebar mobile (2026-10-06)
   ============================================================ */
/* ---------- Topbar: menu desktop / hamburger + sidebar mobile ---------- */
.lv-topbar-menu{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1 1 auto;min-width:0}
.lv-topbar-cta-primary{flex-shrink:0}
.lv-hamburger{display:none;width:44px;height:44px;min-width:44px;border:2px solid var(--lv-areia);border-radius:10px;background:transparent;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0}
.lv-hamburger span{display:block;width:20px;height:2px;border-radius:2px;background:var(--lv-casca);transition:transform .25s ease,opacity .2s ease}
.lv-topbar.menu-open .lv-hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.lv-topbar.menu-open .lv-hamburger span:nth-child(2){opacity:0}
.lv-topbar.menu-open .lv-hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.lv-drawer-close{display:none}
.lv-drawer-brand{display:none}
.lv-topbar-backdrop{display:none}

/* ---------- Hero XL: mockup grande e centralizado (desktop) ---------- */
@media(min-width:901px){
  .lv-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:48px;align-items:center}
  .lv-hero-mockup{display:flex;justify-content:center}
  .lv-hero-stage{width:100%;max-width:800px;grid-template-columns:minmax(0,1fr) minmax(140px,172px);gap:26px;align-items:center}
  .lv-monitor{max-width:720px}
  .lv-hero-stage > .lv-phone-wrap{max-width:172px}
}
/* ---------- Hero ultrawide: respira sem perder proporção ---------- */
@media(min-width:1600px){
  .lv-hero .lv-container{max-width:1280px}
  .lv-hero-stage{max-width:880px}
  .lv-monitor{max-width:800px}
  .lv-hero-stage > .lv-phone-wrap{max-width:184px}
}

/* ---------- Mobile: sidebar + hero empilhado ---------- */
@media(max-width:900px){
  .lv-hamburger{display:inline-flex}
  .lv-topbar-cta-primary{padding:8px 12px;font-size:.82rem;min-height:44px}
  .lv-sticky-cta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:120;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(28,19,11,.94);border-top:2px solid var(--lv-serragem);gap:10px}
  .lv-sticky-cta .lv-btn{flex:1;min-height:52px}
  .lv-float-wa{bottom:150px}
  .lv-footer{padding-bottom:104px}
  .lv-topbar-menu{position:fixed;top:0;right:0;bottom:0;width:min(340px,88vw);z-index:200;display:flex;flex-direction:column;align-items:stretch;gap:6px;background:#FBF7EE;border-left:2px solid var(--lv-areia);box-shadow:-24px 0 48px rgba(28,19,11,.28);padding:16px 16px 20px;overflow-y:auto;transform:translateX(105%);transition:transform .32s cubic-bezier(.16,1,.3,1);justify-content:flex-start}
  .lv-topbar.menu-open .lv-topbar-menu{transform:translateX(0)}
  .lv-drawer-brand{display:flex;align-items:center;gap:10px;padding:2px 2px 12px;border-bottom:1px solid var(--lv-areia);margin-bottom:8px}
  .lv-drawer-brand .lv-drawer-close{margin-left:auto}
  html[data-theme="dark"] .lv-drawer-brand{border-bottom-color:var(--sw-border)}
  .lv-drawer-close{display:inline-flex;align-self:flex-end;width:44px;height:44px;min-width:44px;border-radius:50%;border:2px solid var(--lv-areia);background:transparent;color:var(--lv-casca);cursor:pointer;align-items:center;justify-content:center;font-size:1rem}
  .lv-topbar.menu-open .lv-nav{display:flex;flex-direction:column;gap:2px;margin-top:4px}
  .lv-topbar.menu-open .lv-nav a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:8px}
  .lv-topbar.menu-open .lv-nav a:hover{background:#F3EAD3;text-decoration:none}
  .lv-topbar.menu-open .lv-topbar-ctas{flex-direction:column;align-items:stretch;gap:10px;border-top:1px solid var(--lv-areia);padding-top:14px;margin-top:8px}
  .lv-topbar.menu-open .lv-topbar-ctas a[href*="portal-parceiro.html"]{display:inline-flex}
  .lv-topbar.menu-open .lv-topbar-ctas .lv-btn{width:100%;justify-content:center}
  .lv-topbar.menu-open .lv-theme-switch{align-self:center}
  .lv-topbar.menu-open .lv-theme-btn span{display:inline}
  .lv-topbar.menu-open .lv-share-wrap{width:100%}
  .lv-topbar.menu-open .lv-share-wrap .lv-btn{width:100%;justify-content:center}
  .lv-topbar.menu-open .lv-btn-share span{display:inline}
  .lv-topbar.menu-open .lv-share-popover{position:static;min-width:0;box-shadow:none;border:none;background:transparent;padding:8px 0 0}
  .lv-topbar.menu-open .lv-share-arrow{display:none}
  .lv-topbar.menu-open .lv-share-options{gap:8px}
  .lv-topbar.menu-open .lv-share-opt{border:1px solid var(--lv-areia);border-radius:10px;background:var(--lv-card)}
  .lv-topbar-backdrop{display:block;position:fixed;inset:0;z-index:190;background:rgba(28,19,11,.5);border:0;padding:0;cursor:pointer}
  .lv-topbar-backdrop[hidden]{display:none}
  html[data-theme="dark"] .lv-hamburger span{background:var(--sw-text-1)}
  html[data-theme="dark"] .lv-drawer-close{color:var(--sw-text-1);border-color:var(--sw-border)}
  html[data-theme="dark"] .lv-topbar-menu{background:var(--sw-surface);border-left-color:var(--sw-border)}
  html[data-theme="dark"] .lv-topbar.menu-open .lv-nav a:hover{background:var(--sw-surface-2)}
  html[data-theme="dark"] .lv-topbar.menu-open .lv-topbar-ctas{border-top-color:var(--sw-border)}
  /* hero empilhado e centralizado */
  .lv-hero-grid{grid-template-columns:1fr;gap:28px}
  .lv-hero-stage{grid-template-columns:1fr;justify-items:center;gap:22px;max-width:560px;margin:0 auto;width:100%;padding-bottom:8px}
  .lv-monitor{max-width:560px;width:100%}
  .lv-hero-stage > .lv-phone-wrap{max-width:210px;width:100%;justify-self:center}
  .lv-hero-stage > .lv-phone-wrap .lv-phone-frame{border-radius:34px;padding:8px 8px 10px}
  .lv-hero-stage > .lv-phone-wrap .lv-phone-screen{border-radius:26px}
  .lv-hero-stage > .lv-phone-wrap .lv-phone-island{top:16px;width:80px;height:22px}
}
@media(max-width:480px){
  .lv-topbar-cta-primary{padding:8px 10px;font-size:.78rem}
  .lv-hero-stage > .lv-phone-wrap{max-width:190px}
}
@media (prefers-reduced-motion:reduce){
  .lv-topbar-menu{transition:none}
  .lv-hamburger span{transition:none}
}

/* ============================================================
   Hero: renders PNG de devices (sem moldura CSS dupla)
   Carrossel intacto: slides empilham em grid, altura natural.
   ============================================================ */
.lv-hero-stage .lv-monitor-frame{background:none;box-shadow:none;padding:0;border-radius:0}
.lv-hero-stage .lv-monitor-screen{background:transparent;border-radius:0;overflow:visible;box-shadow:none}
.lv-hero-stage .lv-monitor-screen::after,.lv-hero-stage .lv-phone-screen::after{content:none}
.lv-hero-stage .lv-monitor-cam,.lv-hero-stage .lv-monitor-neck,.lv-hero-stage .lv-monitor-base{display:none}
.lv-hero-stage > .lv-phone-wrap .lv-phone-frame{background:none;box-shadow:none;padding:0;border-radius:0}
.lv-hero-stage > .lv-phone-wrap .lv-phone-frame::after{content:none}
.lv-hero-stage > .lv-phone-wrap .lv-phone-screen{background:transparent;border-radius:0;overflow:visible}
.lv-hero-stage .lv-phone-island,.lv-hero-stage .lv-phone::before,.lv-hero-stage .lv-phone::after{display:none}
#lv-hero-carousel .lv-viewport,#lv-hero-phone-carousel .lv-viewport{display:grid;aspect-ratio:auto;max-height:none;overflow:visible;background:transparent}
#lv-hero-carousel .lv-slide,#lv-hero-phone-carousel .lv-slide{position:static;grid-area:1/1;inset:auto;display:flex;flex-direction:column;align-items:center}
#lv-hero-carousel .lv-slide img,#lv-hero-phone-carousel .lv-slide img{position:static;inset:auto;width:100%;height:auto;object-fit:contain;background:transparent;filter:none}
#lv-hero-carousel .lv-slide-cap,#lv-hero-phone-carousel .lv-slide-cap{display:none}
#lv-hero-carousel .lv-controls,#lv-hero-phone-carousel .lv-controls{position:static;background:transparent;justify-content:center;padding:10px 8px 0;gap:10px}
#lv-hero-phone-carousel .lv-controls{margin-top:12px}

/* ---------- Skeleton dos cupons (troca pelo JS ao carregar) ---------- */
.lv-coupon-skeleton{pointer-events:none}
.lv-coupon-skeleton .lv-coupon-off,.lv-coupon-skeleton .lv-coupon-code,.lv-coupon-skeleton .lv-coupon-meta{background:linear-gradient(100deg,var(--lv-areia) 40%,#FFFDF7 50%,var(--lv-areia) 60%);background-size:200% 100%;animation:lv-skeleton 1.4s ease infinite;color:transparent;border-color:transparent}
@keyframes lv-skeleton{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){
  .lv-coupon-skeleton .lv-coupon-off,.lv-coupon-skeleton .lv-coupon-code,.lv-coupon-skeleton .lv-coupon-meta{animation:none}
}
html[data-theme="dark"] .lv-coupon-skeleton .lv-coupon-off,html[data-theme="dark"] .lv-coupon-skeleton .lv-coupon-code,html[data-theme="dark"] .lv-coupon-skeleton .lv-coupon-meta{background:linear-gradient(100deg,var(--sw-surface-2) 40%,var(--sw-border) 50%,var(--sw-surface-2) 60%);background-size:200% 100%}

/* ---------- FAQ (details nativo, sem JS) ---------- */
.lv-faq-list{display:flex;flex-direction:column;gap:12px;max-width:800px}
.lv-faq-item{background:var(--lv-card);border:1px solid var(--lv-areia);border-radius:12px;padding:0 18px}
.lv-faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;min-height:56px;font-weight:700;color:var(--lv-casca);font-size:.98rem}
.lv-faq-item summary::-webkit-details-marker{display:none}
.lv-faq-item summary::after{content:"+";margin-left:auto;color:var(--lv-mogno);font-size:1.3rem;font-weight:800;flex-shrink:0}
.lv-faq-item[open] summary::after{content:"–"}
.lv-faq-item p{margin:0 0 16px;color:#4A3D2C;font-size:.92rem}
html[data-theme="dark"] .lv-faq-item{background:var(--sw-surface);border-color:var(--sw-border)}
html[data-theme="dark"] .lv-faq-item summary{color:var(--sw-text-1)}
html[data-theme="dark"] .lv-faq-item summary::after{color:var(--sw-brand-light)}
html[data-theme="dark"] .lv-faq-item p{color:var(--sw-text-2)}

/* ---------- Sticky CTA mobile ---------- */
@media(min-width:901px){
  .lv-sticky-cta{display:none}
}

/* ---------- CTAs + pills padronizados: mesma métrica, hover in/out na marca ---------- */
.lv-hero-ctas .lv-btn{flex:1 1 260px}
.lv-hero-proofs .lv-proof-pill{flex:1 1 230px;justify-content:center;text-align:center}
.lv-hero-ctas .lv-btn,.lv-hero-proofs .lv-proof-pill{transition:background .2s,transform .2s cubic-bezier(.16,1,.3,1),box-shadow .25s,filter .2s,border-color .2s}
.lv-hero-ctas .lv-btn:active,.lv-hero-proofs .lv-proof-pill:active{transform:translateY(0) scale(.98)}
html[data-theme="dark"] .lv-hero-proofs .lv-proof-pill:hover{border-color:var(--sw-brand)}
