/* ============================================================
   sites-ia.css — LP do curso Sites com Claude & Codex (R$ 147).
   Página autossuficiente (não carrega o style.css), destino do
   tráfego frio de Ads. Layout inspirado na referência de LP de
   evento (dark + neon), com o vermelho trocado pelo azul TG
   (#1283c4) e a identidade tipográfica do site (Outfit + DM Sans).
   Namespace: .si-*
   ============================================================ */

@font-face{font-family:'Outfit';src:url('/fonts/outfit-latin.woff2') format('woff2');font-weight:100 900;font-display:swap;font-style:normal;}
@font-face{font-family:'DM Sans';src:url('/fonts/dmsans-latin.woff2') format('woff2');font-weight:100 1000;font-display:swap;font-style:normal;}

:root{
  --si-bg:#060607;
  --si-bg-2:#0a0a0d;
  --si-card:#0f0f12;
  --si-card-2:#121217;
  --si-line:rgba(255,255,255,.07);
  --si-line-strong:rgba(255,255,255,.13);
  --si-blue:#1283c4;
  --si-blue-deep:#0a5a8a;
  --si-blue-bright:#41b1f2;
  --si-blue-line:rgba(18,131,196,.38);
  --si-blue-soft:rgba(18,131,196,.14);
  --si-neon:#22c4ff;
  --si-neon-deep:#0b8fd9;
  --si-text:#a3a3ab;
  --si-text-soft:#7c7c85;
  --si-white:#fff;
  --si-font-display:'Outfit',sans-serif;
  --si-font-body:'DM Sans',sans-serif;
  --si-t:.35s cubic-bezier(0,0,.36,1);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden;}
body{font-family:var(--si-font-body);font-size:16px;line-height:1.65;color:var(--si-text);background:var(--si-bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
/* `clip` não cria um scroll container e, portanto, não interfere no topbar sticky. */
@supports (overflow:clip){html,body{overflow-x:clip;}}
img,svg{display:block;max-width:100%;}
img{height:auto;}
a{color:inherit;text-decoration:none;}
ul,ol{list-style:none;}
button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit;}

/* títulos no espírito da referência: display pesado, caixa alta */
h1,h2,h3{font-family:var(--si-font-display);color:var(--si-white);font-weight:800;line-height:1.08;letter-spacing:-.01em;text-transform:uppercase;}
h1{font-size:clamp(34px,4.8vw,58px);}
h2{font-size:clamp(27px,3.8vw,42px);}
h3{font-size:clamp(18px,2vw,23px);}
strong{color:#d9d9df;font-weight:600;}

.si-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 24px;}
.si-hl{color:var(--si-blue-bright);}

/* grade sutil de fundo, eco da textura da referência */
.si-gridbg{position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);
  background-size:56px 56px;}
main{position:relative;z-index:1;}

/* reveal on scroll */
.js [data-animate]{opacity:0;transform:translateY(26px);transition:opacity .7s var(--si-t),transform .7s var(--si-t);}
.js [data-animate].si-in{opacity:1;transform:none;}

/* ---------- botão azul neon (eco do botão vermelho da referência) ---------- */
.si-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;
  padding:19px 42px;border-radius:12px;
  background:linear-gradient(180deg,#3fd0ff 0%,var(--si-neon-deep) 100%);
  color:#fff;font-family:var(--si-font-display);font-size:15px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  box-shadow:0 14px 40px rgba(34,196,255,.28),inset 0 1px 0 rgba(255,255,255,.28);
  transition:transform var(--si-t),box-shadow var(--si-t),filter var(--si-t);}
.si-btn svg{width:20px;height:20px;flex-shrink:0;transition:transform var(--si-t);}
.si-btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 20px 52px rgba(34,196,255,.4),inset 0 1px 0 rgba(255,255,255,.28);}
.si-btn:hover svg{transform:translateX(4px);}
.si-btn:active{transform:translateY(0);}

/* eyebrow de seção: ● TEXTO (igual à referência) */
.si-eyebrow{display:inline-flex;align-items:center;gap:9px;
  font-family:var(--si-font-display);font-size:12.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--si-blue-bright);}
.si-eyebrow::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--si-blue);box-shadow:0 0 12px var(--si-blue);flex-shrink:0;}

/* cabeçalho central de seção */
.si-shead{position:relative;z-index:1;text-align:center;max-width:780px;margin:0 auto 52px;}
.si-shead .si-eyebrow{margin-bottom:18px;}
.si-shead h2{margin-bottom:16px;text-wrap:balance;}
.si-shead p{font-size:16.5px;}

/* aba de glow no topo dos cards (eco das abas vermelhas da referência) */
.si-tab{position:absolute;top:-1px;left:36px;width:110px;height:7px;border-radius:0 0 8px 8px;
  background:linear-gradient(90deg,var(--si-blue),var(--si-neon));box-shadow:0 6px 22px rgba(34,196,255,.55);}

/* ============================================================
   TOPBAR
   ============================================================ */
