/* Home (02/10/2026): botões do topo, cartões de números, Setores e Planos. */
.sx-hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 22px;position:relative}
.sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 30px;border-radius:999px;font-weight:700;font-size:17px;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}
a.sx-btn.sx-btn-primary,a.sx-btn.sx-btn-primary:visited,a.sx-btn.sx-btn-primary:hover{background:#191919;color:#fff!important;box-shadow:0 10px 24px rgba(25,25,25,.22)}
.sx-btn-primary span{color:#FF5A1F;font-size:20px}
.sx-btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(25,25,25,.28)}
a.sx-btn.sx-btn-ghost,a.sx-btn.sx-btn-ghost:visited{background:#fff;color:#191919!important;border:1px solid #D7D1C7}
.sx-btn-ghost:hover{background:#F5F2EC}
.sx-btn:focus-visible{outline:3px solid #FF5A1F;outline-offset:3px}
.sx-hero-media{align-self:center}
.sx-hero-media .si-vsl{margin:0}
.sx-proof{margin:6px 0 18px;max-width:600px}
.sx-proof ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sx-proof li{border:1px solid #F0D9CC;background:#FFFAF6;border-radius:14px;padding:14px 14px 13px;display:flex;flex-direction:column;gap:3px}
.sx-proof li span{font-size:10.5px;font-weight:700;letter-spacing:.1em;color:#A83410}
.sx-proof li strong{font-size:34px;line-height:1.05;letter-spacing:-.04em;color:#D9480F}
.sx-proof li em{font-style:normal;font-size:13px;line-height:1.35;color:#191919}
.sx-proof p{font-size:11.5px;line-height:1.45;color:#6B655C;margin:9px 0 0}
.sx-proof p a{color:#A83410;font-weight:700;white-space:nowrap}
.sx-setores,.sx-planos{margin-top:56px}
.sx-h3{font-size:clamp(22px,2.4vw,30px);line-height:1.2;letter-spacing:-.02em;margin:8px 0 22px;max-width:760px}
.sx-setores-nota{font-size:15px;line-height:1.5;color:#3D3A35;margin:0 0 22px;max-width:760px}
.sx-setores-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sx-setor{border:1px solid #E6E0D6;border-radius:18px;padding:22px;background:#fff;display:flex;flex-direction:column}
.sx-setor-cena{display:block;margin:-22px -22px 16px;border-radius:18px 18px 0 0;overflow:hidden;aspect-ratio:4/3}
.sx-setor-cena img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 36%}
.sx-setor h4{font-size:19px;line-height:1.25;margin:0 0 10px}
.sx-setor p{font-size:15px;line-height:1.5;margin:0 0 10px;color:#3D3A35}
.sx-setor .sx-setor-prova{font-size:13px;color:#A83410;font-weight:700}
.sx-setor-links{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:8px}
.sx-setor-links a{font-size:15px;color:#191919;text-decoration:underline;text-underline-offset:3px}
.sx-setor-links a.sx-forte{font-weight:700;color:#A83410}
.sx-planos-grid{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sx-planos-grid li{border:1px solid #E6E0D6;border-radius:16px;padding:18px;background:#fff;display:flex;flex-direction:column;gap:6px}
.sx-planos-grid li strong{font-size:18px}
.sx-planos-grid li span{font-size:14px;line-height:1.45;color:#3D3A35}
.sx-planos-grid li em{font-style:normal;align-self:flex-start;font-size:10.5px;font-weight:700;letter-spacing:.08em;color:#fff;background:#D9480F;border-radius:999px;padding:3px 9px}
.sx-planos-grid li.sx-destaque{border:2px solid #FF5A1F;background:#FFFAF6}
.sx-planos-nota{font-size:14px;color:#6B655C;margin:0 0 16px}
@media(max-width:900px){.sx-setores-grid{grid-template-columns:1fr}.sx-planos-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.sx-hero-ctas{flex-direction:column;gap:10px;margin:22px 0 16px}.sx-btn{width:100%;min-height:54px;font-size:16px}.sx-proof ul{gap:7px}.sx-proof li{padding:11px 9px}.sx-proof li strong{font-size:25px}.sx-proof li em{font-size:11.5px}.sx-proof li span{font-size:9px;letter-spacing:.05em}.sx-planos-grid{grid-template-columns:1fr}.sx-setores,.sx-planos{margin-top:40px}}
@media(max-width:360px){.sx-proof ul{grid-template-columns:1fr}.sx-proof li{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:10px 12px}.sx-proof li span{grid-column:1/-1;font-size:9.5px}.sx-proof li strong{font-size:24px}.sx-proof li em{font-size:12.5px}}

/* Luizinho FASE 2+3 (02/10): Luizinho "em pé" sobre o vídeo (telas largas), menor sobre o vídeo (tablet) ou
   no canto do bloco do título (celular) — sempre fora do fluxo, nunca cobre vídeo/texto nem empurra botão.
   FASE 3 (correção): tamanho por clamp(), nunca pela viewport, com folga medida contra o header (sticky,
   77-89px de altura) e o topo do vídeo (~338-354px nesta faixa) — margem de segurança de >=50px além dos
   24px mínimos pedidos, em 1100/1280/1440/1536/1920 (conferido com captura real). A faixa 681-1099 usa a
   MESMA âncora do celular (bloco do título), maior; o ajuste fino contra o título (quando a 2ª linha do H1
   cabe numa única linha e alcança o canto) é feito por JS em lz-launcher.js (mede de verdade, não assume). */
.dc1d8245d5f{position:relative}
.sx-hero-media{position:relative}
.lz-hero-figure,.lz-hero-bubble{display:none}
.lz-hero-figure-mobile{display:block;position:absolute;top:-6px;right:0;width:70px;z-index:3;pointer-events:none}
.lz-hero-figure-mobile img{display:block;width:100%;height:auto;filter:drop-shadow(2px 4px 0 rgba(31,29,27,.16))}
.lz-hero-figure-mobile.lz-pose-pequena{width:52px}
@media(min-width:681px) and (max-width:1099px){
  /* Faixa intermediária (tablet): mesma âncora confiável do título (não a do vídeo — nesta faixa o cartão do
     vídeo é mais largo que o vídeo em si, conferido medindo; a pose ficaria fora dele), só um pouco maior. */
  .lz-hero-figure-mobile{width:104px;top:-10px}
  .lz-hero-figure-mobile.lz-pose-pequena{width:70px}
}
@media(min-width:1100px){
  .lz-hero-figure-mobile{display:none}
  .lz-hero-figure{display:block;position:absolute;z-index:3;pointer-events:none;
    bottom:100%;right:30px;width:clamp(108px,8vw,138px);margin-bottom:-4px}
  .lz-hero-figure img{display:block;width:100%;height:auto;filter:drop-shadow(3px 6px 0 rgba(31,29,27,.18))}
  .lz-hero-bubble{display:block;position:absolute;z-index:4;bottom:100%;right:calc(clamp(108px,8vw,138px) + 44px);
    margin-bottom:76px;max-width:190px;
    background:#FFF8EE;border:2px solid #1F1D1B;border-radius:16px 16px 4px 16px;padding:10px 14px 12px;
    box-shadow:4px 4px 0 #1F1D1B;font:700 15px Archivo,Arial,sans-serif;color:#1F1D1B}
  .lz-hero-bubble p{margin:0}
  .lz-hero-bubble:after{content:'';position:absolute;right:16px;bottom:-10px;width:0;height:0;
    border:9px solid transparent;border-top-color:#1F1D1B;border-bottom:0}
  .lz-hero-bubble:before{content:'';position:absolute;right:18px;bottom:-7px;width:0;height:0;
    border:7px solid transparent;border-top-color:#FFF8EE;border-bottom:0;z-index:1}
}

/* Bloco "Conheça o Luizinho" (seção nova, logo após o hero). Container = .su-shell (o mesmo de todo o resto
   do site — FASE 3: corrige o desalinhamento de x=380 vs x=300 em 1920px que o max-width/padding própria
   desta classe causava; .su-shell já cuida da largura/centralização em cada breakpoint, aqui só o grid). */
.lz-sobre{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,56px);align-items:center;
  margin:clamp(40px,6vw,72px) auto}
.lz-sobre-texto p{font-size:17px;line-height:1.6;color:#3D3A35;max-width:560px}
.lz-sobre-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#A83410;margin:20px 0 10px!important}
.lz-sobre-lista{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px;max-width:520px}
.lz-sobre-lista li{font-size:16px;line-height:1.5;color:#191919;padding-left:22px;position:relative}
.lz-sobre-lista li:before{content:'✓';position:absolute;left:0;color:#D9480F;font-weight:700}
/* FASE 3: o bordão e o botão "Conhecer agora" são os dois inline (inline-block / inline-flex) e, lado a
   lado na mesma linha, a margem VERTICAL do bordão não cria espaço horizontal nenhum — ficavam colados.
   margin-right garante >=16px também quando cabem na mesma linha; a margem de baixo já cobre quando quebram. */
p.lz-bordao{display:inline-block;font-size:16px;font-style:italic;color:#191919;background:#FFF8EE;border:1px solid #EADFCB;border-radius:4px 16px 16px 16px;padding:12px 18px;margin:4px 20px 22px 0;max-width:580px}
.lz-sobre-cena{margin:0;border:2px solid #1F1D1B;border-radius:20px;overflow:hidden;box-shadow:6px 6px 0 rgba(31,29,27,.15)}
.lz-sobre-cena picture,.lz-sobre-cena img{display:block;width:100%;height:auto}
@media(max-width:900px){.lz-sobre{grid-template-columns:1fr}.lz-sobre-cena{order:-1;max-width:420px;margin:0 auto}}
@media(max-width:680px){.lz-bordao{font-size:14.5px;padding:11px 15px;margin-right:16px}.lz-sobre-texto p{font-size:15.5px}}