/* =========================================================
   INFLUENCER BRASIL — UI (página: Vendas/Influencers)
   Baseado em Materialize. Todas as classes são prefixadas
   com ib-* para evitar conflitos no projeto.
   ========================================================= */

/* -------- TIPOGRAFIA (mantive seu trecho) -------- */
@font-face {
  font-family: 'Kanit';
  src: url('../fonts/kanit/Kanit-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Kanit Medium';
  src: url('../fonts/kanit/Kanit-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Kanit Bold';
  src: url('../fonts/kanit/Kanit-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('../fonts/ubuntu/Ubuntu-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Ubuntu Bold';
  src: url('../fonts/ubuntu/Ubuntu-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

html, body { overflow-x: hidden; position: relative; max-width: 100%; }
* { box-sizing: border-box; }
button { cursor: pointer !important; }
.row { margin-bottom: 0 !important; }
nav { color:#000 !important; background-color:transparent !important; width:initial !important; height:initial !important; line-height:initial !important; box-shadow:none !important; }
address, cite { font-style: normal; }
strong { font-weight: bold !important; }
figcaption { display:none !important; }
figure { margin:0 !important; }
fieldset { border:none !important; margin:0 !important; padding:0 !important; }

/* =========================================================
   TOKENS
   ========================================================= */
:root{
  /* Cores brand */
  --ib-rosa:#E1306C; --ib-rosa-100:#FF7A85;
  --ib-roxo:#833AB4; --ib-roxo-100:#B263D9;
  --ib-ama:#FCAF45;  --ib-ama-100:#FFD77F;

  /* Neutros / superfícies */
  --ib-ink:#ffffff;
  --ib-ink-dark:#111827;
  --ib-muted:#9CA3AF;
  --ib-line:#2B2F3A;
  --ib-surface:#13161D;     /* cards escuros */
  --ib-surface-2:#171B24;   /* cards destaque */
  --ib-surface-3:#0D0F15;   /* painéis/hero overlay */
  --ib-bg:#0B0D12;          /* seções escuras */
  --ib-bg-clean:#f7f8fb;    /* seções claras */

  /* Gradiente principal */
  --ib-grad: linear-gradient(135deg, #833AB4 0%, #E1306C 55%, #FCAF45 100%);

  /* Raio/sombra/espaços */
  --ib-radius:16px;
  --ib-radius-lg:22px;
  --ib-shadow: 0 16px 40px rgba(0,0,0,.28);
  --ib-shadow-soft: 0 10px 20px rgba(0,0,0,.16);
  --ib-space-1:8px; --ib-space-2:12px; --ib-space-3:16px; --ib-space-4:24px;
  --ib-space-5:32px; --ib-space-6:48px; --ib-space-7:72px;

  /* Largura container (Materialize já limita, mas garantimos) */
  --ib-container:1200px;
}

/* =========================================================
   TIPOGRAFIA / UTILITÁRIOS
   ========================================================= */
.ib-page{
  color:var(--ib-ink-dark);
  font-family: 'Kanit', system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial;
  background:#fff;
}

.ib-h1{
  font-family:'Kanit Bold', 'Kanit', sans-serif;
  font-weight:800; letter-spacing:-.02em;
  font-size: clamp(28px, 5.8vw, 3em);
  line-height:1.05; color:#fff;
}
.ib-h2{
  font-family:'Kanit Bold','Kanit',sans-serif;
  font-weight:800; letter-spacing:-.01em;
  font-size: clamp(22px, 3.6vw, 36px);
  line-height:1.12; color:var(--ib-ink-dark);
}
.ib-h3{
  font-family:'Kanit Medium','Kanit',sans-serif;
  font-size: clamp(18px, 2.8vw, 22px);
  line-height:1.2; color:#fff;
}
.ib-lead{ font-size: clamp(16px, 2.6vw, 20px); line-height:1.5; color:#fff; opacity:.95 }
.ib-muted{ color:#9aa3ad }
.ib-small{ font-size:12px }
.ib-tiny{ font-size:12px }

.ib-section{ padding: clamp(40px, 6.8vw, 88px) 0 }
.ib-section .container{ max-width: var(--ib-container); }

.btn.ib-btn{ border-radius:999px; font-weight:800; text-transform:none; letter-spacing:.2px; }
.ib-btn--primary{ background: var(--ib-ama) !important; color:#111 !important; }
.ib-btn--primary:hover{ filter: brightness(1.05); box-shadow:0 10px 24px rgba(0,0,0,.25) }
.btn-block{ width:100% }

/* Foco acessível */
.ib-btn:focus, .ib-chip:focus, .ib-card:focus-within, .ib-faq-item:focus-within{
  outline: 3px solid rgba(252,175,69,.6); outline-offset: 2px;
}

/* List check */
.ib-list-check{ list-style:none; padding-left:0; margin: var(--ib-space-3) 0; }
.ib-list-check li{ position:relative; padding-left:26px; color:#D1D5DB; }
.ib-list-check li::before{ content:"✓"; position:absolute; left:0; top:0; color:var(--ib-ama); font-weight:900 }

/* =========================================================
   HERO — fundo, logo, chips, plataformas e form (Materialize)
   ========================================================= */

/* Fundo + vídeo + overlay */
.ib-hero{ position:relative; color:#fff; background:var(--ib-grad); overflow:hidden; isolation:isolate; padding: clamp(40px, 6.8vw, 60px) 0 !important; }
.ib-hero::after{ content:""; position:absolute; inset:0; background: radial-gradient(1200px 600px at 20% 20%, rgba(0,0,0,.25), rgba(0,0,0,.55)); z-index:0; }
.ib-hero--vh{ min-height:calc(100vh - 60px); }
.ib-hero .container{ position:relative; z-index:1; }
.ib-hero-row{ display:flex; align-items:center; flex-wrap:wrap; }
.ib-hero-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:0; opacity:.35; filter:saturate(1.05) contrast(1.05); pointer-events:none; }

/* Logo compacto com fundo escuro */
.ib-hero-logo{ display:inline-block; background: rgba(13,15,21,.9); border:1px solid rgba(255,255,255,.12); border-radius:14px; padding:8px 12px; margin-bottom:10px; box-shadow:0 10px 24px rgba(0,0,0,.28); }
.ib-hero-logo img{ display:block; max-height:60px; width:150px; object-fit: contain; padding: 2px; }

/* Chips (kicker) */
.ib-chips-kicker{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:12px; }
.ib-chip{ display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px; background: rgba(17,24,39,.85); color:#fff; border:1px solid rgba(255,255,255,.08); box-shadow:0 8px 18px rgba(0,0,0,.18); }
.ib-chip svg{ font-size:12px; opacity:.95; margin-right: 5px !important; }

/* Subtítulo das plataformas */
.ib-hero .ib-h1 {
    font-family: 'Kanit Bold', 'Kanit', sans-serif;
    font-weight: 800;
    letter-spacing: -.02em;
    font-size: clamp(28px, 5.8vw, 2.5em);
    line-height: 1.05;
    color: #fff;
}
.ib-platforms-subtitle{ margin:12px 0 8px; font-weight:800; letter-spacing:.2px; color:#f3f4f6; font-size: 1.25em; }

/* Ícones das plataformas (brand look) */
.ib-brand-icons{ display:flex; flex-wrap:wrap; gap:12px; padding:0; margin:0; list-style:none; }
.ib-brand-icons li{ width:56px; height:56px; border-radius:14px; display:grid; place-items:center; color:#fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.10), 0 8px 18px rgba(0,0,0,.25); }
.ib-brand-icons svg{ font-size:26px; color:#fff; }
/* fundos oficiais (aprox.) */
.ib-brand-icons .brand-ig{ background: linear-gradient(135deg,#833AB4 0%, #E1306C 50%, #FCAF45 100%); }
.ib-brand-icons .brand-fb{ background:#1877F2; }
.ib-brand-icons .brand-yt{ background:#FF0000; }
.ib-brand-icons .brand-tt{ background:#000; }

/* Card do formulário */
.ib-hero-form .ib-card{ background: rgba(13,15,21,.82); border-radius:24px; border:1px solid rgba(255,255,255,.12); box-shadow:0 18px 40px rgba(0,0,0,.30); backdrop-filter: blur(6px); }
.ib-card--form .card-title, .ib-card--form .ib-small{ color:#cfd6df; text-align:center; }
.ib-card--form .card-title{ color:#fff; }

/* Campos Materialize — compactos */
#form-hero .input-field{ margin-bottom: 5px; margin-top: 0 !important; }
#form-hero .input-field input,
#form-hero .input-field textarea,
#form-hero select{ background: rgba(255,255,255,.06) !important; color:#fff !important; border-radius:12px !important; padding-left:1em !important; width: calc(100% - 1em) !important; box-shadow:none !important; }
#form-hero .select-wrapper input.select-dropdown{ background: rgba(255,255,255,.06) !important; color:#fff !important; border-radius:12px !important; padding-left:1em !important; width: calc(100% - 1em) !important; box-shadow:none !important; }
#form-hero .input-field.col label{ left:1.25rem; }
#form-hero .input-field .helper-text{ display: none; }
#form-hero .input-field small{ top: -10px !important; position: relative; }
.ib-consent label span{ color:#cfd6df; }
.ib-form-actions .btn{ min-width:220px; margin-top:20px; }
.ib-form-actions .ib-tiny{ margin-top:6px; display:inline-block; }

/* Foco/validação (marca em vez do verde) */
.ib-card--form .input-field input:focus,
.ib-card--form .input-field textarea:focus{ border-bottom:2px solid var(--ib-rosa) !important; box-shadow:0 1px 0 0 var(--ib-rosa) !important; }
.ib-card--form .input-field input:focus + label,
.ib-card--form .input-field textarea:focus + label,
.ib-card--form .input-field > label.active{ color:var(--ib-rosa) !important; }
.ib-card--form .input-field input.valid,
.ib-card--form .input-field textarea.valid,
.ib-card--form .select-wrapper input.select-dropdown.valid{ border-bottom:2px solid var(--ib-rosa) !important; box-shadow:0 1px 0 0 var(--ib-rosa) !important; }
.ib-card--form .input-field input.invalid,
.ib-card--form .input-field textarea.invalid,
.ib-card--form .select-wrapper input.select-dropdown.invalid{ border-bottom:2px solid var(--ib-rosa-100) !important; box-shadow:0 1px 0 0 var(--ib-rosa-100) !important; }
.ib-card--form .ib-consent a{ color:var(--ib-rosa) !important; text-decoration:underline; }
.ib-card--form .ib-consent a:hover{ color:var(--ib-rosa-100) !important; }
.ib-card--form .ib-consent [type="checkbox"]+span:not(.lever):before, .ib-card--form .ib-consent [type="checkbox"]:not(.filled-in)+span:not(.lever):after { top: 10px; }

/* SELECT escuro */
.ib-card--form .select-wrapper .caret{ fill:#fff !important; color:#fff !important; opacity:.9; }
.ib-card--form .dropdown-content.select-dropdown{ background:#0f1116 !important; border:1px solid #232834 !important; border-radius:12px !important; box-shadow:0 18px 40px rgba(0,0,0,.35) !important; max-height:280px !important; }
.ib-card--form .dropdown-content.select-dropdown li > span{ color:#e5e7eb !important; padding:10px 14px !important; }
.ib-card--form .dropdown-content.select-dropdown li:hover > span,
.ib-card--form .dropdown-content.select-dropdown li.active > span,
.ib-card--form .dropdown-content.select-dropdown li.selected > span{ color:#fff !important; background:var(--ib-grad) !important; border-radius:8px !important; }
.ib-card--form .input-field .select-wrapper + label{ color:#cfd6df !important; }
.ib-card--form .input-field .select-wrapper + label.active{ color:var(--ib-rosa) !important; }
.ib-card--form #whatsapp.invalid {
  border-bottom: 2px solid var(--ib-rosa-100) !important;
  box-shadow: 0 1px 0 0 var(--ib-rosa-100) !important;
}

/* Responsivo */
@media (max-width:600px){
    .ib-hero .container{ width: 100%; }
  .ib-section .container{ max-width: 100% !important; width: 100% !important; }
  .ib-hero-logo{ width:150px; display: block; margin: 0 auto; margin-bottom: 20px; }
  .ib-hero-logo img{ width:100%; height:80px; }
  .ib-brand-icons li{ width:50px; height:50px; border-radius:12px; }
  .ib-brand-icons i{ font-size:24px; }
  .ib-hero--vh{ min-height: calc(100vh - 20px); }
  .ib-chips-kicker, .ib-brand-icons{ justify-content:center; }
  .ib-h1, .ib-lead, .ib-platforms-subtitle{ text-align:center; }
  .ib-hero .ib-h1 { font-size: 2.25em !important; }
  .ib-hero .ib-platforms-subtitle { font-size: 1em !important; }
}

/* =========================================================
   MICROBAR (CTA fina) — versão “gordinha”
   ========================================================= */
.ib-microbar{
  background:#0F1320;
  color:#fff;
  padding:14px 0;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.ib-microbar-row{ gap:10px; }

.ib-microbar--fat{               /* +gordinha, sem exagero */
  padding: 24px 0;
}
.ib-microbar-title{
  margin:0 0 2px;
  font-weight: 900;
  letter-spacing:.2px;
  font-size: clamp(1rem, 2.2vw, 1.25rem);
}
.ib-microbar-sub{
  margin:0;
  color:#cfd6df;
  font-size: clamp(.9rem, 1.9vw, 1rem);
}

@media (max-width: 600px){
  .ib-microbar .right-align{ text-align:center !important; }
  .ib-microbar .btn{ width:100%; margin-top:10px; }
  .ib-microbar-title,
  .ib-microbar-sub{ text-align:center; }
  .ib-microbar-row{ flex-wrap: wrap; }
  .ib-microbar-text {
    text-align: center !important;
    margin-bottom: 0 !important;
  }
}

/* =========================================================
   COMO FUNCIONA — seção escura + neon
   ========================================================= */
.ib-how{
  background:
    radial-gradient(900px 380px at 15% 0%, rgba(131,58,180,.08), transparent 55%),
    radial-gradient(900px 380px at 85% 20%, rgba(225,48,108,.08), transparent 55%),
    #0b1020 !important;
  padding-top: clamp(36px, 5vw, 64px);
  padding-bottom: clamp(36px, 5vw, 72px);
}

.ib-how .ib-btn--neon{
  margin-top: 2em;
}

/* Título */
.ib-how-title{ color:#fff; text-align:center; margin:0 0 12px; }
.ib-how-title span{
  background: var(--ib-grad); -webkit-background-clip:text; background-clip:text; color:transparent; font-weight:900;
}

/* Chips central + neon */
.ib-how-chips{ margin:12px auto 28px; display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.ib-chip--neon{
  display:inline-flex; align-items:center; gap:8px;
  padding:0px 15px !important; height:auto;
  border-radius:999px; border:1px solid transparent;
  background: linear-gradient(#0b1020, #0b1020) padding-box, var(--ib-grad) border-box;
  color:#e7eaf1;
  box-shadow: 0 0 16px rgba(225,48,108,.18), inset 0 1px 0 rgba(255,255,255,.06) !important;
  height: 35px !important;
}
.ib-chip--neon i{ font-size:12px; opacity:.95; }

/* Cards com borda arredondada + borda gradiente e glow suave */
.ib-step.ib-card.ib-neon-card{
  border: 2px solid transparent;
  border-radius: 20px !important;
  background: linear-gradient(#0f1116, #0f1116) padding-box,
              linear-gradient(135deg, rgba(131,58,180,.85), rgba(225,48,108,.85), rgba(252,175,69,.85)) border-box !important;
  box-shadow:
    0 14px 36px rgba(0,0,0,.48),
    0 0 22px rgba(131,58,180,.16),
    0 0 34px rgba(225,48,108,.12) !important;
  transition: transform .18s ease, box-shadow .18s ease;
}
.ib-step.ib-card.ib-neon-card:hover{
  transform: translateY(-3px);
  box-shadow:
    0 20px 48px rgba(0,0,0,.52),
    0 0 28px rgba(131,58,180,.22),
    0 0 44px rgba(225,48,108,.18) !important;
}

/* Conteúdo do card */
.ib-step .card-content{ padding: 24px; }
.ib-step .ib-step-num{
  width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:12px; font-weight:900; color:#fff; margin-bottom:12px;
  background: var(--ib-grad);
  box-shadow: 0 6px 18px rgba(225,48,108,.25), inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.ib-step .card-title.ib-h3{ color:#fff; margin:0 0 8px; letter-spacing:.2px; }
.ib-step p{ color:#cfd6df; line-height:1.6; margin:0; }

/* CTA — botão neon (preenchido, diferente dos cards) */
.ib-btn--neon{
  background: var(--ib-grad) !important;
  color:#fff !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow:
    0 10px 26px rgba(131,58,180,.35),
    0 14px 40px rgba(225,48,108,.30),
    0 0 0 2px rgba(255,255,255,.12) inset !important;
  font-weight: 900;
  letter-spacing: .25px;
  transform: translateZ(0);
  height: 42px !important;
  line-height: 12px !important;
  padding: 10px 24px !important;
}
.ib-btn--neon:hover{
  filter: saturate(1.05) contrast(1.03);
  box-shadow:
    0 14px 32px rgba(131,58,180,.42),
    0 20px 50px rgba(225,48,108,.36),
    0 0 0 2px rgba(255,255,255,.18) inset !important;
}
.ib-btn--xl{ padding: 14px 28px !important; font-size: 1rem !important; }

/* Responsivo */
@media (max-width: 600px){
  .ib-step .card-content{ padding:20px; }
  .ib-step .ib-step-num{ width:40px; height:40px; }
  .ib-btn--xl{ width:100%; }
}

/* =========================================================
   ELEGIBILIDADE — fundo, cópia e lista “check”
   ========================================================= */
.ib-eligibility{
  background:
    radial-gradient(1200px 600px at 20% 0%, rgba(131,58,180,.55), rgba(225,48,108,.42)),
    #1a1130 !important;
  color:#fff !important;
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}
.ib-elig-copy .ib-h2{ color:#fff !important; margin:0 0 10px !important; }
.ib-elig-copy .ib-h2 span{
  background: var(--ib-grad); -webkit-background-clip:text; background-clip:text; color:transparent;
  font-weight:900;
}
.ib-elig-lead{ color:#e7eaf0 !important; margin: 6px 0 14px !important; }

/* Lista com “check” neon */
.ib-list-check{ list-style:none; padding:0; margin:0 0 16px; }
.ib-list-check--neon li{
  position:relative; padding-left:34px; margin:10px 0; color:#dbe2ea;
}
.ib-list-check--neon li::before{
  content:"\f00c"; /* Font Awesome check */
  font-family:"Font Awesome 6 Free"; font-weight:900;
  position:absolute; left:0; top:2px;
  width:22px; height:22px; line-height:22px; text-align:center;
  border-radius:50%;
  color:#111; font-size:12px;
  background: var(--ib-grad);
  box-shadow: 0 0 14px rgba(225,48,108,.35);
}

/* Botão da coluna de copy */
.ib-elig-copy .btn{ margin-top: 8px !important; }

/* =========================================================
   DEMO DE PERFIL — card escuro com borda gradiente
   ========================================================= */
.ib-profile-demo{
  background:#0f1116 !important;
  border: 2px solid transparent !important;
  border-radius: 20px !important;
  background:
    linear-gradient(#0f1116, #0f1116) padding-box,
    linear-gradient(135deg, rgba(131,58,180,.9), rgba(225,48,108,.9), rgba(252,175,69,.9)) border-box !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.45), 0 10px 26px rgba(131,58,180,.18) !important;
  padding: 20px !important;
  color:#e5e7eb !important;
}

/* Topo do card */
.ib-profile-demo .top{
  display:flex; align-items:center; gap:12px;
}
.ib-profile-demo .avatar{
  width:56px; height:56px; border-radius:50%; object-fit:cover; object-position: top;
  box-shadow: 0 6px 16px rgba(0,0,0,.35);
}
.ib-profile-demo .who .name{ color:#fff; font-weight:800; line-height:1; }
.ib-profile-demo .who .handle{ color:#9fb2c8; font-size:.9rem; }

/* Estrelas maiores e alinhadas à direita */
.ib-profile-demo .stars{
  margin-left:auto; display:flex; gap:3px; color:#FFD77F; filter: drop-shadow(0 0 6px rgba(252,175,69,.35));
  font-size: 16px;
}

/* Pílulas de métricas */
.ib-profile-demo .metrics{
  display:flex; flex-wrap:wrap; gap:8px; margin: 12px 0 10px;
}
.ib-profile-demo .pill{
  display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px;
  background: rgba(255,255,255,.06); color:#e7eaf1; border:1px solid rgba(255,255,255,.12);
  font-size:.9rem;
}

/* Ofertas de publi (preços e entregáveis) */
.ib-profile-demo .rates{ display:grid; gap:8px; margin:8px 0 10px; }
.ib-profile-demo .rate-item{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:10px 12px; border-radius:12px;
  background: rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.10);
}
.ib-profile-demo .rate-title{ color:#dbe2ea; font-weight:700; display:flex; align-items:center; gap:8px; }
.ib-profile-demo .rate-title i{ opacity:.9; }
.ib-profile-demo .rate-price{
  font-weight:900; letter-spacing:.2px;
  background: var(--ib-grad);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* KPIs (jobs, faturamento) */
.ib-profile-demo .kpis{
  display:grid; grid-template-columns: repeat(2,1fr); gap:8px; margin-bottom:10px;
}
.ib-profile-demo .kpi{
  background: rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.10);
  border-radius:12px; padding:10px 12px;
}
.ib-profile-demo .kpi-label{ color:#9fb2c8; font-size:.8rem; }
.ib-profile-demo .kpi-value{ color:#fff; font-weight:900; display:block; }

/* CTA do card + rodapé */
.ib-profile-demo .actions{ display:flex; justify-content:center; margin: 6px 0 0; }
.ib-profile-demo .actions .btn{ min-width: 260px; }
.ib-profile-demo .disclaimer{ color:#9fb2c8; font-size:.75rem; text-align:center; margin:8px 0 0; }

/* Responsivo */
@media (max-width: 600px){
  .ib-profile-demo{ margin-top:16px !important; }
  .ib-profile-demo .kpis{ grid-template-columns: 1fr; }
  .ib-eligibility{
    background:
      radial-gradient(1200px 600px at 20% 0%, rgba(131,58,180,.55), rgba(225,48,108,.42)),
      #1a1130 !important;
    color:#fff !important;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .ib-eligibility .valign-wrapper { flex-wrap: wrap; }
  .ib-profile-demo .rate-price { min-width: 60px; }
}

/* =========================================================
   MICROBAR encorpada (gradiente)
   ========================================================= */
.ib-microbar--fat{
  padding: clamp(18px, 3.2vw, 28px) 0 !important;
}
.ib-microbar--gradient{
  background: var(--ib-grad) !important;
  color:#111 !important;
  border:0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 10px 22px rgba(0,0,0,.25);
}
.ib-microbar--gradient .ib-microbar-text{ color:#fff !important; }

/* =========================================================
   BENEFÍCIOS — fundo escuro com "nebulosa" + cards soft glow
   ========================================================= */
.ib-benefits{
  background:
    radial-gradient(900px 380px at 12% 0%, rgba(131,58,180,.08), transparent 52%),
    radial-gradient(900px 380px at 88% 18%, rgba(225,48,108,.08), transparent 52%),
    #0b1020 !important;
  padding-top: clamp(32px, 5vw, 64px);
  padding-bottom: clamp(32px, 5vw, 64px);
}

.ib-benefits .btn{
  margin-top: 20px !important;
}

.ib-benefits-title{
  color:#fff; margin-bottom: 14px; text-align:center;
}
.ib-benefits-title span{
  background: var(--ib-grad);
  -webkit-background-clip:text; background-clip:text;
  color:transparent; font-weight:900;
}

/* Grade: colunas de mesma altura sem JS */
.ib-cards-benefits .col{ display:flex; }
.ib-cards-benefits .card{ flex:1; }

/* Card — superfície escura + glow suave (diferente do "Como funciona") */
.ib-card--softglow{
  background:#0f1116 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:18px !important;
  box-shadow:
    0 0 0 1px rgba(131,58,180,.10),
    0 14px 34px rgba(0,0,0,.45),
    0 28px 68px rgba(225,48,108,.18) !important;
  transition: transform .18s ease, box-shadow .18s ease;
  min-height: 300px;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.ib-card--softglow:hover{
  transform: translateY(-3px);
  box-shadow:
    0 0 0 1px rgba(131,58,180,.18),
    0 22px 54px rgba(0,0,0,.55),
    0 36px 90px rgba(225,48,108,.24) !important;
}

/* Conteúdo do card — centralizado e equalizado */
.ib-cards-benefits .card-content{
  padding: 28px !important;
  display:flex; flex-direction:column; align-items:center; text-align:center; gap:12px;
}
.ib-cards-benefits .ib-h3{ color:#fff !important; margin: 2px 0 4px; }
.ib-cards-benefits p{ color:#cfd6df !important; margin:0; line-height:1.55; }

/* Ícone grande em cápsula — 100% centralizado */
.ib-benef-ico{
  width:56px; height:56px; border-radius:14px;
  display:grid; place-items:center; text-align:center;
  background: var(--ib-grad); color:#fff;
  box-shadow: 0 10px 26px rgba(225,48,108,.30), inset 0 1px 0 rgba(255,255,255,.35);
}
.ib-benef-ico svg{ font-size:24px; line-height:1; display:block; }

/* CTA da sessão */
.ib-benefits .btn.ib-btn--primary{ margin-top: 10px; }

/* Responsivo */
@media (max-width:600px){
  .ib-benef-ico{ width:50px; height:50px; border-radius:12px; }
  .ib-benef-ico i{ font-size:22px; }
  .ib-cards-benefits .card-content{ padding:22px !important; }
}

/* =========================================================
   PLANOS — gradiente de fundo + cards longos e alinhados
   ========================================================= */
.ib-plans--gradient{
  background: var(--ib-grad) !important;
  padding-top: clamp(32px, 5vw, 68px);
  padding-bottom: clamp(36px, 5vw, 72px);
}
.ib-plans--gradient .container{ width: 90% !important; }
.ib-plans-title{ color:#fff; margin-bottom:6px; }
.ib-plans-title span{
  background: var(--ib-bg);
  -webkit-background-clip:text; background-clip:text;
  color:transparent; font-weight:900;
}
.ib-plans .ib-sub{ color:#e7eaf1; margin:0 auto 18px; max-width:820px; }

/* Row/cols: mesma altura e sem quebra “estranha” */
.ib-plans-row{ display:flex; flex-wrap:wrap; gap:24px; }
.ib-plans-row > .col{ display:flex; }
.ib-plan-col{ flex:1 1 320px; }
.ib-plan{ flex:1; display:flex; flex-direction:column; position:relative; }

/* Card base */
.ib-plan{
  background:#0f1116 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:20px !important;
  box-shadow:
    0 0 0 1px rgba(131,58,180,.10),
    0 14px 34px rgba(0,0,0,.45),
    0 28px 68px rgba(225,48,108,.18) !important;
  transition: transform .18s ease, box-shadow .18s ease;
}
.ib-plan:hover{
  transform: translateY(-3px);
  box-shadow:
    0 0 0 1px rgba(131,58,180,.18),
    0 22px 54px rgba(0,0,0,.55),
    0 36px 90px rgba(225,48,108,.24) !important;
}
.ib-plan .card-content{ display:flex; flex-direction:column; height:100%; padding: 60px 40px !important; }
.ib-plan .btn-block{ width:100% !important; margin-top:10px !important; }

/* Barra superior colorida */
.ib-plan__bar{
  position:absolute; left:0; top:0; right:0; height:6px;
  background: var(--ib-grad);
  border-top-left-radius:20px; border-top-right-radius:20px;
}
.ib-plan__bar--thick{ height:10px; }

/* Ribbon (igual estilo do “Mais inteligente”) */
.ib-tag-ribbon{
  position:absolute; top:20px; right:12px; z-index:1;
  background: linear-gradient(90deg,#ffb347,#ff5b84);
  color:#111; font-weight:800; font-size:12px;
  padding:6px 10px; border-radius:10px;
  box-shadow: 0 8px 18px rgba(252,175,69,.25);
}
.ib-tag--waitlist{
  background: linear-gradient(90deg,#a78bfa,#8b5cf6) !important;
  color:#111 !important;
  box-shadow: 0 8px 18px rgba(167,139,250,.30);
}

/* Título e textos */
.ib-plan .ib-h3{ color:#fff !important; margin:0 0 8px; }
.ib-plan-desc{ color:#cfd6df !important; }

/* Preço */
.ib-price{ margin: 6px 0 12px; color:#E5E7EB !important; }
.ib-price-main{
  font-size: clamp(26px, 3.2vw, 34px); line-height:1;
  display:block; color:#fff;
}
.ib-payline{ display:block; margin-top:2px; color:#cfd6df; }

/* Economia (chip) */
.ib-chip--savings{
  background: linear-gradient(90deg,#ffb347,#ff5b84) !important;
  color:#111 !important; border:none !important;
  border-radius:999px !important; height:28px; line-height:28px;
  padding:0 12px; margin-top:8px; display:inline-block; font-weight:800;
}

/* PIX destacado abaixo do preço */
.ib-price-aux{ margin: 6px 0 10px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.ib-pix-pill{
  display:inline-block; padding:8px 14px; border-radius:999px;
  background: linear-gradient(90deg,#34d399,#10b981);
  color:#0b1020; font-weight:900; letter-spacing:.2px;
  box-shadow: 0 10px 24px rgba(16,185,129,.25);
}

/* Lista */
.ib-plan-list{ list-style:none; padding:0; margin:10px 0 12px; }
.ib-plan-list li{
  position:relative; padding-left:26px; color:#cfd6df; margin:8px 0;
}
.ib-plan-list li::before{
  content:""; position:absolute; left:0; top:7px;
  width:16px; height:16px; border-radius:50%;
  background: var(--ib-grad);
  box-shadow: 0 6px 14px rgba(225,48,108,.30), inset 0 1px 0 rgba(255,255,255,.35);
}

/* Bônus */
.ib-bonus{ color:#E5E7EB !important; margin: 6px 0 14px; }

/* Destaque central (outline laranja + boost) */
.ib-plan--center{
  outline:2px solid rgba(252,175,69,.60) !important;
  box-shadow:
    0 0 0 1px rgba(252,175,69,.25),
    0 22px 60px rgba(0,0,0,.6),
    0 44px 120px rgba(252,175,69,.30) !important;
}
.ib-plan--orange .ib-plan__bar{ background: linear-gradient(90deg,#ffb347,#ff5b84); }

.ib-plans-row .btn{
  position: relative;
  top: 20px;
}

.ib-plans .ib-muted{
  color: #fff !important;
  margin-top: 30px !important;
}

/* Responsivo fino */
@media (max-width:600px){
  .ib-plan .card-content{ padding: 40px 20px !important; }
  .ib-tag-ribbon{ top: 12px; right:10px; }
  .ib-price-main{ font-size:28px; }
}

/* --- CARROSSEL (Materialize) --- */
.ib-plans-carousel { margin-top: 6px; height: 800px !important; }
.ib-plans-carousel .carousel-item { width: 420px !important; margin-top: -14em !important; }          /* desktop */
@media (max-width: 600px){
  .ib-plans .container { width: 100% !important; }
  .ib-plans-carousel .carousel-item{ width: 75vw !important; }
  .ib-plans-carousel { width: calc(100% + 40px) !important; margin-left: -20px !important;  }
  .ib-plans-carousel .carousel-item { margin-top: -16em !important; }          /* moblie */
}

/* efeito de profundidade */
.ib-plans-carousel .carousel-item .ib-plan{
  transform: scale(.92);
  opacity: .9;
  transition: transform .22s ease, opacity .22s ease, box-shadow .22s ease;
}
.ib-plans-carousel .carousel-item.active .ib-plan{
  transform: scale(1);
  opacity: 1;
  box-shadow: 0 26px 60px rgba(0,0,0,.45);
}

/* overlay de bloqueio (planos pagos “atrás”) */
.ib-plan--locked{ position:relative; overflow:hidden; }
.plan-locked{
  position:absolute; inset:0;
  z-index: 2;
  background: rgba(18,20,27,.56);
  backdrop-filter: blur(3.5px);
  border-radius: 20px;
  display:flex; align-items:center; justify-content:center;
  pointer-events:none;
}
.lock-wrap{ text-align:center; }
.lock-circle{
  width:64px; height:64px; border-radius:50%;
  display:grid; place-items:center; margin:0 auto 8px;
  background: radial-gradient(circle at 30% 30%, #f9e7b0, #c0901c 70%);
  box-shadow: 0 10px 22px rgba(192,144,28,.5), inset 0 2px 0 rgba(255,255,255,.45);
}
.lock-circle svg{ color:#111; font-size:20px }
.lock-text{ color:#f3d892; font-weight:800; letter-spacing:.2px }

/* botões prev/next */
.ib-plans-nav{ position:relative; width:100%; margin-top:10px; }
.ib-car-prev, .ib-car-next{
  position:absolute; top:-250px; /* alinhado ao meio “visual” dos cards; ajuste se quiser */
  background:#0f1116; border:1px solid rgba(255,255,255,.12);
  box-shadow:0 10px 24px rgba(0,0,0,.35); color:#fff;
}
.ib-car-prev{ left: -6px; }
.ib-car-next{ right: -6px; }
@media (max-width: 992px){
  .ib-car-prev, .ib-car-next{ top: -210px; }
}
@media (max-width: 600px){
  .ib-car-prev, .ib-car-next{ top: -190px; }
}

/* =========================================================
   PROVA SOCIAL (OWL) — ajustes de layout, nav e cartões
   ========================================================= */
.ib-social--owl{ background:#0A0B0F !important; padding-top: clamp(28px,4.5vw,56px); }
.ib-social-title{ color:#fff; margin-bottom:6px; }
.ib-social-title span{
  background: var(--ib-grad);
  -webkit-background-clip:text; background-clip:text; color:transparent; font-weight:900;
}
.ib-social-lead{ color:#e7eaf1; max-width:820px; margin:0 auto 18px; }

/* Wrapper p/ posicionar os botões nas pontas no desktop */
.ib-owl-wrap{ position: relative; }

/* Owl básico */
.ib-owl .item{ padding: 10px 8px; }
.ib-owl .owl-stage-outer{ padding: 8px 0 18px; } /* sem overflow visível, glow fica dentro do card */
.ib-owl.owl-theme .owl-dots{ display:none !important; } /* esconder dots */

/* NAV — por padrão, no mobile fica central embaixo */
.ib-owl-nav{ margin-top: 4px; display:flex; gap:10px; justify-content:center; }
.ib-owl-prev,.ib-owl-next{
  width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.16);
  background:#121621;color:#fff;display:grid;place-items:center;
  box-shadow: 0 10px 24px rgba(0,0,0,.35);
  z-index: 1;
}
.ib-owl-prev:hover,.ib-owl-next:hover{
  border-color: transparent; background: var(--ib-grad) !important; color:#111 !important; font-weight:900;
}

/* No desktop, os botões vão para as pontas, verticalmente centralizados */
@media (min-width: 992px){
  .ib-owl-nav{ margin:0; }
  .ib-owl-prev,.ib-owl-next{
    position:absolute; top:50%; transform:translateY(-50%);
  }
  .ib-owl-prev{ left:-50px; }
  .ib-owl-next{ right:-50px; }
}

/* Card (glow CONTIDO no próprio card) */
.ib-testi-card{
  background:#121621 !important; border-radius:20px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  padding: 18px; position:relative; overflow:hidden;
  padding-top: 60px !important;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.ib-testi-card::before{
  content:""; position:absolute; inset:0; /* NÃO vaza do card */
  border-radius:22px;
  background: radial-gradient(140px 80px at 15% 0%, rgba(131,58,180,.18), transparent 55%),
              radial-gradient(140px 80px at 85% 0%, rgba(225,48,108,.16), transparent 55%);
  z-index:0;
}

/* Cabeçalho */
.ib-testi-head{ position:relative; z-index:1; display:flex; gap:14px; align-items:center; }
.ib-avatar{ width:90px !important; height:90px !important; border-radius:50%; object-fit:cover; object-position: top; background:#1b2130; border:1px solid rgba(255,255,255,.08); flex:0 0 90px; }
@media (max-width: 600px){ .ib-avatar{ width:90px; height:90px; flex-basis:90px; } }

.ib-avatar-link{ display:inline-flex; }
.ib-testi-meta{ flex:1; min-width:100px; }
.ib-handle{ color:#fff; font-weight:800; text-decoration:none; display:inline-block; }
.ib-handle:hover{ text-decoration:underline; }
.ib-muted{ color:#98a3b3 !important; }
.ib-testi-chips{ display:flex; flex-wrap: nowrap; gap:6px; margin-top:6px; width: 100%;
float: left; }

.ib-chip.ib-chip--thin{
  background: rgba(255,255,255,.06) !important; color:#e7eaf1 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  height:28px; line-height:28px; padding:0 10px; border-radius:999px;
}

/* Rating (nota + 5 estrelas) no topo direito, sem quebrar layout */
.ib-rating{ margin-left:auto; display:flex; align-items:center; gap:8px; position: absolute;
top: -40px; right: 0; color: #FFD77F;
    filter: drop-shadow(0 0 6px rgba(252, 175, 69, .35)); }

.ib-rating-num{ color:#fff; font-weight:900; font-size:18px; letter-spacing:.2px; }
.ib-rating-stars .fa-star, .ib-rating-stars .fa-star-half-stroke{
  color: transparent !important;
  background: var(--ib-grad);
  -webkit-background-clip:text; background-clip:text;
  font-size:18px; line-height:1;
}

/* Texto + métricas */
.ib-testi-text{ position:relative; z-index:1; color:#dce2ea; margin:12px 0 12px; line-height:1.55; }
.ib-testi-stats{ position:relative; z-index:1; list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:12px 18px; }
.ib-testi-stats li{ color:#cfd6df; display:flex; align-items:center; gap:8px; }
.ib-dot{ width:10px;height:10px;border-radius:50%; background: var(--ib-grad); display:inline-block;
  box-shadow: 0 6px 14px rgba(225,48,108,.30), inset 0 1px 0 rgba(255,255,255,.35);
}

/* =========================================================
   FAQ — 2 colunas, headers com ícone à direita, +/– e transições
   ========================================================= */
.ib-faq{ background:#fff; padding: 40px 20px; }
.ib-faq .ib-h2{ color:#111; }
.ib-faq-lead{ color:#4B5563; max-width:900px; margin:6px auto 18px; }

/* grid gap */
.ib-faq-grid .col{ padding-left:12px !important; padding-right:12px !important; }

/* Collapsible (Materialize) skin escura dentro do fundo branco */
.ib-faq .collapsible{ border:none; box-shadow:none; }
.ib-faq .collapsible li{ margin-bottom:12px; border:none; }
.ib-faq .collapsible-header{
  display:flex; align-items:center; justify-content:space-between;
  background:#121621; color:#eaf0f7; border-radius:14px;
  padding:14px 16px; line-height:1.25; font-weight:800;
  border:1px solid rgba(255,255,255,.08);
  box-shadow: 0 12px 28px rgba(0,0,0,.25);
  transition: background .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.ib-faq .collapsible-header:hover{
  border-color: rgba(252,175,69,.35);
  box-shadow: 0 16px 36px rgba(0,0,0,.32);
}
.ib-faq .collapsible-body{
  background:#0f1116; color:#cfd6df; border-radius:0 0 14px 14px;
  border:1px solid rgba(255,255,255,.10); border-top:none;
  padding:16px 18px;
}
.ib-faq .collapsible-body p{ margin:0; line-height:1.6; }

/* Header ativo: aro/grad leve */
.ib-faq .collapsible li.active .collapsible-header{
  background:#161b24;
  box-shadow:
    0 0 0 1px rgba(131,58,180,.18),
    0 20px 48px rgba(0,0,0,.35),
    0 26px 70px rgba(225,48,108,.14);
}

/* Ícone à direita com + / –  */
.ib-faq .faq-toggle{ margin-left:16px; flex:0 0 auto; }
.ib-faq .faq-toggle {
  width: 15px !important;
  height: 15px !important;
  font-size: 1em !important;
  color: white;
}

.ib-faq .faq-toggle path {
  fill: #fff;
}

/* Links no texto */
.ib-faq .collapsible-body a{ color:#fff; text-decoration:underline; }

/* Responsivo: mantém legível */
@media (max-width: 600px){
  .ib-faq .collapsible-header{ padding:12px 14px; }
  .ib-faq .collapsible-body{ padding:14px 16px; }
  .ib-faq .container { width: 100% !important; padding: 0 !important; }
}

/* =========================================================
   CTA FINAL — card escuro sobre fundo em degradê
   Mantém o visual atual com CSS organizado
   ========================================================= */
.ib-cta-final{
  background: var(--ib-grad) !important;
  padding: clamp(56px, 8vw, 120px) 0;
}
.ib-cta-final .container{ max-width: 1000px; }

/* Card */
.ib-cta-final .cta-box{
  margin: 0 auto;
  text-align: center;
  background:#12141b;
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  padding: clamp(24px, 3.6vw, 40px);
  box-shadow: 0 18px 42px rgba(0,0,0,.35);
}

/* Tipografia */
.ib-cta-final .ib-h2{
  color:#fff;
  letter-spacing:.2px;
  margin-bottom:.35em;
  text-shadow: 0 2px 18px rgba(0,0,0,.25);
}
.ib-cta-final .ib-lead{
  color:#F1F5F9;
  max-width: 760px;
  margin: 0 auto;
  font-size: 1em;
}

/* Ação */
.ib-cta-final .ib-btn{
  margin-top:16px;
  min-width: 240px;
}

/* Nota de confiança */
.ib-cta-final .ib-cta-note{
  display:block;
  margin-top:10px;
  color:#9fb2c8;
}

/* Responsivo fino */
@media (max-width:600px){
  .ib-cta-final .ib-h2{ font-size: 1.8rem; }
  .ib-cta-final .ib-lead{ font-size: 1rem; }
}

/* ========= MODAL: estilo geral ========= */
.ib-modal--waitlist.modal{
  width: 96%;
  max-width: 980px;
  border-radius: 24px;
  overflow: visible;                    /* não cortar sombras */
  top: 20px !important;
}
.ib-modal--waitlist .modal-content{
  padding: 0 !important;
  border-radius: 24px;
  overflow: hidden;
  background: transparent;
}

.modal .modal-content{
  height: 95vh;
  overflow: auto;
}

/* Card interno com grid 2 colunas */
.ib-modal-card{ background: transparent; }
.ib-modal-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  background: transparent;
}

/* Esquerda: imagem + grad overlay para casar com a página */
.ib-modal-left{
  position: relative;
  min-height: 100%;
  background: radial-gradient(900px 380px at 15% 0%, rgba(131,58,180,.18), transparent 60%),
              radial-gradient(900px 380px at 85% 20%, rgba(225,48,108,.20), transparent 60%),
              #0b1020;
}
.ib-modal-hero{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: .1;
}
.ib-modal-left-copy{
  position: absolute; inset: 0;
  display: grid; align-content: center;
  padding: clamp(20px, 4vw, 38px);
  color: #eaf0ff;
}
.ib-modal-left-copy h3{ color:#fff; margin:0 0 8px; font-size: 4em; font-weight: 900; }
.ib-modal-left-copy p{ margin:0 0 6px; }
.ib-modal--waitlist.modal small { color: white !important; }

/* Direita: formulário em “cartão branco” */
.ib-modal-right{
  background: var(--ib-surface-2);
  padding: clamp(20px, 3.6vw, 36px);
}
.ib-modal-title{ margin: 0 0 6px !important; }

/* Close */
.ib-modal-close{
  position: absolute; right: 12px; top: 10px;
  border: 0; background: transparent; color:#fff; font-size:20px;
  z-index: 5; cursor: pointer;
  background-color: #1f2530;
  border-radius: 10px;
}

.ib-modal-close svg{
  color:#fff; font-size:20px;
}

/* Form em branco (variações Materialize) */
#form-waitlist .input-field input,
#form-waitlist .select-wrapper input.select-dropdown{
  background: rgba(15,23,42,.06) !important;
  border-radius: 12px !important;
  padding-left: 1em !important;
}
#form-waitlist .input-field.col label{ left:1.25rem; }

/* Select dropdown escuro-claro */
.ib-modal-right .dropdown-content.select-dropdown{
  background: #0f1116 !important;
  border: 1px solid #232834 !important;
  border-radius: 12px !important;
}
.ib-modal-right .dropdown-content.select-dropdown li > span{
  color:#e5e7eb !important; padding:10px 14px !important;
}
.ib-modal-right .dropdown-content.select-dropdown li:hover > span,
.ib-modal-right .dropdown-content.select-dropdown li.active > span{
  color:#fff !important; background: var(--ib-grad) !important; border-radius:8px !important;
}

/* Responsivo: empilha */
@media (max-width: 900px){
  .ib-modal-grid{ grid-template-columns: 1fr; }
  .ib-modal-left{ min-height: 180px; }
  .ib-modal-left-copy{ align-content: end; padding: 20px; }
  .ib-modal-left-copy h3{ font-size: 3em; font-weight: 900; }
  .ib-consent span { font-size: .9em !important; line-height: 1em !important; }
  .ib-card--form .ib-consent [type="checkbox"]+span:not(.lever):before, .ib-card--form .ib-consent [type="checkbox"]:not(.filled-in)+span:not(.lever):after{
    top: 0 !important;
  }
}

/* =========================================================
   FOOTER — 4 colunas + posts compactos + barra inferior
   ========================================================= */
.ib-footer{
  background:#0F131A;
  color:#cfd6df;
  padding:40px 0 0;
  border-top:1px solid #1f2530;
}
.ib-footer-row {
  padding: 0 5%;
}
.ib-footer-row .col{ margin-bottom:24px }
.ib-foot-sub{ color:#fff; font-weight:800; margin:0 0 10px }
.ib-foot-links{ list-style:none; padding:0; margin:0 }
.ib-foot-links li{ margin:6px 0 }
.ib-foot-links a{ color:#d7dce4; text-decoration:none }
.ib-foot-links a:hover{ color:#fff }

/* Logo */
.ib-foot-logo img{ display:block; height: 80px; width: 100%; object-fit: contain; object-position: left; }

/* Redes (mesmo look da Hero, versão compacta) */
.ib-foot-brand-icons{
  display:flex; gap:10px; margin:14px 0 0; padding:0; list-style:none;
}
.ib-foot-brand-icons li a{
  display:grid; place-items:center; width:36px; height:36px; border-radius:10px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 8px 18px rgba(0,0,0,.25);
}
.ib-foot-brand-icons svg{ color:#fff; font-size:18px; line-height:1; }
/* fundos oficiais (aprox.) */
.ib-foot-brand-icons .brand-ig a{ background: linear-gradient(135deg,#833AB4 0%, #E1306C 50%, #FCAF45 100%); }
.ib-foot-brand-icons .brand-fb a{ background:#1877F2; }
.ib-foot-brand-icons .brand-yt a{ background:#FF0000; }
.ib-foot-brand-icons .brand-tt a{ background:#000; }

/* Últimos posts — card mini */
.ib-post-mini{
  display:grid; grid-template-columns:56px 1fr; gap:10px;
  align-items:center; background:#151A22; border:1px solid #2A3140;
  border-radius:12px; padding:8px; text-decoration:none; color:#e5e7eb;
  margin:8px 0;
  transition: border-color .18s ease, transform .18s ease;
}
.ib-post-mini:hover{ border-color: rgba(252,175,69,.55); transform: translateY(-1px); }
.ib-post-mini img,
.ib-post-mini__ph{
  width:56px; height:56px; border-radius:8px; object-fit:cover; background:#222;
}
.ib-post-mini__title{ display:block; color:#fff; line-height:1.25; font-size: .8em !important; }
.ib-post-mini__date{ display:block; color:#aab2be; font-size:12px; margin-top:2px }

/* Barra inferior sólida (roxo neutro) */
.ib-footer-bottom{
  background: #23143b; /* roxo sólido, sem degradê */
  border-top:1px solid rgba(255,255,255,.06);
  margin-top:24px;
}
.ib-footer-bottom .container{ padding:15px 0; }
.ib-footer-bottom p{ color:#e6e8ee; margin:0; text-align: center; }

/* Responsivo */
@media (max-width: 600px){
  .ib-foot-logo img{ max-width:160px; }
  .ib-foot-brand-icons li a{ width:34px; height:34px; }
  .ib-post-mini{ grid-template-columns:52px 1fr; }
  .ib-post-mini img, .ib-post-mini__ph{ width:52px; height:52px; }
  .ib-post-mini__title { font-size: .9em !important; }
}

/* =========================================================
   PLATAFORMAS/SEÇÕES DE FUNDO
   ========================================================= */
.ib-how, .ib-benefits, .ib-plans, .ib-faq{ background:#fff }
.ib-eligibility, .ib-microbar, .ib-social, .ib-hero{ color:#fff }

/* =========================================================
   MISC / AJUSTES
   ========================================================= */
.ib-step .card, .ib-card{ transition: transform .12s ease, box-shadow .12s ease }
.ib-step .card:hover, .ib-card:hover{ transform: translateY(-2px); box-shadow: 0 18px 40px rgba(0,0,0,.25) }

.ib-platform-icons li:hover{ transform: translateY(-1px); }
.ib-platform-icons li{ transition: transform .12s ease }

.ib-hero-copy{ margin-bottom: 24px }
.ib-hero .ib-h1{ margin: 10px 0 12px }
.ib-hero .ib-lead{ margin: 0 0 14px }

/* Responsividade fina */
@media (max-width: 992px){
  .ib-platform-icons{ gap:10px }
  .ib-platform-icons li{ width:32px; height:32px }
  .ib-hero .ib-h1{ font-size: clamp(26px, 7vw, 40px) }
  .ib-hero-form{ margin-top:18px }
}

/* ===== IB PATCH v1 — AJUSTES CIRÚRGICOS ===== */

/* BOTÕES: degradê da marca em todos os CTAs */
.ib-btn--primary,
.btn-prime-primary,
.btm-prime-primary,
.btn-primary {
  background: var(--ib-grad) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  text-transform: none !important;
  font-weight: 800 !important;
  border-radius: 999px !important;
  transition: transform .15s ease, box-shadow .2s ease;
}
.ib-btn--primary:hover,
.btn-prime-primary:hover,
.btm-prime-primary:hover,
.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 30px rgba(0,0,0,.28);
}

/* CHIPS: sempre escuros */
.ib-chip,
.chip.ib-chip,
.chip-dark {
  background: #12141b !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}
.ib-chip--badge { background: #0e1118 !important; }

/* HERO: vídeo de fundo (só colocar o <video> no HTML) */
.ib-hero { position: relative; overflow: hidden; }
.ib-hero-video {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  opacity: .18; z-index: 0; pointer-events: none;
}
.ib-hero .container { position: relative; z-index: 1; }

/* ÍCONES de plataformas: apenas ícone, em cápsula escura */
.platform-icons, .ib-platform-icons { gap: 12px !important; }
.platform-icons li, .ib-platform-icons li {
  width: 36px; height: 36px; border-radius: 50%;
  display: grid; place-items: center;
  background: rgba(0,0,0,.35);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}
.platform-icons span, .ib-platform-icons span { display: none !important; }

/* FORM: padding-left 1em + width calc(100% - 1em) */
#form-hero .input-field input,
#form-hero .input-field textarea,
#form-hero select {
  padding-left: 1em !important;
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
  border-radius: 12px !important;
}
#form-hero .select-wrapper input.select-dropdown {
  padding-left: 1em !important;
  color: #fff !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.06) !important;
}

/* MICROBAR: #1 escura / #2 colorida (gradiente) */
.ib-microbar { background: #0f1320 !important; color: #fff !important; }
.ib-microbar--color { background: var(--ib-grad) !important; }
.ib-microbar--color .ib-microbar-text { color: #111 !important; }

/* BENEFÍCIOS: mais cor (ícone com gradiente) e centralização */
.ib-cards-benefits .ib-card {
  background: #111318 !important; border: 1px solid #242a36 !important; text-align: center;
}
.ib-cards-benefits .card-content { padding: 24px !important; }
.ib-cards-benefits .ib-h3 { color: #fff !important; }
.ib-cards-benefits p { color: #d5dbea !important; }
.ib-cards-benefits .ib-ico,
.benefit .icon {
  width: 56px; height: 56px; border-radius: 14px; margin: 0 auto 10px;
  background: var(--ib-grad); display: grid; place-items: center; color: #fff;
}

/* PLANOS: escuros + destaque no Anual; botões em degradê */
.ib-plans .card.ib-plan, .ib-plan {
  background: #0f1116 !important; border: 1px solid #232834 !important; margin: 0 !important; padding: 0 !important;
}
.ib-plan .ib-h3 { color: #fff !important; }
.ib-plan .ib-price { color: #e8edf6 !important; }
.ib-plan .ib-plan-desc, .ib-bonus { color: #cfd6df !important; }
.ib-plan a.btn { background: var(--ib-grad) !important; color: #fff !important; }
.ib-plan--highlight { box-shadow: 0 18px 42px rgba(0,0,0,.35) !important; }
.ib-plan--highlight::after {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px;
  background: var(--ib-grad);
}

/* PROVA SOCIAL: carousel + cards */
.ib-social { background: #0a0b0f !important; }
.ib-carousel .carousel-item { width: 86% !important; }
@media (min-width: 992px){ .ib-carousel .carousel-item { width: 46% !important; } }
.ib-testimonial.ib-card {
  background: #171b24 !important; border: 1px solid #242b39 !important;
}
.ib-testi-head { display: flex; gap: 12px; align-items: center; margin-bottom: 8px; width: 100%; float: left; }
.ib-avatar { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }

/* FAQ: usar Materialize collapsible com skin escura */
.ib-faq .collapsible { border: 0 !important; box-shadow: none !important; }
.ib-faq .collapsible-header {
  background: #161a22 !important; color: #fff !important;
  border: 1px solid #2a3140 !important; border-radius: 14px; margin-bottom: 10px;
}
.ib-faq .collapsible-body {
  background: #0f1116 !important; color: #cfd6df !important;
  border: 1px solid #2a3140 !important; border-radius: 14px; padding: 16px 18px;
}

/* PREVIEW DE PERFIL (elegibilidade - coluna direita) */
.ib-elig-media .ib-profile-demo{
  background:#0f1116; border:1px solid #232834; border-radius:20px;
  padding:16px; color:#e5e7eb; box-shadow:0 10px 24px rgba(0,0,0,.3);
}
.ib-profile-demo .top { display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.ib-profile-demo .avatar { width:56px; height:56px; border-radius:50%; background:#222; }
.ib-profile-demo .name { font-weight:800; color:#fff; line-height:1.1; }
.ib-profile-demo .handle { font-size:12px; color:#9aa3ad; }
.ib-profile-demo .stars { color: #ffd166; font-size:14px; }
.ib-profile-demo .metrics { display:flex; gap:10px; margin:8px 0 12px; }
.ib-profile-demo .pill {
  background:#151922; border:1px solid #2a3140; color:#cfd6df;
  padding:6px 10px; border-radius:999px; font-size:12px; font-weight:700;
}
.ib-profile-demo .actions .btn { width:100%; }
.ib-profile-demo .actions .btn:hover { transform: translateY(-1px); box-shadow:0 12px 30px rgba(0,0,0,.28); }
/* Navegação do carousel (simples) */
.ib-carousel-nav{ display:flex; gap:10px; justify-content:center; margin-top:12px; }
.ib-carousel-nav .btn--ghost{ background:transparent !important; color:#fff !important; border:1px solid rgba(255,255,255,.6) !important; }
.ib-carousel-nav .btn--ghost:hover{ background:rgba(255,255,255,.1) !important; border-color:rgba(255,255,255,.9) !important; }