.si-topbar{position:sticky;top:0;z-index:50;background:rgba(6,6,7,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--si-line);}
.si-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 24px;max-width:1180px;margin:0 auto;}
.si-topbar-logo{height:30px;width:auto;flex-shrink:0;}
.si-topbar-logo svg{height:30px;width:auto;}
.si-topbar-note{font-family:var(--si-font-display);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--si-text);text-align:center;}
.si-topbar-note b{color:var(--si-white);font-weight:700;}
.si-topbar-cta{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:10px;flex-shrink:0;
  background:linear-gradient(180deg,#3fd0ff 0%,var(--si-neon-deep) 100%);
  color:#fff;font-family:var(--si-font-display);font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  box-shadow:0 8px 24px rgba(34,196,255,.28),inset 0 1px 0 rgba(255,255,255,.25);transition:filter var(--si-t),transform var(--si-t);}
.si-topbar-cta svg{width:15px;height:15px;}
.si-topbar-cta:hover{filter:brightness(1.07);transform:translateY(-1px);}

/* ============================================================
   HERO (capa em cover no desktop, texto à esquerda, expert à direita)
   ============================================================ */
.si-hero{position:relative;overflow:hidden;padding:64px 0 84px;background-color:var(--si-bg);}
@media (min-width:1021px){
  .si-hero{min-height:min(92vh,860px);display:flex;align-items:center;
    background-image:url('/images/lp-sites/bg-hero-sites-desktop.webp');
    background-size:cover;background-position:center right;background-repeat:no-repeat;}
  /* degradê pra garantir leitura do texto à esquerda em qualquer tela */
  .si-hero::before{content:'';position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(90deg,rgba(6,6,7,.88) 0%,rgba(6,6,7,.55) 34%,transparent 60%);}
  .si-hero::after{content:'';position:absolute;inset:auto 0 0 0;height:140px;pointer-events:none;
    background:linear-gradient(180deg,transparent,var(--si-bg));}
}
.si-hero-inner{position:relative;z-index:1;}
.si-hero-text{max-width:640px;}

/* selo acima da headline (eco do "A diferença não é esforço. É perspectiva.") */
.si-hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:999px;margin-bottom:24px;
  background:rgba(10,10,13,.72);border:1px solid var(--si-blue-line);backdrop-filter:blur(6px);
  font-family:var(--si-font-display);font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#d5d5db;}
.si-hero-badge b{color:var(--si-blue-bright);font-weight:800;}
.si-hero-badge svg{width:15px;height:15px;color:var(--si-blue-bright);flex-shrink:0;}

.si-hero h1{margin-bottom:20px;text-wrap:balance;}
.si-hero-sub{font-size:17px;max-width:560px;margin-bottom:34px;color:#b9b9c1;}
.si-hero-sub strong{color:var(--si-white);}
.si-hero-cta{margin-bottom:26px;}

/* linha de meta abaixo do CTA (eco de "7 de Fevereiro | Vibra São Paulo") */
.si-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;font-family:var(--si-font-display);font-size:13.5px;font-weight:600;color:#c7c7cf;}
.si-hero-meta li{display:inline-flex;align-items:center;gap:8px;}
.si-hero-meta svg{width:16px;height:16px;color:var(--si-blue-bright);flex-shrink:0;}

/* imagem do hero no mobile (a capa cover só existe no desktop) */
.si-hero-mob{display:none;}
@media (max-width:1020px){
  .si-hero{padding-top:48px;}
  .si-hero-text{max-width:none;}
  /* full-bleed: escapa do padding do .si-wrap (24px) pra encostar nas bordas da tela */
  .si-hero-mob{display:block;width:calc(100% + 48px);max-width:none;margin:38px -24px -84px;border-radius:0;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 64px,#000 calc(100% - 96px),transparent 100%);
            mask-image:linear-gradient(180deg,transparent 0,#000 64px,#000 calc(100% - 96px),transparent 100%);}
}

/* ============================================================
   FAIXAS MARQUEE CRUZADAS (eco direto da referência)
   ============================================================ */
.si-ribbons{position:relative;z-index:20;height:150px;overflow:hidden;pointer-events:none;}
.si-ribbon{position:absolute;left:-6%;width:112%;padding:15px 0;background:#0c0c10;border-top:1px solid var(--si-line-strong);border-bottom:1px solid var(--si-line-strong);
  box-shadow:0 18px 50px rgba(0,0,0,.55);overflow:hidden;}
.si-ribbon-a{top:26px;transform:rotate(-2.2deg);}
.si-ribbon-b{top:64px;transform:rotate(2.2deg);opacity:.6;}
.si-ribbon-track{display:flex;width:max-content;animation:siMarquee 30s linear infinite;}
.si-ribbon-b .si-ribbon-track{animation-duration:38s;animation-direction:reverse;}
.si-ribbon-seq{display:flex;align-items:center;flex-shrink:0;}
.si-ribbon-seq span{padding:0 28px;font-family:var(--si-font-display);font-size:13px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#d5d5db;white-space:nowrap;}
.si-ribbon-seq span.si-mq-blue{color:var(--si-blue-bright);}
.si-ribbon-seq i{width:6px;height:6px;border-radius:50%;background:var(--si-blue);box-shadow:0 0 8px var(--si-blue);flex-shrink:0;}
@keyframes siMarquee{to{transform:translateX(-50%);}}

/* ============================================================
   NÚMEROS (4 cards, eco dos stats do evento)
   ============================================================ */
.si-stats{position:relative;padding:64px 0 96px;}
.si-stats::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:70%;height:55%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(18,131,196,.09),transparent 70%);}
.si-stats-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.si-stat{position:relative;padding:38px 24px 30px;border-radius:16px;background:var(--si-card);border:1px solid var(--si-line);text-align:center;}
.si-stat i{width:52px;height:52px;margin:0 auto 18px;display:grid;place-items:center;border-radius:13px;
  background:var(--si-blue-soft);border:1px solid var(--si-blue-line);color:var(--si-blue-bright);
  box-shadow:0 0 26px rgba(18,131,196,.28);}
.si-stat i svg{width:24px;height:24px;}
.si-stat-num{display:block;font-family:var(--si-font-display);font-size:clamp(30px,3vw,40px);font-weight:800;color:var(--si-blue-bright);line-height:1;letter-spacing:-.01em;
  text-shadow:0 0 26px rgba(34,196,255,.45);}
.si-stat-label{display:block;font-family:var(--si-font-display);font-size:14px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--si-white);margin:8px 0 10px;}
.si-stat p{font-size:13.5px;line-height:1.5;color:var(--si-text-soft);}
.si-stat p b{color:var(--si-text);font-weight:600;}

/* ============================================================
   DILEMA / PROBLEMA (imagem com pills + texto, eco da referência)
   ============================================================ */
.si-problema{position:relative;padding:40px 0 110px;}
.si-problema-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center;}
.si-problema-visual{position:relative;}
/* imagem incorporada ao fundo: sem moldura; o fade das bordas vem
   embutido no próprio arquivo (alpha do webp) */
.si-problema-visual>img{width:100%;}
/* glow atrás da imagem */
.si-problema-visual::before{content:'';position:absolute;inset:-8%;z-index:-1;
  background:radial-gradient(closest-side,rgba(18,131,196,.16),transparent 72%);}
/* pills flutuantes sobre a imagem */
.si-pill-float{position:absolute;padding:8px 16px;border-radius:999px;
  background:rgba(10,10,13,.78);border:1px solid var(--si-blue-line);backdrop-filter:blur(4px);
  font-family:var(--si-font-display);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--si-blue-bright);
  box-shadow:0 10px 26px rgba(0,0,0,.5),0 0 18px rgba(18,131,196,.25);white-space:nowrap;}
.si-pill-1{top:9%;left:-14px;}
.si-pill-2{top:34%;right:-16px;}
.si-pill-3{bottom:30%;left:-20px;}
.si-pill-4{bottom:8%;right:6%;}

.si-problema-content .si-eyebrow{margin-bottom:16px;}
.si-problema-content h2{margin-bottom:24px;}
.si-problema-content p{margin-bottom:16px;}
.si-problema-content p b,.si-problema-content p strong{color:var(--si-blue-bright);font-weight:600;}
.si-problema-content .si-btn{margin-top:16px;}

/* ============================================================
   A VIRADA (manifesto central + terminal mock, eco da seção de vídeo)
   ============================================================ */
.si-virada{position:relative;padding:100px 0 110px;background:var(--si-bg-2);border-top:1px solid var(--si-line);border-bottom:1px solid var(--si-line);overflow:hidden;}
/* losangos decorativos nas laterais (eco dos diamantes vermelhos) */
.si-virada::before,.si-virada::after{content:'';position:absolute;top:50%;width:340px;height:340px;transform:translateY(-50%) rotate(45deg);
  border:2px solid rgba(18,131,196,.16);pointer-events:none;}
.si-virada::before{left:-190px;box-shadow:0 0 90px rgba(18,131,196,.14) inset;}
.si-virada::after{right:-190px;box-shadow:0 0 90px rgba(18,131,196,.14) inset;}
.si-virada .si-shead{max-width:820px;margin-bottom:20px;}
.si-virada-copy{position:relative;z-index:1;max-width:720px;margin:0 auto 54px;text-align:center;}
.si-virada-copy p{margin-bottom:16px;}
.si-virada-copy p b{color:var(--si-blue-bright);font-weight:600;}
.si-virada-copy p strong{color:var(--si-white);}

/* terminal mock (a "imagem incorporada" desta seção é desenhada em CSS) */
.si-terminal{position:relative;z-index:1;max-width:760px;margin:0 auto;border-radius:16px;overflow:hidden;
  background:#0b0b0f;border:1px solid var(--si-line-strong);
  box-shadow:0 40px 100px rgba(0,0,0,.65),0 0 70px rgba(18,131,196,.14);
  font-family:'Consolas','SF Mono',monospace;font-size:14px;line-height:1.7;text-align:left;}
.si-terminal-bar{display:flex;align-items:center;gap:7px;padding:13px 18px;background:#101016;border-bottom:1px solid var(--si-line);}
.si-terminal-bar i{width:11px;height:11px;border-radius:50%;background:#26262e;}
.si-terminal-bar i:first-child{background:rgba(244,93,94,.75);}
.si-terminal-bar i:nth-child(2){background:rgba(244,197,93,.75);}
.si-terminal-bar i:nth-child(3){background:rgba(93,244,141,.6);}
.si-terminal-bar span{margin-left:10px;font-size:12px;letter-spacing:.08em;color:var(--si-text-soft);}
.si-terminal-body{padding:24px 26px 28px;}
.si-terminal-body p{margin-bottom:10px;color:#c7c7cf;word-break:break-word;}
.si-terminal-body .si-tprompt{color:var(--si-blue-bright);}
.si-terminal-body .si-tok{color:#5df48d;}
.si-terminal-body .si-tdim{color:var(--si-text-soft);}
.si-terminal-cursor{display:inline-block;width:9px;height:17px;vertical-align:-3px;background:var(--si-blue-bright);animation:siBlink 1.1s steps(1) infinite;}
@keyframes siBlink{50%{opacity:0;}}

/* ============================================================
   O MÉTODO EM 3 PASSOS (blocos numerados com imagem, eco direto)
   ============================================================ */
.si-metodo{position:relative;padding:104px 0 96px;}
.si-metodo-list{display:grid;gap:34px;margin-bottom:56px;}
.si-passo{position:relative;display:grid;grid-template-columns:.94fr 1.06fr;gap:44px;align-items:center;
  padding:40px;border-radius:20px;background:var(--si-card);border:1px solid var(--si-line);}
.si-passo-img{position:relative;}
.si-passo-img img{width:100%;border-radius:14px;border:1px solid var(--si-line-strong);box-shadow:0 24px 60px rgba(0,0,0,.55);}
.si-passo-num{display:inline-grid;place-items:center;width:46px;height:46px;margin-bottom:18px;border-radius:11px;
  background:linear-gradient(180deg,var(--si-blue),var(--si-blue-deep));color:#fff;
  font-family:var(--si-font-display);font-size:19px;font-weight:800;
  box-shadow:0 10px 26px rgba(18,131,196,.4),inset 0 1px 0 rgba(255,255,255,.25);}
.si-passo h3{font-size:clamp(21px,2.4vw,27px);margin-bottom:14px;}
.si-passo p{margin-bottom:16px;}
.si-passo p b{color:var(--si-blue-bright);font-weight:600;}
.si-checks{display:grid;gap:10px;}
.si-checks li{display:flex;align-items:flex-start;gap:11px;font-size:15px;color:var(--si-text);}
.si-checks li i{width:21px;height:21px;flex-shrink:0;display:grid;place-items:center;border-radius:7px;margin-top:2px;
  background:var(--si-blue-soft);border:1px solid var(--si-blue-line);color:var(--si-blue-bright);}
.si-checks li i svg{width:11px;height:11px;}
.si-checks li b,.si-checks li strong{color:#d9d9df;font-weight:600;}
.si-metodo-cta{text-align:center;}

/* ============================================================
   O QUE VOCÊ RECEBE + BÔNUS
   ============================================================ */
.si-recebe{position:relative;padding:100px 0;background:var(--si-bg-2);border-top:1px solid var(--si-line);border-bottom:1px solid var(--si-line);}
.si-recebe::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:70%;height:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(18,131,196,.08),transparent 70%);}
.si-recebe-card{position:relative;padding:46px 46px 40px;border-radius:20px;background:var(--si-card);border:1px solid var(--si-line);margin-bottom:26px;}
.si-recebe-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;}
.si-recebe-grid li{display:flex;align-items:flex-start;gap:12px;font-size:15.5px;}
.si-recebe-grid li i{width:23px;height:23px;flex-shrink:0;display:grid;place-items:center;border-radius:8px;margin-top:2px;
  background:var(--si-blue-soft);border:1px solid var(--si-blue-line);color:var(--si-blue-bright);}
.si-recebe-grid li i svg{width:12px;height:12px;}
.si-recebe-grid li strong{color:#d9d9df;font-weight:600;}

.si-bonus-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.si-bonus{position:relative;padding:36px 28px 30px;border-radius:16px;background:var(--si-card);border:1px solid var(--si-line);}
.si-bonus-tag{display:inline-block;padding:6px 14px;border-radius:999px;margin-bottom:16px;
  background:var(--si-blue-soft);border:1px solid var(--si-blue-line);
  font-family:var(--si-font-display);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--si-blue-bright);}
.si-bonus h3{font-size:18px;margin-bottom:10px;}
.si-bonus p{font-size:14.5px;color:var(--si-text-soft);}

/* ============================================================
   QUEM ENSINA (card de "palestrante" + bio)
   ============================================================ */
.si-expert{position:relative;padding:104px 0;overflow:hidden;}
.si-expert-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:56px;align-items:center;}
.si-expert-card{position:relative;margin:0;}
.si-expert-blend{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 82%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 82%,transparent 100%);}
.si-expert-video{display:block;width:100%;height:auto;filter:saturate(.92);
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%);}
.si-expert-card figcaption{position:absolute;z-index:1;left:6%;right:6%;bottom:7%;}
.si-expert-card figcaption b{display:block;font-family:var(--si-font-display);font-size:21px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--si-white);}
.si-expert-card figcaption span{font-family:var(--si-font-display);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--si-blue-bright);}
.si-expert-content .si-eyebrow{margin-bottom:16px;}
.si-expert-content h2{margin-bottom:22px;}
.si-expert-content p{margin-bottom:16px;}
.si-expert-content p b{color:var(--si-blue-bright);font-weight:600;}
.si-expert-nums{display:flex;flex-wrap:wrap;gap:14px 38px;margin:26px 0 24px;}
.si-expert-nums li b{display:block;font-family:var(--si-font-display);font-size:27px;font-weight:800;color:var(--si-blue-bright);line-height:1.1;text-shadow:0 0 20px rgba(34,196,255,.4);}
.si-expert-nums li span{font-size:13px;color:var(--si-text-soft);}
.si-expert-brands{display:flex;flex-wrap:wrap;gap:8px;}
.si-expert-brands li{padding:7px 15px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid var(--si-line);
  font-family:var(--si-font-display);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--si-text);}

/* ============================================================
   DEPOIMENTOS (cards, eco dos cases com % da referência)
   ============================================================ */
.si-depo{position:relative;padding:20px 0 104px;}
.si-depo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:26px;}
.si-depo-card{position:relative;display:flex;flex-direction:column;padding:40px 30px 30px;border-radius:16px;background:var(--si-card);border:1px solid var(--si-line);}
.si-depo-stars{font-size:19px;letter-spacing:4px;color:var(--si-blue-bright);text-shadow:0 0 18px rgba(34,196,255,.5);margin-bottom:16px;}
.si-depo-card blockquote{flex:1;font-size:15px;color:var(--si-text);margin-bottom:22px;}
.si-depo-card blockquote b{color:#d9d9df;font-weight:600;}
.si-depo-who{border-top:1px solid var(--si-line);padding-top:16px;}
.si-depo-who b{display:block;font-family:var(--si-font-display);font-size:15px;font-weight:700;color:var(--si-white);}
.si-depo-who span{font-size:13px;color:var(--si-blue-bright);}
.si-depo-note{text-align:center;font-size:13.5px;color:var(--si-text-soft);max-width:620px;margin:0 auto;}

/* ============================================================
   OFERTA (card central de preço + aviso de pré-requisito)
   ============================================================ */
.si-oferta{position:relative;padding:104px 0;background:var(--si-bg-2);border-top:1px solid var(--si-line);border-bottom:1px solid var(--si-line);overflow:hidden;}
.si-oferta::before{content:'';position:absolute;top:-10%;left:50%;transform:translateX(-50%);width:900px;height:520px;pointer-events:none;
  background:radial-gradient(closest-side,rgba(18,131,196,.16),transparent 70%);}
.si-oferta-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:26px;align-items:stretch;max-width:1020px;margin:0 auto;}

/* coluna esquerda: tudo que entra */
.si-oferta-take{position:relative;padding:42px 38px;border-radius:20px;background:var(--si-card);border:1px solid var(--si-line);}
.si-oferta-take h3{font-size:17px;letter-spacing:.1em;margin-bottom:22px;color:var(--si-text);}
.si-oferta-take h3 b{color:var(--si-white);}
.si-take-list{display:grid;gap:13px;}
.si-take-list li{display:flex;align-items:flex-start;gap:12px;font-size:15px;}
.si-take-list li i{width:22px;height:22px;flex-shrink:0;display:grid;place-items:center;border-radius:7px;margin-top:2px;
  background:var(--si-blue-soft);border:1px solid var(--si-blue-line);color:var(--si-blue-bright);}
.si-take-list li i svg{width:12px;height:12px;}
.si-take-list li strong{color:#d9d9df;font-weight:600;}
.si-take-list li.si-take-bonus i{background:rgba(93,244,141,.1);border-color:rgba(93,244,141,.32);color:#5df48d;}

/* coluna direita: card de preço (eco do card "Camarote" com header colorido) */
.si-price-card{position:relative;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--si-card);border:1px solid var(--si-blue-line);
  box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 60px rgba(18,131,196,.18);}
.si-price-head{padding:20px 30px;background:linear-gradient(135deg,var(--si-blue) 0%,var(--si-blue-deep) 100%);text-align:center;
  display:flex;flex-direction:column;align-items:center;}
.si-price-logo{display:inline-block;height:36px;width:auto;margin-bottom:10px;}
.si-price-logo svg{height:100%;width:auto;display:block;}
.si-price-head span{display:block;font-size:12.5px;color:rgba(255,255,255,.85);}
.si-price-body{display:flex;flex-direction:column;flex:1;padding:34px 30px 30px;text-align:center;}
.si-price-old{font-family:var(--si-font-display);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--si-text-soft);margin-bottom:8px;}
.si-price-value{font-family:var(--si-font-display);color:var(--si-white);line-height:1;margin-bottom:6px;}
.si-price-value .si-price-mult{font-size:26px;font-weight:700;color:var(--si-blue-bright);vertical-align:baseline;margin-right:8px;}
.si-price-value .si-price-cur{font-size:24px;font-weight:700;color:var(--si-text);margin-right:4px;}
.si-price-value .si-price-num{font-size:clamp(64px,7vw,84px);font-weight:800;letter-spacing:-.02em;text-shadow:0 0 34px rgba(34,196,255,.35);}
.si-price-value .si-price-cents{font-size:26px;font-weight:700;}
.si-price-alt{font-size:14.5px;color:var(--si-text);margin-bottom:24px;}
.si-price-alt strong{color:var(--si-white);}
.si-price-card .si-btn{width:100%;padding-inline:20px;}
.si-price-guarantee{display:flex;align-items:flex-start;gap:9px;text-align:left;margin-top:20px;font-size:13.5px;color:var(--si-text);}
.si-price-guarantee svg{width:17px;height:17px;color:var(--si-blue-bright);flex-shrink:0;margin-top:2px;}
.si-price-guarantee b{color:var(--si-white);font-weight:600;}
.si-price-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px;padding-top:20px;border-top:1px solid var(--si-line);}
.si-price-trust li{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--si-text-soft);line-height:1.35;}
.si-price-trust li svg{width:17px;height:17px;color:var(--si-blue-bright);margin-bottom:2px;}
.si-price-trust li strong{font-family:var(--si-font-display);font-size:12px;font-weight:700;color:var(--si-text);}

/* aviso de pré-requisito (eco do box de aviso do mapa de assentos) */
.si-prereq{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px;max-width:1020px;margin:26px auto 0;
  padding:20px 26px;border-radius:14px;background:rgba(18,131,196,.07);border:1px solid var(--si-blue-line);}
.si-prereq svg{width:22px;height:22px;color:var(--si-blue-bright);flex-shrink:0;margin-top:3px;}
.si-prereq p{font-size:14.5px;color:var(--si-text);}
.si-prereq p b{color:var(--si-white);font-weight:700;}

/* ============================================================
   FAQ (acordeão, eco da referência)
   ============================================================ */
.si-faq{position:relative;padding:104px 0;}
.si-faq-list{max-width:820px;margin:0 auto;display:grid;gap:12px;}
.si-faq-item{border-radius:13px;background:var(--si-card);border:1px solid var(--si-line);overflow:hidden;transition:border-color var(--si-t);}
.si-faq-item[open]{border-color:var(--si-blue-line);}
.si-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;cursor:pointer;list-style:none;
  font-family:var(--si-font-display);font-size:15.5px;font-weight:700;color:var(--si-white);}
.si-faq-item summary::-webkit-details-marker{display:none;}
.si-faq-item[open] summary{color:var(--si-blue-bright);}
.si-faq-ico{position:relative;width:20px;height:20px;flex-shrink:0;}
.si-faq-ico::before,.si-faq-ico::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--si-blue-bright);transition:transform var(--si-t);}
.si-faq-ico::before{width:14px;height:2px;}
.si-faq-ico::after{width:2px;height:14px;}
.si-faq-item[open] .si-faq-ico::after{transform:translate(-50%,-50%) scaleY(0);}
.si-faq-body{padding:0 24px 22px;font-size:15px;color:var(--si-text);}
.si-faq-body b{color:#d9d9df;font-weight:600;}

/* ============================================================
   CTA FINAL + marca d'água gigante (eco do rodapé da referência)
   ============================================================ */
.si-final{position:relative;padding:120px 0 140px;text-align:center;overflow:hidden;background:var(--si-bg-2);border-top:1px solid var(--si-line);}
/* fundo em vídeo (ondas de luz azul) + overlay que garante o contraste do texto */
.si-final-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;}
.si-final::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(ellipse 75% 65% at 50% 50%,rgba(6,6,7,.5) 0%,rgba(6,6,7,.8) 72%,rgba(6,6,7,.92) 100%),
    linear-gradient(180deg,var(--si-bg-2) 0%,transparent 22%,transparent 78%,var(--si-bg-2) 100%);}
.si-final-watermark{position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);z-index:2;pointer-events:none;user-select:none;
  font-family:var(--si-font-display);font-size:clamp(90px,14vw,210px);font-weight:800;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;line-height:1;
  color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07);}
.si-final-inner{position:relative;z-index:3;max-width:760px;margin:0 auto;}
.si-final .si-eyebrow{margin-bottom:18px;}
.si-final h2{margin-bottom:16px;}
.si-final-sub{font-size:16.5px;margin-bottom:36px;}
.si-final-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin-top:28px;}
.si-final-meta li{display:inline-flex;align-items:center;gap:8px;font-family:var(--si-font-display);font-size:13px;font-weight:600;color:var(--si-text);}
.si-final-meta svg{width:15px;height:15px;color:var(--si-blue-bright);flex-shrink:0;}

/* ============================================================
   FOOTER enxuto
   ============================================================ */
.si-footer{position:relative;z-index:1;padding:34px 0;background:var(--si-bg);border-top:1px solid var(--si-line);}
.si-footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;}
.si-footer-logo{height:34px;width:auto;}
.si-footer p{font-size:13px;color:var(--si-text-soft);}
.si-footer-legal{display:flex;gap:20px;font-size:13px;color:var(--si-text-soft);}
.si-footer-legal a:hover{color:var(--si-text);}

/* ============================================================
   RESPONSIVO
   ============================================================ */
@media (max-width:1020px){
  .si-topbar-note{display:none;}
  .si-stats-grid{grid-template-columns:repeat(2,1fr);}
  .si-problema-grid,.si-expert-grid{grid-template-columns:1fr;gap:44px;}
  .si-problema-visual{width:100%;max-width:560px;margin:0 auto;}
  .si-problema-visual::before{inset:0;}
  .si-stats{padding-bottom:46px;}
  .si-pill-1{left:8px;}
  .si-pill-3{left:8px;}
  .si-pill-2{right:8px;}
  .si-passo{grid-template-columns:1fr;gap:28px;padding:28px;}
  .si-recebe-grid{grid-template-columns:1fr;}
  .si-bonus-row{grid-template-columns:1fr;}
  .si-depo-grid{grid-template-columns:1fr;max-width:560px;margin-inline:auto;}
  .si-oferta-grid{grid-template-columns:1fr;max-width:560px;}
  .si-expert-card{max-width:440px;margin:0 auto;}
}
@media (max-width:640px){
  .si-topbar-cta span{display:none;}
  .si-topbar-cta{padding:11px 14px;}
  .si-hero{padding-bottom:120px;}
  .si-hero-meta{gap:8px 18px;font-size:12.5px;}
  .si-ribbons{height:118px;}
  .si-ribbon-a{top:18px;}
  .si-ribbon-b{top:48px;}
  .si-stats{padding-top:40px;}
  .si-stats-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .si-stat{padding:26px 14px 22px;}
  .si-recebe-card{padding:30px 22px;}
  .si-btn{width:100%;max-width:420px;padding-inline:22px;}
  .si-final-watermark{bottom:-8px;}
}

/* ============================================================
   05 · MÓDULOS (leque de amostras) + faixa de BÔNUS
   Fan deck scroll-driven (GSAP + ScrollTrigger, js/modulos-sites-ia.js).
   Cards no estilo "render 3D em mix-blend screen + palavra grande",
   com hue por módulo (metáfora da paleta). Namespace .si-md-* / .si-mb-*.
   ============================================================ */
/* aliases dos tokens do protótipo pros tokens --si-* da LP */
.si-modulos,.si-mbonus{
  --blue:var(--si-blue); --blue-deep:var(--si-blue-deep); --blue-bright:var(--si-blue-bright);
  --blue-line:var(--si-blue-line); --blue-soft:var(--si-blue-soft);
  --neon:var(--si-neon); --neon-deep:var(--si-neon-deep);
  --text:var(--si-text); --text-soft:var(--si-text-soft); --white:var(--si-white);
  --line:var(--si-line); --line-strong:var(--si-line-strong); --card:var(--si-card);
  --disp:var(--si-font-display); --body:var(--si-font-body);
  --mono:'Consolas','Cascadia Mono',monospace; --t:var(--si-t);
}

.si-modulos{position:relative;padding:96px 0 40px;}
.si-md-pin{position:relative;}
.si-md-rig{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;}

/* palco do leque */
.si-md-stage{position:relative;height:568px;user-select:none;}
.si-md-glow{position:absolute;left:50%;top:58%;width:420px;height:420px;transform:translate(-50%,-50%);
  border-radius:50%;background:#0d3a5f;opacity:.14;filter:blur(110px);pointer-events:none;}
.si-md-ghost{position:absolute;left:50%;top:-14px;transform:translateX(-50%);z-index:0;pointer-events:none;
  font-family:var(--disp);font-weight:800;font-size:236px;line-height:1;letter-spacing:-.02em;
  color:transparent;-webkit-text-stroke:2px rgba(30,110,166,.4);}
.si-md-fan{position:absolute;left:50%;bottom:44px;width:0;height:0;z-index:2;}
.si-md-rivet{position:absolute;left:-15px;top:-15px;width:30px;height:30px;border-radius:50%;z-index:80;
  background:radial-gradient(circle at 38% 30%,#3a3a44,#17171c 62%,#0a0a0d);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 4px 12px rgba(0,0,0,.7),inset 0 1px 1px rgba(255,255,255,.18),inset 0 -3px 6px rgba(0,0,0,.7);}
.si-md-rivet::before{content:'';position:absolute;left:50%;top:50%;width:14px;height:2px;border-radius:2px;
  transform:translate(-50%,-50%);background:rgba(0,0,0,.75);box-shadow:0 1px 0 rgba(255,255,255,.07);}

/* card do leque: render 3D em mix-blend screen + listra de cor (hue) por módulo */
.si-md-card{position:absolute;left:-170px;top:-394px;width:340px;height:424px;
  transform-origin:50% 394px;will-change:transform;cursor:pointer;}
.si-md-cardin{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;
  border-radius:18px;background:linear-gradient(180deg,#121218,#0c0c10);
  border:1px solid var(--line-strong);box-shadow:0 18px 44px rgba(0,0,0,.55);
  transition:transform .55s cubic-bezier(.22,1,.36,1),filter .4s ease,box-shadow .4s ease,border-color .4s ease;
  filter:brightness(.5) saturate(.85);}
.si-md-cardin::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;z-index:2;
  background:linear-gradient(180deg,var(--hue,#1283c4),transparent 82%);opacity:.85;}
.si-md-card.on{z-index:70 !important;}
.si-md-card.on .si-md-cardin{transform:translateY(-52px);filter:none;
  border-color:color-mix(in srgb,var(--hue,#1283c4) 55%,transparent);
  box-shadow:0 30px 80px rgba(0,0,0,.65),0 0 70px color-mix(in srgb,var(--hue,#1283c4) 26%,transparent),inset 0 1px 0 rgba(255,255,255,.09);}
.si-md-card:focus-visible{outline:none;}
.si-md-card:focus-visible .si-md-cardin{outline:2px solid var(--neon);outline-offset:3px;}

.si-md-top{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 0;}
.si-md-modlbl{font-family:var(--disp);font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--text-soft);}
.si-md-card.on .si-md-modlbl{color:var(--blue-bright);}
.si-md-spark{width:14px;height:14px;color:var(--hue,#1283c4);filter:drop-shadow(0 0 8px var(--hue,#1283c4));}
.si-md-spark svg{width:100%;height:100%;}

.si-md-img{position:relative;flex:1;display:grid;place-items:center;min-height:0;padding:4px 14px;}
.si-md-img img{width:90%;height:100%;object-fit:contain;mix-blend-mode:screen;pointer-events:none;}
.si-md-img:has(img) .si-md-ph{display:none;}
.si-md-ph{position:relative;display:grid;place-items:center;width:150px;height:150px;border-radius:50%;
  border:1px dashed color-mix(in srgb,var(--hue,#1283c4) 45%,transparent);}
.si-md-ph::before{content:'';position:absolute;inset:-34px;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--hue,#1283c4) 22%,transparent),transparent 66%);}
.si-md-ph svg{width:52px;height:52px;color:var(--hue,#1283c4);filter:drop-shadow(0 0 14px var(--hue,#1283c4));}
.si-md-ph i{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);white-space:nowrap;font-style:normal;
  font-family:var(--disp);font-size:9.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--text-soft);opacity:.7;}
.si-md-card.on .si-md-img img,.si-md-card.on .si-md-ph{animation:si-md-float 4.5s ease-in-out infinite;}
@keyframes si-md-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

.si-md-foot{padding:0 18px 20px;text-align:center;}
.si-md-foot::before{content:'';display:block;height:1px;margin-bottom:13px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--hue,#1283c4) 55%,transparent),transparent);}
.si-md-word{font-family:var(--disp);font-size:clamp(30px,2.9vw,38px);font-weight:800;letter-spacing:-.01em;line-height:1;color:var(--white);text-transform:uppercase;white-space:nowrap;}
.si-md-word b{color:var(--hue,#1283c4);}
.si-md-sub{margin-top:5px;font-size:12.5px;color:var(--text-soft);}

/* dica de scroll */
.si-md-hint{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);z-index:5;
  display:flex;align-items:center;gap:8px;white-space:nowrap;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--text-soft);}
.si-md-hint svg{width:14px;height:14px;color:var(--blue-bright);animation:si-md-hbob 1.6s ease-in-out infinite;}
@keyframes si-md-hbob{0%,100%{transform:translateY(-2px);opacity:.5}50%{transform:translateY(3px);opacity:1}}

/* painel de detalhe */
.si-md-detail{position:relative;z-index:3;min-height:430px;display:flex;flex-direction:column;justify-content:center;}
.si-md-dhead{display:flex;align-items:center;gap:14px;margin-bottom:22px;}
.si-md-ticks{display:flex;gap:6px;}
.si-md-tick{width:16px;height:9px;border-radius:3px;background:rgba(255,255,255,.1);transition:.3s;padding:0;border:none;cursor:pointer;}
.si-md-tick.on{width:30px;background:var(--neon);box-shadow:0 0 12px rgba(34,196,255,.6);}
.si-md-tick:hover{background:rgba(65,177,242,.55);}
.si-md-count{margin-left:auto;font-family:var(--mono);font-size:12px;letter-spacing:.18em;color:var(--text-soft);}
.si-md-count b{color:var(--blue-bright);font-size:15px;}
.si-md-kick{font-family:var(--disp);font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--blue-bright);margin-bottom:8px;}
.si-md-detail h3{font-size:clamp(22px,2.6vw,30px);margin-bottom:13px;}
.si-md-desc{font-size:15.5px;margin-bottom:20px;max-width:440px;}
.si-md-desc b{color:var(--blue-bright);font-weight:600;}
.si-md-checks{display:grid;gap:11px;}
.si-md-checks li{display:flex;align-items:flex-start;gap:11px;font-size:14.5px;}
.si-md-checks li i{width:21px;height:21px;flex-shrink:0;display:grid;place-items:center;border-radius:7px;margin-top:2px;
  background:var(--blue-soft);border:1px solid var(--blue-line);color:var(--blue-bright);}
.si-md-checks li i svg{width:11px;height:11px;}
.si-md-checks li b{color:#d9d9df;font-weight:600;}

/* lista estática (mobile / reduced motion) */
.si-md-list{display:none;gap:16px;margin-top:8px;}
.si-md-item{position:relative;border-radius:16px;background:var(--card);border:1px solid var(--line);padding:22px 20px;}
.si-md-item::before{content:'';position:absolute;left:20px;right:20px;top:0;height:2px;border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,var(--blue),var(--neon));opacity:.7;}
.si-md-ih{display:flex;align-items:center;gap:14px;margin-bottom:12px;}
.si-md-imedia{width:76px;height:76px;flex-shrink:0;border-radius:12px;border:1px solid var(--line);
  background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--hue,#1283c4) 16%,transparent),transparent 70%);
  display:grid;place-items:center;overflow:hidden;}
.si-md-imedia img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;}
.si-md-imedia svg{width:30px;height:30px;color:var(--hue,#1283c4);filter:drop-shadow(0 0 10px var(--hue,#1283c4));}
.si-md-itag{font-family:var(--mono);font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:rgba(34,196,255,.85);}
.si-md-iword{font-family:var(--disp);font-weight:800;font-size:22px;text-transform:uppercase;color:var(--white);line-height:1.1;}
.si-md-iword i{font-style:normal;color:var(--hue,#1283c4);}
.si-md-isub{font-size:12.5px;color:var(--text-soft);}
.si-md-item p{font-size:14.5px;margin-bottom:12px;}
.si-md-item p b{color:var(--blue-bright);font-weight:600;}

/* faixa de bônus (fora do leque) */
.si-mbonus{position:relative;padding:64px 0 96px;}
.si-mb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.si-mb-card{position:relative;border-radius:16px;overflow:hidden;
  background:linear-gradient(180deg,#101016,#0b0b0f);border:1px solid var(--line);
  padding:26px 22px 24px;transition:transform var(--t),border-color var(--t),box-shadow var(--t);}
.si-mb-card::before{content:'';position:absolute;inset:0;border-radius:16px;padding:1px;pointer-events:none;opacity:0;transition:opacity var(--t);
  background:linear-gradient(135deg,rgba(34,196,255,.55),transparent 40%,transparent 60%,rgba(18,131,196,.45));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;}
.si-mb-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 40px rgba(34,196,255,.12);}
.si-mb-card:hover::before{opacity:1;}
.si-mb-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}
.si-mb-tag{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:99px;
  font-family:var(--mono);font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--neon);background:rgba(34,196,255,.09);border:1px solid rgba(34,196,255,.28);}
.si-mb-ico{width:34px;height:34px;flex-shrink:0;color:var(--blue-bright);filter:drop-shadow(0 0 12px rgba(34,196,255,.5));}
.si-mb-ico svg{width:100%;height:100%;}
.si-mb-card h3{font-size:16.5px;margin-bottom:9px;}
.si-mb-card p{font-size:13.8px;line-height:1.6;}
.si-mb-card p b{color:#d9d9df;font-weight:600;}
.si-mb-cta{text-align:center;margin-top:44px;}

/* modo estático (mobile / reduced motion): esconde o leque, mostra a lista.
   .si-md-flat é aplicada no <html> pelo js/modulos-sites-ia.js */
.si-md-flat .si-md-stage,.si-md-flat .si-md-detail,.si-md-flat .si-md-ghost,.si-md-flat .si-md-hint{display:none;}
.si-md-flat .si-md-list{display:grid;}
.si-md-flat .si-md-rig{grid-template-columns:1fr;gap:0;}

@media (max-width:1024px){
  .si-mb-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:899px){
  .si-modulos{padding-top:72px;}
  .si-md-ghost{font-size:150px;}
  .si-mb-grid{grid-template-columns:1fr;}
}