/* ============================================================
   Projuris ADV Start — style.css
   Diferenciação cromática GTM (Slide 1 do GTM - ADV Start)
   — ADV Start: Verde 20 #6CF07A · Azul 40 #12BCF6 · Azul 80 #0756E4 · Cinza 20 #F1F2F7
   — Projuris ADV: Cinza 80 #2B2F4B · Azul 80 #0756E4 · Azul 100 #2808A0
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root { 
  /* === ADV START palette (GTM) === */
  --start-green:   #6CF07A;   /* Verde 20  */
  --start-cyan:    #12BCF6;   /* Azul 40   */
  --start-blue:    #0756E4;   /* Azul 80   */
  --start-gray20:  #F1F2F7;   /* Cinza 20  */

  /* === PROJURIS ADV palette (GTM) === */
  --adv-gray80:    #2B2F4B;   /* Cinza 80  */
  --adv-blue80:    #0756E4;   /* Azul 80   */
  --adv-blue100:   #2808A0;   /* Azul 100  */

  /* === Aliases funcionais === */
  --start-dark:    #0B1D39;
  --start-text:    #1e293b;
  --start-muted:   #64748b;
  --start-bg:      #F1F2F7;   /* Cinza 20 como fundo claro Start */
  --start-border:  #dde3ec;
  --adv-gray20:    #F1F2F7;
  --adv-purple:    #2808A0;
  --adv-navy:      #2B2F4B;
  --adv-blue:      #0756E4;
  --font:          'Sora', 'Inter', system-ui, Arial, sans-serif;
  --start-alt2:    #F0F3F4;
}

body {
  font-family: var(--font);
  color: var(--start-text);
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

a { text-decoration: none; color: inherit; }
img { max-width: 100%; display: block; }

.container {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ============================================================
   PROMO BAR — visual advold (fundo escuro, badge verde, botão verde)
   ============================================================ */
#promo-bar-adv-start,
#promo-bar-adv-completo {
  background: #0A0022 !important;
}
#promo-bar-adv-start .pj-promo-bar__badge,
#promo-bar-adv-completo .pj-promo-bar__badge {
  background: #00B600 !important;
  color: #fff !important;
}
#promo-bar-adv-start .pj-promo-bar__text,
#promo-bar-adv-completo .pj-promo-bar__text {
  font-size: 0.88rem !important;
  color: rgba(255,255,255,.9) !important;
}
#promo-bar-adv-start .pj-promo-bar__text strong,
#promo-bar-adv-completo .pj-promo-bar__text strong {
  color: #fff !important;
}
#promo-bar-adv-start .pj-promo-bar__cta,
#promo-bar-adv-completo .pj-promo-bar__cta {
  background: #00B600 !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-size: 0.82rem !important;
  padding: 7px 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}
#promo-bar-adv-start .pj-promo-bar__cta:hover,
#promo-bar-adv-completo .pj-promo-bar__cta:hover {
  background: #009500 !important;
}
#promo-bar-adv-start .pj-promo-bar__close,
#promo-bar-adv-completo .pj-promo-bar__close {
  color: rgba(255,255,255,.5) !important;
}
#promo-bar-adv-start .pj-promo-bar__close:hover,
#promo-bar-adv-completo .pj-promo-bar__close:hover {
  color: #fff !important;
}

/* ============================================================
   NAV
   ============================================================ */
.as-nav {
  position: sticky;
  top: var(--promo-bar-h, 0px);
  z-index: 1000;
  background: #fff;
  border-bottom: 1px solid var(--start-border);
  height: 64px;
  display: flex;
  align-items: center;
}
.as-nav__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.as-nav__logo {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  text-decoration: none;
}
.as-nav__logo img {
  height: 36px;
}
.as-nav__logo-label {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  line-height: 1;
}
.as-nav__logo-adv {
  color: #12BCF6;
  opacity: .45;
  transition: opacity .2s;
}
.as-nav__logo-start {
  color: #6CF07A;
  opacity: .45;
  transition: opacity .2s;
}
.as-nav__logo-sep {
  color: rgba(255,255,255,.2);
  font-weight: 400;
}
.as-nav__logo-adv.active  { opacity: 1; }
.as-nav__logo-start.active { opacity: 1; }
.as-nav__links {
  display: flex;
  align-items: center;
  gap: 28px;
  list-style: none;
}
.as-nav__links a {
  font-size: 14px;
  font-weight: 500;
  color: var(--start-muted);
  transition: color .15s;
}
.as-nav__links a:hover,
.as-nav__links a.active { color: var(--start-blue); }
.as-nav__links a.active { font-weight: 700; }
/* Dropdown nav */
.as-nav__dropdown { position: relative; }
.as-nav__dropdown-toggle { display: flex; align-items: center; gap: 4px; cursor: pointer; }
.as-nav__dropdown-toggle svg { transition: transform .2s; }
.as-nav__dropdown:hover .as-nav__dropdown-toggle svg { transform: rotate(180deg); }
.as-nav__dropdown-menu {
  display: none;
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border: 1px solid var(--start-border);
  border-radius: 10px;
  box-shadow: 0 8px 32px rgba(0,0,0,.1);
  list-style: none;
  padding: 8px 0;
  min-width: 200px;
  z-index: 2000;
  white-space: nowrap;
}
.as-nav__dropdown:hover .as-nav__dropdown-menu { display: block; }
.as-nav__dropdown-menu li a {
  display: block;
  padding: 9px 18px;
  font-size: 13px;
  font-weight: 500;
  color: var(--start-text);
  transition: background .15s, color .15s;
}
.as-nav__dropdown-menu li a:hover { background: #f1f5f9; color: var(--start-blue); }

.as-nav__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Store — azul sólido */
.as-nav__store {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 18px;
  border-radius: 99px;
  background: #0756E4;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  transition: background .15s;
  white-space: nowrap;
  border: none;
}
.as-nav__store:hover { background: #0645c0; }

/* Teste Grátis — azul sólido */
.as-nav__trial {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 20px;
  border-radius: 99px;
  background: #0756E4;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  transition: background .15s;
  white-space: nowrap;
}
.as-nav__trial:hover { background: #0645c0; }

/* Login — borda azul #0756E4, ghost */
.as-nav__login {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 18px;
  border-radius: 99px;
  border: 1.5px solid #0756E4;
  font-size: 13px;
  font-weight: 600;
  color: #0756E4;
  transition: background .15s, color .15s;
  white-space: nowrap;
}
.as-nav__login:hover { background: #0756E4; color: #fff; }

/* ============================================================
   BUTTONS
   ============================================================ */
.btn-start {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 44px;
  padding: 0 22px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  font-family: var(--font);
  cursor: pointer;
  border: none;
  transition: all .15s;
  text-decoration: none;
  white-space: nowrap;
}
.btn-start.primary {
  background: #334155;
  color: #fff;
  box-shadow: 0 4px 14px rgba(51,65,85,.2);
}
.btn-start.primary:hover { background: #1e293b; }
.btn-start.green {
  background: #475569;
  color: #fff;
  box-shadow: 0 4px 14px rgba(71,85,105,.2);
}
.btn-start.green:hover { background: #334155; }
.btn-start.outline {
  background: transparent;
  color: var(--start-blue);
  border: 2px solid var(--start-blue);
}
.btn-start.outline:hover { background: #eff6ff; }
.btn-start.navy {
  background: var(--adv-gray80);
  color: #fff;
}
.btn-start.navy:hover { background: #1e2238; }
.btn-start.lg { height: 52px; padding: 0 28px; font-size: 16px; border-radius: 12px; }

/* ============================================================
   HERO + TOGGLE
   ============================================================ */
.as-hero {
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  overflow: hidden;
  padding: 52px 48px 48px;
  transition: background .5s ease;
}

/* START — fundo: branco no centro, azul-acinzentado nas bordas (fiel imagem 2) */
.as-hero.mode-start {
  background: #f0f4f8;
}
.as-hero.mode-start::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 90% 70% at 50% 50%, #ffffff 0%, #ffffff 35%, #d6e4f7 65%, #b8d0ed 100%);
  pointer-events: none;
  z-index: 0;
}

/* ADV — base escura, blob roxo esquerda, blob azul direita, arcos canto inf-dir */
.as-hero.mode-adv {
  background: #1E2235;
}
.as-hero.mode-adv::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 55% 90% at -10% 50%, rgba(79,33,161,.85) 0%, rgba(50,15,130,.35) 40%, transparent 65%),
    radial-gradient(ellipse 45% 70% at 110% 50%, rgba(79,33,161,.65) 0%, rgba(50,15,130,.25) 40%, transparent 65%),
    radial-gradient(ellipse 80% 50% at 50% 120%, rgba(30,34,53,.98)  0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

.as-hero__inner {
  position: relative;
  z-index: 2;
  max-width: 1100px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  container-type: inline-size;
  container-name: hero-inner;
}

/* Toggle — acima do h1, centralizado nos dois modos */
.as-toggle {
  display: inline-flex;
  align-items: center;
  background: rgba(203,213,225,.55);
  border-radius: 99px;
  padding: 4px;
  gap: 0;
  margin-bottom: 40px;
  position: relative;
}
.as-hero.mode-adv .as-toggle {
  background: rgba(255,255,255,.12);
}
.as-toggle__btn {
  position: relative;
  z-index: 2;
  padding: 9px 26px;
  border-radius: 99px;
  font-size: 14px;
  font-weight: 700;
  font-family: var(--font);
  cursor: pointer;
  border: none;
  background: transparent;
  color: #94a3b8;
  transition: color .2s;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.as-toggle__btn.active { color: #fff; }
.as-hero.mode-adv .as-toggle__btn         { color: rgba(255,255,255,.4); }
.as-hero.mode-adv .as-toggle__btn.active  { color: #fff; }

.as-toggle__pill {
  position: absolute;
  top: 4px; bottom: 4px;
  border-radius: 99px;
  transition: left .28s cubic-bezier(.22,.68,0,1.2), width .28s cubic-bezier(.22,.68,0,1.2);
  z-index: 1;
}
/* START pill = verde (fiel imagem 1) */
.as-toggle__pill.start { background: var(--start-green); }
/* ADV pill = roxo (fiel imagem 2) */
.as-toggle__pill.adv   { background: #4F21A1; }

/* H1 START — centralizado, escuro */
.as-hero__h1 {
  font-size: clamp(36px, 5.5vw, 62px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.035em;
  color: var(--start-dark);
  margin-bottom: 20px;
  text-align: center;
}
/* H1 ADV — branco, centralizado, 2 linhas
   4.8cqw num container de 1100px = 52.8px
   Linha longa 39 chars × 52.8px × 0.52 = ~1069px → cabe */
.as-hero__h1.adv {
  color: #fff;
  text-align: center;
  font-size: clamp(26px, 4.8cqw, 56px);
  max-width: 1100px;
  letter-spacing: -.03em;
  line-height: 1.12;
}

/* Sub START — centralizado, cinza */
.as-hero__sub {
  font-size: 16px;
  color: #475569;
  line-height: 1.65;
  max-width: 500px;
  margin: 0 auto 38px;
  text-align: center;
}
/* Sub ADV — branco opaco, centralizado */
.as-hero__sub.adv {
  color: rgba(255,255,255,.72);
  text-align: center;
  margin: 0 auto 38px;
  max-width: 900px;
}

/* Conteúdo hero — cada panel ocupa largura total */
.as-hero__content {
  width: 100%;
}
/* START — centralizado */
.as-hero__content.visible:not(#hero-adv) {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* ADV — centralizado igual ao START */
#hero-adv.visible {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* CTAs START */
.as-hero__ctas {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

/* Input + botão ADV */
.as-hero__email-row {
  display: flex;
  gap: 0;
  max-width: 680px;
  width: 100%;
  margin: 0 auto;
}
.as-hero__email-row input[type="email"] {
  flex: 1;
  height: 58px;
  border: 1.5px solid rgba(255,255,255,.25);
  border-right: none;
  border-radius: 99px 0 0 99px;
  padding: 0 28px;
  font-size: 16px;
  background: rgba(255,255,255,.08);
  color: #fff;
  font-family: var(--font);
  outline: none;
  min-width: 0;
}
.as-hero__email-row input::placeholder { color: rgba(255,255,255,.45); }
.as-hero__email-row input:focus { border-color: rgba(255,255,255,.5); background: rgba(255,255,255,.12); }
.as-hero__email-row .btn-start { border-radius: 0 99px 99px 0; height: 58px; padding-left: 28px; padding-right: 28px; }
.as-hero__email-row.adv-centered button {
  height: 58px;
  padding: 0 28px;
  border-radius: 0 99px 99px 0;
  border: none;
  background: #0756E4;
  color: #fff;
  font-family: var(--font);
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  transition: background .15s;
}
.as-hero__email-row.adv-centered button:hover { background: #2808A0; }

/* Transição de conteúdo */
.as-hero__content {
  transition: opacity .3s ease, transform .3s ease;
}
.as-hero__content.hidden {
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
  position: absolute;
  left: 0; right: 0;
}
.as-hero__content.visible {
  opacity: 1;
  transform: translateY(0);
  position: relative;
}

/* ============================================================
   BLOCO DINÂMICO DE DIFERENCIAIS
   ============================================================ */
.as-diferenciais {
  position: relative;
  background: #fff;
}

.as-dif-panel {
  padding: 72px 0;
  transition: opacity .35s, transform .35s;
}
.as-dif-panel.hidden {
  display: none;
}
.as-dif-panel.visible {
  display: block;
  opacity: 1;
  transform: translateY(0);
  position: relative;
  z-index: 1;
}
/* START — fundo cinza (padrão zebra: 1ª dobra) */
.as-dif-panel--start {
  background: #F1F2F7;
  padding: 80px 0 72px;
  position: relative;
  overflow: hidden;
}
.as-dif-panel--start::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at -5% 30%, rgba(108,240,122,.12) 0%, transparent 60%),
    radial-gradient(ellipse 50% 60% at 105% 70%, rgba(7,86,228,.10) 0%, transparent 60%),
    radial-gradient(ellipse 40% 40% at 50% 110%, rgba(18,188,246,.08) 0%, transparent 60%);
  pointer-events: none;
}
/* ADV — Cinza 80 base com blobs Azul 80 + Azul 100 (paleta GTM Projuris ADV) */
.as-dif-panel--adv {
  background: #2B2F4B;
  padding: 80px 0 72px;
  position: relative;
  overflow: hidden;
}
.as-dif-panel--adv::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 55% 60% at -5% 30%, rgba(40,8,160,.55) 0%, transparent 60%),
    radial-gradient(ellipse 45% 55% at 105% 70%, rgba(7,86,228,.45) 0%, transparent 60%),
    radial-gradient(ellipse 40% 40% at 50% 110%, rgba(40,8,160,.35) 0%, transparent 60%);
  pointer-events: none;
}
.as-dif-panel--adv::after { display: none; }

/* ============================================================
   1ª DOBRA — DIFERENCIAIS (Start + ADV)
   Layout: toggle + header + grid 3 cols + métricas + CTA
   Paleta neutra (sem referência a produto)
   ============================================================ */

/* Toggle wrapper */
.as-difs__toggle-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 0 0 20px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--start-border);
  margin-top: -30px;
}
.as-difs__toggle-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--start-muted);
  letter-spacing: .01em;
}
/* Toggle sobre fundo claro */
.as-toggle--light {
  background: rgba(7,86,228,.1);
  border: 1px solid rgba(7,86,228,.18);
  margin-bottom: 0;
  box-shadow: 0 2px 10px rgba(7,86,228,.12), 0 1px 3px rgba(0,0,0,.08);
}
.as-toggle--light .as-toggle__btn { color: #334155; }
.as-toggle--light [data-mode="start"].active { color: #0B1D39; }
.as-toggle--light [data-mode="adv"].active   { color: #fff; }
/* Pills — START verde GTM, ADV azul GTM */
.as-dif-panel--start .as-toggle__pill.start { background: #6CF07A; }
.as-dif-panel--start .as-toggle__pill.adv   { background: #0756E4; }
.as-dif-panel--adv   .as-toggle__pill.start { background: #6CF07A; }
.as-dif-panel--adv   .as-toggle__pill.adv   { background: #2808A0; }
/* Toggle na dobra ADV — fundo escuro */
.as-dif-panel--adv .as-toggle--light {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.2);
}
.as-dif-panel--adv .as-toggle--light .as-toggle__btn { color: rgba(255,255,255,.5); }
.as-dif-panel--adv .as-toggle--light [data-mode="start"].active,
.as-dif-panel--adv .as-toggle--light [data-mode="adv"].active { color: #fff; }
.as-dif-panel--adv .as-difs__toggle-label { color: rgba(255,255,255,.55); }
.as-dif-panel--adv .as-difs__toggle-wrap { border-bottom-color: rgba(255,255,255,.12); }

/* Header */
.as-difs__header {
  text-align: center;
  margin-bottom: 56px;
}
/* Eyebrow Start — Verde 20 GTM */
.as-difs__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #0B1D39;
  background: rgba(108,240,122,.18);
  border: 1px solid rgba(108,240,122,.5);
  border-radius: 99px;
  padding: 5px 14px;
  margin-bottom: 18px;
}
.as-difs__eyebrow::before {
  content: '';
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #6CF07A;
}
/* Eyebrow ADV — Azul 80 GTM sobre fundo escuro */
.as-difs__eyebrow--adv {
  color: #fff;
  background: rgba(7,86,228,.3);
  border-color: rgba(7,86,228,.6);
}
.as-difs__eyebrow--adv::before { background: #12BCF6; }
/* Título Start */
.as-difs__title {
  font-size: clamp(28px, 3.5vw, 44px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.03em;
  color: #0B1D39;
  margin: 0 0 14px;
}
.as-difs__title em {
  font-style: normal;
  color: #0756E4;
}
/* Sub Start */
.as-difs__sub {
  font-size: 17px;
  color: #475569;
  line-height: 1.65;
  max-width: 560px;
  margin: 0 auto;
}
/* Título e sub ADV — texto claro sobre fundo escuro */
.as-dif-panel--adv .as-difs__title { color: #fff; }
.as-dif-panel--adv .as-difs__title em { color: #12BCF6; }
.as-dif-panel--adv .as-difs__sub { color: rgba(255,255,255,.7); }

/* Grid 3 colunas */
.as-difs__grid3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
  margin-bottom: 48px;
}
.as-difs__col {
  background: #fff;
  border: 1.5px solid var(--start-border);
  border-radius: 20px;
  padding: 28px 24px;
  position: relative;
  overflow: hidden;
}
.as-difs__col::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  border-radius: 20px 20px 0 0;
}
/* Faixas Start — paleta GTM ADV Start */
.as-difs__col--func::before   { background: linear-gradient(90deg, #6CF07A, #12BCF6); }
.as-difs__col--dif::before    { background: linear-gradient(90deg, #12BCF6, #0756E4); }
.as-difs__col--upsell::before { background: linear-gradient(90deg, #0756E4, #6CF07A); }
/* Faixas ADV — paleta GTM Projuris ADV */
.as-difs__col--adv-func::before  { background: linear-gradient(90deg, #0756E4, #12BCF6); }
.as-difs__col--adv-dif::before   { background: linear-gradient(90deg, #2808A0, #0756E4); }
.as-difs__col--adv-scale::before { background: linear-gradient(90deg, #12BCF6, #2808A0); }
/* Cards na dobra ADV — fundo semi-transparente claro sobre Cinza 80 */
.as-dif-panel--adv .as-difs__col {
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.12);
}
.as-dif-panel--adv .as-difs__col-label { color: rgba(255,255,255,.5); }
.as-dif-panel--adv .as-difs__col h3 { color: #fff; }
.as-dif-panel--adv .as-difs__list li { color: rgba(255,255,255,.8); }
.as-dif-panel--adv .as-difs__list li::before {
  background-color: rgba(18,188,246,.2);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312BCF6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
}

/* Ícones Start — cores GTM ADV Start */
.as-difs__col-icon {
  width: 48px; height: 48px;
  border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 16px;
}
.as-difs__col-icon--blue   { background: rgba(7,86,228,.1); }
.as-difs__col-icon--green  { background: rgba(108,240,122,.15); }
.as-difs__col-icon--cyan   { background: rgba(18,188,246,.12); }
.as-difs__col-icon--indigo { background: rgba(40,8,160,.1); }
/* Ícones na dobra ADV — sobre fundo escuro */
.as-dif-panel--adv .as-difs__col-icon--blue   { background: rgba(7,86,228,.25); }
.as-dif-panel--adv .as-difs__col-icon--cyan   { background: rgba(18,188,246,.2); }
.as-dif-panel--adv .as-difs__col-icon--indigo { background: rgba(40,8,160,.3); }

.as-difs__col-label {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--start-muted);
  margin-bottom: 6px;
}
.as-difs__col h3 {
  font-size: 18px;
  font-weight: 800;
  color: var(--start-dark);
  margin: 0 0 14px;
  letter-spacing: -.02em;
}

/* Listas */
.as-difs__list {
  list-style: none;
  padding: 0; margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.as-difs__list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13.5px;
  color: var(--start-text);
  line-height: 1.5;
}
.as-difs__list li::before {
  content: '';
  flex-shrink: 0;
  width: 18px; height: 18px;
  margin-top: 1px;
  border-radius: 50%;
  background-size: 11px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(108,240,122,.18);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236CF07A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
}

/* Métricas */
.as-difs__metrics-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
  background: var(--start-border);
  border: 1px solid var(--start-border);
  border-radius: 18px;
  overflow: hidden;
  margin-bottom: 40px;
}
.as-difs__metric {
  background: #fff;
  padding: 24px 20px;
  text-align: center;
}
.as-difs__metric__val {
  font-size: 30px;
  font-weight: 900;
  letter-spacing: -.04em;
  line-height: 1;
  display: block;
  margin-bottom: 5px;
  color: #0756E4;
}
.as-difs__metric__lbl {
  font-size: 12px;
  color: var(--start-muted);
  font-weight: 500;
  line-height: 1.3;
}
/* Métricas na dobra ADV — fundo escuro */
.as-dif-panel--adv .as-difs__metrics-bar {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.1);
}
.as-dif-panel--adv .as-difs__metric {
  background: rgba(255,255,255,.05);
}
.as-dif-panel--adv .as-difs__metric__val { color: #12BCF6; }
.as-dif-panel--adv .as-difs__metric__lbl { color: rgba(255,255,255,.55); }

/* CTA row */
.as-difs__cta-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}
.as-difs__cta-note {
  font-size: 12px;
  color: var(--start-muted);
  text-align: center;
}
.as-difs__cta-note strong { color: var(--start-dark); }
/* CTA note na dobra ADV */
.as-dif-panel--adv .as-difs__cta-note { color: rgba(255,255,255,.5); }
.as-dif-panel--adv .as-difs__cta-note strong { color: rgba(255,255,255,.8); }

/* Botões Start — Verde 20 GTM */
.btn-start.primary {
  background: #6CF07A;
  color: #0B1D39;
  box-shadow: 0 4px 14px rgba(108,240,122,.3);
}
.btn-start.primary:hover { background: #4dd65a; }
.btn-start.green {
  background: #6CF07A;
  color: #0B1D39;
  box-shadow: 0 4px 14px rgba(108,240,122,.3);
}
.btn-start.green:hover { background: #4de05c; }
/* Botões ADV — base global */
.btn-adv-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 46px;
  padding: 0 24px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  border: none;
  background: #0756E4;
  color: #fff;
  box-shadow: 0 4px 14px rgba(7,86,228,.35);
  transition: background .15s, transform .15s;
}
.btn-adv-primary:hover { background: #0645c0; transform: translateY(-1px); color: #fff; }
.btn-adv-outline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 46px;
  padding: 0 24px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  color: #0756E4;
  border: 1.5px solid #0756E4;
  transition: border-color .15s, background .15s, color .15s;
}
.btn-adv-outline:hover { background: rgba(7,86,228,.06); border-color: #2808A0; color: #2808A0; }
/* Botões ADV na dobra escura — override sobre fundo #2B2F4B */
.as-dif-panel--adv .btn-adv-primary {
  background: #0756E4;
  box-shadow: 0 4px 14px rgba(7,86,228,.4);
  color: #fff;
}
.as-dif-panel--adv .btn-adv-primary:hover { background: #0645c0; }
.as-dif-panel--adv .btn-adv-outline {
  color: rgba(255,255,255,.85);
  border-color: rgba(255,255,255,.3);
}
.as-dif-panel--adv .btn-adv-outline:hover {
  border-color: rgba(255,255,255,.6);
  background: rgba(255,255,255,.07);
  color: #fff;
}
/* Ícones SVG na dobra ADV — visíveis sobre fundo escuro via currentColor */
.as-dif-panel--adv .as-difs__col-icon--blue   { color: #0756E4; }
.as-dif-panel--adv .as-difs__col-icon--indigo { color: #2808A0; }
.as-dif-panel--adv .as-difs__col-icon--cyan   { color: #12BCF6; }

@media (max-width: 960px) {
  .as-difs__grid3 { grid-template-columns: 1fr 1fr; }
  .as-difs__col--upsell,
  .as-difs__col--adv-scale { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  .as-difs__grid3 { grid-template-columns: 1fr; }
  .as-difs__col--upsell,
  .as-difs__col--adv-scale { grid-column: auto; }
  .as-difs__metrics-bar { grid-template-columns: 1fr 1fr; }
}

/* ============================================================
   PAINEL ADV — layout alternativo (as-difadv__*)
   ============================================================ */
.as-difadv__header {
  text-align: center;
  margin-bottom: 56px;
  position: relative;
  z-index: 1;
}
.as-difadv__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #0756E4;
  background: #eff6ff;
  border: 1px solid rgba(7,86,228,.25);
  border-radius: 99px;
  padding: 5px 14px;
  margin-bottom: 18px;
}
.as-difadv__eyebrow::before {
  content: '';
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #0756E4;
}
.as-difadv__title {
  font-size: clamp(28px, 3.5vw, 44px);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -.03em;
  color: #0B1D39;
  margin: 0 0 14px;
}
.as-difadv__title em { font-style: normal; color: #0756E4; }
.as-difadv__sub {
  font-size: 17px;
  color: #475569;
  line-height: 1.65;
  max-width: 580px;
  margin: 0 auto;
}
.as-difadv__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 40px;
  position: relative;
  z-index: 1;
}
.as-difadv__card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 28px 24px;
  position: relative;
  overflow: hidden;
  transition: background .2s, border-color .2s;
}
.as-difadv__card:hover { background: #f8faff; border-color: #0756E4; }
.as-difadv__card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  border-radius: 20px 20px 0 0;
}
.as-difadv__card:nth-child(1)::before { background: linear-gradient(90deg, #0756E4, #12BCF6); }
.as-difadv__card:nth-child(2)::before { background: linear-gradient(90deg, #2808A0, #0756E4); }
.as-difadv__card:nth-child(3)::before { background: linear-gradient(90deg, #12BCF6, #2808A0); }
.as-difadv__card:nth-child(4)::before { background: linear-gradient(90deg, #0756E4, #2808A0); }
.as-difadv__card:nth-child(5)::before { background: linear-gradient(90deg, #2808A0, #12BCF6); }
.as-difadv__card:nth-child(6)::before { background: linear-gradient(90deg, #12BCF6, #0756E4); }
.as-difadv__card-icon {
  width: 44px; height: 44px;
  border-radius: 12px;
  background: #eff6ff;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 16px;
}
.as-difadv__card h3 { font-size: 16px; font-weight: 800; color: #0B1D39; margin: 0 0 8px; letter-spacing: -.01em; }
.as-difadv__card p  { font-size: 13px; color: #64748b; line-height: 1.6; margin: 0; }
.as-difadv__personas {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
}
.as-difadv__persona {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 28px;
}
.as-difadv__persona__tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #eff6ff;
  border: 1px solid rgba(7,86,228,.25);
  border-radius: 99px;
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 700;
  color: #0756E4;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.as-difadv__persona h4  { font-size: 17px; font-weight: 800; color: #0B1D39; margin: 0 0 8px; }
.as-difadv__persona .role { font-size: 12px; color: #94a3b8; margin: 0 0 16px; font-weight: 500; }
.as-difadv__persona blockquote {
  font-size: 13.5px; color: #334155; line-height: 1.65;
  font-style: italic; border: none; margin: 0 0 16px; padding: 0;
}
.as-difadv__persona__jobs { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 7px; }
.as-difadv__persona__jobs li {
  font-size: 12.5px; color: #475569; line-height: 1.4; display: flex; gap: 8px; align-items: flex-start;
}
.as-difadv__persona__jobs li::before {
  content: '';
  flex-shrink: 0;
  width: 14px; height: 14px;
  margin-top: 1px;
  border-radius: 50%;
  background: rgba(18,188,246,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312BCF6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/9px no-repeat;
}
.as-difadv__cta-row {
  display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; position: relative; z-index: 1;
}
@media (max-width: 960px) { .as-difadv__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) {
  .as-difadv__grid { grid-template-columns: 1fr; }
  .as-difadv__personas { grid-template-columns: 1fr; }
  .as-dif-panel--adv { padding: 56px 0 48px; }
}

/* Remove espaço entre dobra4adv (depoimento ADV) e a seção seguinte */
.as-dif-panel--adv + .as-section { padding-top: 0; }
.dobra4adv_background { padding-bottom: 0 !important; }
.depoimento-container-adv { margin-bottom: 0; }
#ia { padding-top: 60px; }

.as-dif__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
}

/* Copy lado esquerdo */
.as-dif__badge {
  display: inline-block;
  padding: 4px 14px;
  border-radius: 99px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.as-dif__badge.start { background: var(--start-blue); color: #fff; }
.as-dif__badge.adv   { background: var(--adv-blue80); color: #fff; }

.as-dif__title {
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.025em;
  color: var(--start-dark);
  margin-bottom: 10px;
}
.as-dif__sub {
  font-size: 15px;
  color: var(--start-muted);
  line-height: 1.65;
  margin-bottom: 28px;
}

.as-dif__features {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 32px;
}
.as-dif__features li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.as-dif__features li strong {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: var(--start-dark);
  margin-bottom: 2px;
}
.as-dif__features li span {
  font-size: 13.5px;
  color: var(--start-muted);
  line-height: 1.55;
}
.as-dif__features.adv li strong { color: var(--start-dark); }
.as-dif__features.adv li span   { color: var(--start-muted); }

.as-dif__icon {
  flex-shrink: 0;
  width: 40px; height: 40px;
  border-radius: 10px;
  background: #eff6ff;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px;
}
.as-dif__icon.adv { background: #f5f3ff; }

.as-dif__ctas {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* Card visual lado direito */
.as-dif__card-visual {
  display: flex;
  justify-content: center;
}
.as-dif__card {
  background: #fff;
  border: 1.5px solid var(--start-border);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(37,99,235,.1);
  width: 100%;
  max-width: 480px;
}
.as-dif__card.adv {
  background: #fff;
  border-color: var(--start-border);
  box-shadow: 0 12px 40px rgba(79,33,161,.1);
}

.as-dif__card__header {
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--start-border);
}
.as-dif__card__header.start { background: linear-gradient(135deg,#eff6ff,#e0f2fe); }
.as-dif__card__header.adv   { background: linear-gradient(135deg,#f5f3ff,#ede9fe); border-bottom-color: var(--start-border); }

.as-dif__card__badge {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 99px;
  background: var(--start-blue);
  color: #fff;
}
.as-dif__card__badge.adv { background: var(--adv-blue80); }
.as-dif__card__tag {
  font-size: 11px;
  font-weight: 600;
  color: var(--start-muted);
}
.as-dif__card__tag.adv { color: var(--start-muted); }

.as-dif__card__list {
  list-style: none;
  padding: 24px 28px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.as-dif__card__list li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  font-weight: 500;
  color: var(--start-text);
}
.as-dif__card__list.adv li { color: var(--start-text); }

.ck {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px; height: 20px;
  border-radius: 50%;
  background: var(--start-green);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  flex-shrink: 0;
}
.ck.adv { background: var(--adv-blue80); }

.as-dif__card__footer {
  padding: 16px 28px;
  background: var(--start-bg);
  border-top: 1px solid var(--start-border);
  font-size: 11px;
  color: var(--start-muted);
  text-align: center;
  line-height: 1.5;
}
.as-dif__card__footer.adv {
  background: var(--start-bg);
  border-top-color: var(--start-border);
  color: var(--start-muted);
}

/* ============================================================
   SECTION TITLES
   ============================================================ */
.as-section { padding: 80px 0; background: #fff; }
.as-section.alt { background: var(--start-bg); }
.as-section.alt2 { background: var(--start-alt2); }
.as-section.dark { background: var(--start-dark); }
.alt2 { background: var(--start-alt2); }
.as-section__eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--start-blue);
  margin-bottom: 10px;
}
.as-section.dark .as-section__eyebrow { color: var(--start-cyan); }
.as-section__title {
  font-size: clamp(26px, 3.5vw, 38px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.025em;
  color: var(--start-dark);
  margin-bottom: 14px;
}
.as-section.dark .as-section__title { color: #fff; }
.as-section__sub {
  font-size: 16px;
  color: var(--start-muted);
  line-height: 1.65;
  max-width: 560px;
}
.as-section.dark .as-section__sub { color: rgba(255,255,255,.65); }

/* ============================================================
   FEATURES GRID
   ============================================================ */
.as-features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
  margin-top: 48px;
}
.as-feature-card {
  background: #fff;
  border: 1.5px solid var(--start-border);
  border-radius: 16px;
  padding: 28px 24px;
  transition: box-shadow .2s, transform .2s;
}
.as-feature-card:hover {
  box-shadow: 0 8px 28px rgba(37,99,235,.1);
  transform: translateY(-2px);
}
.as-feature-card__icon {
  width: 44px; height: 44px;
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 16px;
  font-size: 22px;
}
.as-feature-card__icon.blue  { background: #eff6ff; }
.as-feature-card__icon.cyan  { background: #e0f2fe; }
.as-feature-card__icon.green { background: #f0fdf4; }
.as-feature-card__icon.purple{ background: #f5f3ff; }
.as-feature-card h3 {
  font-size: 16px; font-weight: 700;
  color: var(--start-dark);
  margin-bottom: 8px;
}
.as-feature-card p {
  font-size: 13.5px;
  color: var(--start-muted);
  line-height: 1.6;
}

/* ============================================================
   SELETOR QUEM É PARA VOCÊ
   ============================================================ */
.as-who {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 48px;
}
.as-who__card {
  border-radius: 20px;
  padding: 36px 32px;
  position: relative;
  overflow: hidden;
}
.as-who__card.start {
  background: linear-gradient(135deg, #eff6ff 0%, #e0f7fa 100%);
  border: 2px solid #bfdbfe;
}
.as-who__card.adv {
  background: linear-gradient(135deg, #1E2235 0%, #2d1460 100%);
  border: 2px solid #4F21A1;
}
.as-who__card__badge {
  display: inline-block;
  padding: 4px 14px;
  border-radius: 99px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.as-who__card.start .as-who__card__badge { background: var(--start-blue); color: #fff; }
.as-who__card.adv   .as-who__card__badge { background: var(--adv-blue80); color: #fff; }
.as-who__card h3 {
  font-size: 22px; font-weight: 800;
  margin-bottom: 12px;
  line-height: 1.25;
}
.as-who__card.start h3 { color: var(--start-dark); }
.as-who__card.adv   h3 { color: #fff; }
.as-who__list {
  list-style: none;
  display: flex; flex-direction: column; gap: 10px;
  margin: 16px 0 24px;
}
.as-who__list li {
  display: flex; align-items: flex-start; gap: 10px;
  font-size: 14px; line-height: 1.5;
}
.as-who__card.start .as-who__list li { color: var(--start-text); }
.as-who__card.adv   .as-who__list li { color: rgba(255,255,255,.8); }
.as-who__list li::before {
  content: '';
  flex-shrink: 0;
  width: 18px; height: 18px; margin-top: 2px;
  border-radius: 50%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/11px no-repeat;
}
.as-who__card.start .as-who__list li::before { background-color: var(--start-green); }
.as-who__card.adv   .as-who__list li::before { background-color: var(--start-green); }

/* ============================================================
   TABELA COMPARATIVA
   ============================================================ */
.as-compare {
  margin-top: 48px;
  border-radius: 20px;
  overflow: hidden;
  border: 1.5px solid var(--start-border);
  box-shadow: 0 4px 24px rgba(0,0,0,.06);
}
.as-compare table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.as-compare thead tr {
  background: var(--start-bg);
}
.as-compare thead th {
  padding: 18px 24px;
  text-align: left;
  font-size: 13px;
  font-weight: 700;
  color: var(--start-muted);
  text-transform: uppercase;
  letter-spacing: .05em;
  border-bottom: 1.5px solid var(--start-border);
}
.as-compare thead th.col-start {
  background: linear-gradient(135deg, #eff6ff, #e0f7fa);
  color: var(--start-blue);
  text-align: center;
}
.as-compare thead th.col-adv {
  background: var(--adv-gray80);
  color: #fff;
  text-align: center;
}
.as-compare tbody tr:nth-child(even) { background: #fafcff; }
.as-compare tbody tr:hover { background: #f0f7ff; }
.as-compare tbody td {
  padding: 15px 24px;
  border-bottom: 1px solid var(--start-border);
  color: var(--start-text);
  vertical-align: middle;
}
.as-compare tbody td.feature-name {
  font-weight: 600;
  color: var(--start-dark);
}
.as-compare tbody td.col-start,
.as-compare tbody td.col-adv { text-align: center; }
.as-compare .check { color: var(--start-green); font-size: 18px; font-weight: 700; }
.as-compare .partial { color: var(--start-cyan); font-size: 13px; font-weight: 600; }
.as-compare .cross { color: #cbd5e1; font-size: 18px; }
.as-compare .check-adv { color: var(--adv-blue80); font-size: 18px; font-weight: 700; }

/* ============================================================
   UPSELL EVOLUA
   ============================================================ */
.as-evolve {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: center;
  margin-top: 0;
}
.as-evolve__text h2 {
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.025em;
  color: var(--start-dark);
  margin-bottom: 14px;
}
.as-evolve__text h2 span { color: var(--start-blue); }
.as-evolve__text p {
  font-size: 15px;
  color: var(--start-muted);
  line-height: 1.7;
  margin-bottom: 22px;
}
.as-evolve__benefits {
  list-style: none;
  display: flex; flex-direction: column; gap: 10px;
  margin-bottom: 28px;
}
.as-evolve__benefits li {
  display: flex; align-items: center; gap: 10px;
  font-size: 14px; color: var(--start-text); font-weight: 500;
}
.as-evolve__benefits li::before {
  content: '';
  flex-shrink: 0;
  width: 18px; height: 18px;
  border-radius: 50%;
  background: var(--start-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/11px no-repeat;
}
.as-evolve__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0,0,0,.12);
}
.as-evolve__card {
  padding: 28px 22px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.as-evolve__card.start-col {
  background: linear-gradient(160deg, #eff6ff 0%, #e0f7fa 100%);
}
.as-evolve__card.adv-col {
  background: linear-gradient(135deg, var(--adv-gray80) 0%, var(--adv-blue100) 100%);
}
.as-evolve__card__title {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 99px;
  display: inline-block;
  align-self: flex-start;
}
.as-evolve__card.start-col .as-evolve__card__title { background: var(--start-blue); color: #fff; }
.as-evolve__card.adv-col   .as-evolve__card__title { background: var(--adv-blue100); color: #fff; }
.as-evolve__card__items {
  list-style: none;
  display: flex; flex-direction: column; gap: 10px;
}
.as-evolve__card__items li {
  display: flex; align-items: center; gap: 10px;
  font-size: 13px; font-weight: 500;
}
.as-evolve__card.start-col .as-evolve__card__items li { color: var(--start-text); }
.as-evolve__card.adv-col   .as-evolve__card__items li { color: rgba(255,255,255,.85); }
.as-evolve__card__arrow {
  display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.12);
  width: 26px; height: 26px; border-radius: 50%;
  font-size: 13px;
  flex-shrink: 0;
}
.as-evolve__card.start-col .as-evolve__card__arrow { background: rgba(37,99,235,.12); color: var(--start-blue); }
.as-evolve__card.adv-col   .as-evolve__card__arrow { background: rgba(255,255,255,.08); color: rgba(255,255,255,.6); }
.as-evolve__note {
  grid-column: 1 / -1;
  background: #f8fafc;
  border-top: 1px solid var(--start-border);
  text-align: center;
  padding: 12px;
  font-size: 12px;
  color: var(--start-muted);
}

/* ============================================================
   SOCIAL PROOF / CREDIBILIDADE
   ============================================================ */
.as-trust {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 48px;
}
.as-trust__item {
  text-align: center;
  padding: 28px 20px;
  border-radius: 16px;
  background: #fff;
  border: 1.5px solid var(--start-border);
}
.as-trust__item .num {
  font-size: 36px;
  font-weight: 800;
  color: var(--start-blue);
  line-height: 1;
  margin-bottom: 6px;
}
.as-trust__item .label {
  font-size: 13px;
  color: var(--start-muted);
  line-height: 1.5;
}

/* ============================================================
   FAQ
   ============================================================ */
.as-faq {
  max-width: 720px;
  margin: 48px auto 0;
}
.as-faq__item {
  border-bottom: 1px solid var(--start-border);
}
.as-faq__item:first-child { border-top: 1px solid var(--start-border); }
.as-faq__question {
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  padding: 20px 0;
  font-size: 15px;
  font-weight: 700;
  color: var(--start-dark);
  font-family: var(--font);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.as-faq__question:hover { color: var(--start-blue); }
.as-faq__question .icon {
  flex-shrink: 0;
  width: 24px; height: 24px;
  border-radius: 50%;
  background: var(--start-bg);
  display: flex; align-items: center; justify-content: center;
  font-size: 16px;
  transition: transform .2s, background .2s;
}
.as-faq__item.open .as-faq__question .icon {
  background: var(--start-blue);
  color: #fff;
  transform: rotate(45deg);
}
.as-faq__answer {
  display: none;
  padding: 0 0 20px;
  font-size: 14px;
  color: var(--start-muted);
  line-height: 1.7;
}
.as-faq__item.open .as-faq__answer { display: block; }

/* ============================================================
   CTA FINAL
   ============================================================ */
.as-cta-final {
  text-align: center;
  padding: 80px 24px;
  background: linear-gradient(135deg, #eff6ff 0%, #e0f7fa 60%, #f0fdf4 100%);
}
.as-cta-final h2 {
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.03em;
  color: var(--start-dark);
  margin-bottom: 14px;
}
.as-cta-final p {
  font-size: 16px;
  color: var(--start-muted);
  max-width: 480px;
  margin: 0 auto 32px;
  line-height: 1.65;
}
.as-cta-final__btns {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

/* ============================================================
   FOOTER
   ============================================================ */
.as-footer {
  background: var(--start-dark);
  color: rgba(255,255,255,.55);
  padding: 32px 24px;
  text-align: center;
  font-size: 13px;
}
.as-footer a { color: rgba(255,255,255,.7); }
.as-footer a:hover { color: #fff; }
.as-footer__links {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

/* ============================================================
   FUNCIONALIDADES COM PRINTS (benefícios)
   ============================================================ */
.as-bene__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
  max-width: 1180px;
  margin: 0 auto 72px;
  padding: 0 32px;
}
.as-bene__row.reverse { direction: rtl; }
.as-bene__row.reverse > * { direction: ltr; }

.as-bene__icon-wrap {
  width: 48px; height: 48px;
  border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 16px;
}
.as-bene__icon-wrap.blue   { background: #eff6ff; }
.as-bene__icon-wrap.cyan   { background: #e0f2fe; }
.as-bene__icon-wrap.green  { background: #f0fdf4; }
.as-bene__icon-wrap.purple { background: #f5f3ff; }

.as-bene__text h3 {
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 800;
  color: var(--start-dark);
  line-height: 1.25;
  letter-spacing: -.02em;
  margin: 0 0 12px;
}
.as-bene__text p {
  font-size: 15px;
  color: var(--start-muted);
  line-height: 1.7;
  margin-bottom: 20px;
}
.as-bene__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.as-bene__list li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--start-text);
}
.as-bene__img {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 16px 48px rgba(26,86,219,.1);
  border: 1.5px solid var(--start-border);
  background: var(--start-bg);
}
.as-bene__img img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform .4s ease;
}
.as-bene__img:hover img { transform: scale(1.02); }

/* ============================================================
   DOBRA MANDALA ECOSSISTEMA (igual às páginas de produto)
   ============================================================ */
.mandala-produto { background: #fff; padding: 72px 0; }
.mandala-produto .qs-wrap { max-width: 1180px; margin: 0 auto; padding: 0 32px; }
.mandala-produto__content {
  display: flex;
  align-items: center;
  gap: 56px;
}
.mandala-produto__text { flex: 1 1 42%; min-width: 0; }
.mandala-produto__eyebrow {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #0056b3;
  margin-bottom: 14px;
}
.mandala-produto__text h2 {
  font-size: clamp(1.4rem, 2.4vw, 2rem);
  font-weight: 800;
  color: #0e1b2e;
  line-height: 1.2;
  margin: 0 0 16px;
}
.mandala-produto__text p {
  font-size: 1rem;
  color: #4a5568;
  line-height: 1.7;
  margin: 0 0 28px;
}
.mandala-produto__cta {
  display: inline-flex;
  align-items: center;
  padding: 13px 28px;
  background: #0056b3;
  color: #fff;
  border-radius: 8px;
  font-size: 0.88rem;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.2s, transform 0.2s;
}
.mandala-produto__cta:hover { background: #004099; transform: translateY(-2px); color: #fff; }
.mandala-produto__img { flex: 1 1 52%; text-align: center; min-width: 0; }
.mandala-produto__img .qs-mandala-img {
  max-width: 560px;
  width: 100%;
  height: auto;
  display: inline-block;
}
@media (max-width: 860px) {
  .mandala-produto__content { flex-direction: column; gap: 32px; }
  .mandala-produto__img { order: -1; }
  .mandala-produto__img .qs-mandala-img { max-width: 360px; }
  .mandala-produto { padding: 52px 0; }
  .mandala-produto .qs-wrap { padding: 0 20px; }
}

/* ============================================================
   IA SHOWCASE
   ============================================================ */
.as-ia__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center;
}
.as-ia__copy h2 {
  font-size: clamp(26px, 3.2vw, 38px);
  font-weight: 800;
  color: var(--start-dark);
  line-height: 1.2;
  letter-spacing: -.025em;
  margin: 10px 0 16px;
}
.as-ia__features {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 28px;
}
.as-ia__feat {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.as-ia__feat-icon {
  flex-shrink: 0;
  width: 38px; height: 38px;
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
}
.as-ia__feat strong {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: var(--start-dark);
  margin-bottom: 3px;
}
.as-ia__feat span {
  font-size: 13px;
  color: var(--start-muted);
  line-height: 1.55;
}

/* Card mock chat */
.as-ia__card {
  background: #fff;
  border: 1.5px solid var(--start-border);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 16px 48px rgba(37,99,235,.1);
}
.as-ia__card-header {
  background: var(--start-bg);
  border-bottom: 1px solid var(--start-border);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.as-ia__card-dot {
  width: 10px; height: 10px;
  border-radius: 50%;
}
.as-ia__card-dot.blue   { background: #2563EB; }
.as-ia__card-dot.yellow { background: #F59E0B; }
.as-ia__card-dot.green  { background: #22C55E; }
.as-ia__card-body {
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 240px;
}
.as-ia__msg {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.as-ia__msg.user { flex-direction: row-reverse; }
.as-ia__avatar {
  flex-shrink: 0;
  width: 28px; height: 28px;
  border-radius: 50%;
  background: var(--start-blue);
  display: flex; align-items: center; justify-content: center;
}
.as-ia__bubble {
  background: var(--start-bg);
  border: 1px solid var(--start-border);
  border-radius: 12px 12px 12px 2px;
  padding: 10px 14px;
  font-size: 13px;
  color: var(--start-text);
  line-height: 1.55;
  max-width: 85%;
}
.as-ia__bubble.user-bubble {
  background: var(--start-blue);
  color: #fff;
  border-color: var(--start-blue);
  border-radius: 12px 12px 2px 12px;
}
.as-ia__typing {
  display: flex;
  gap: 4px;
  padding: 8px 14px;
  align-items: center;
  width: fit-content;
  background: var(--start-bg);
  border: 1px solid var(--start-border);
  border-radius: 12px;
}
.as-ia__typing span {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--start-muted);
  animation: as-bounce .9s ease-in-out infinite;
}
.as-ia__typing span:nth-child(2) { animation-delay: .15s; }
.as-ia__typing span:nth-child(3) { animation-delay: .3s; }
@keyframes as-bounce {
  0%, 60%, 100% { transform: translateY(0); opacity: .5; }
  30% { transform: translateY(-5px); opacity: 1; }
}

/* ============================================================
   PROVA SOCIAL — Awards + Cases
   ============================================================ */
.as-awards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 56px;
}
.as-award-card {
  background: #fff;
  border: 1.5px solid var(--start-border);
  border-radius: 16px;
  padding: 24px 20px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  transition: box-shadow .2s;
}
.as-award-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,.07); }
.as-award-icon {
  flex-shrink: 0;
  width: 48px; height: 48px;
  border-radius: 12px;
  background: var(--start-bg);
  display: flex; align-items: center; justify-content: center;
}
.as-award-text strong {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: var(--start-dark);
  margin-bottom: 4px;
}
.as-award-text span {
  font-size: 12px;
  color: var(--start-muted);
  line-height: 1.45;
}

.as-cases {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.as-case-card {
  background: #fff;
  border: 1.5px solid var(--start-border);
  border-radius: 18px;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: box-shadow .2s, transform .2s;
}
.as-case-card:hover {
  box-shadow: 0 8px 32px rgba(26,86,219,.1);
  transform: translateY(-3px);
}
.as-case-stars {
  display: flex;
  gap: 3px;
}
.as-case-card blockquote {
  font-size: 14px;
  color: var(--start-text);
  line-height: 1.65;
  font-style: italic;
  border: none;
  margin: 0;
  padding: 0;
  flex: 1;
}
.as-case-author {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--start-border);
}
.as-case-avatar {
  width: 38px; height: 38px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--start-blue), var(--start-cyan));
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.as-case-author strong {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: var(--start-dark);
}
.as-case-author span {
  font-size: 12px;
  color: var(--start-muted);
}

/* ============================================================
   PLANOS E PREÇOS
   ============================================================ */
.as-plans {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  align-items: stretch;
}
.as-plan-card {
  background: #fff;
  border: 1.5px solid var(--start-border);
  border-radius: 20px;
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
  transition: box-shadow .2s, transform .2s;
}
.as-plan-card:hover {
  box-shadow: 0 10px 36px rgba(26,86,219,.12);
  transform: translateY(-3px);
}
.as-plan-card.featured {
  border-color: var(--start-blue);
  box-shadow: 0 8px 32px rgba(26,86,219,.15);
  transform: translateY(-6px);
}
.as-plan-card.dark {
  background: var(--start-dark);
  border-color: #1e3a5f;
}
.as-plan-popular {
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--start-green);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 4px 16px;
  border-radius: 99px;
  white-space: nowrap;
}
.as-plan-badge {
  display: inline-block;
  padding: 4px 14px;
  border-radius: 99px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
  margin-bottom: 10px;
  align-self: flex-start;
}
.as-plan-audience {
  font-size: 13px;
  color: var(--start-muted);
  margin-bottom: 20px;
  line-height: 1.4;
}
.as-plan-price {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 18px 0;
  border-top: 1px solid var(--start-border);
  border-bottom: 1px solid var(--start-border);
  margin-bottom: 22px;
}
.as-plan-card.dark .as-plan-price { border-color: rgba(255,255,255,.1); }
.as-plan-from {
  font-size: 11px;
  color: var(--start-muted);
  text-transform: uppercase;
  letter-spacing: .06em;
}
.as-plan-value {
  font-size: 28px;
  font-weight: 800;
  color: var(--start-dark);
  line-height: 1.1;
  letter-spacing: -.02em;
}
.as-plan-period {
  font-size: 12px;
  color: var(--start-muted);
}
.as-plan-features {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 28px;
  flex: 1;
}
.as-plan-features li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--start-text);
}
.as-plan-features.dark li { color: rgba(255,255,255,.8); }

/* ============================================================
   OVERRIDE — dobra metodologia advold
   Troca float-layout do advold por flexbox para funcionar
   corretamente no container do adv-start.
   ============================================================ */

/* dobra-fluxo: flex coluna para empilhar box + recursos */
.dobra-fluxo {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
}

/* Box dashed: flexbox, manter height:327px e overflow visible
   para as colunas subirem (top:-55px) sobre a borda */
.fluxo-categorias {
  display: flex !important;
  height: 327px !important;
  margin: 55px auto 0 !important; /* compensar o top:-55px das colunas */
  overflow: visible !important;
}

/* Colunas: neutralizar apenas o float, manter top:-55px do advold */
.fluxo-categorias .coluna {
  float: none !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Recursos Gerais: centralizado abaixo, neutralizar float:right */
.fluxo-recursos {
  float: none !important;
  padding-right: 0 !important;
  position: static !important;
      margin-top: -10px;
    margin-left: -30px;
}

/* Linha vertical dos recursos: corrigir bug top sem unidade do advold */
.fluxo-recursos ul::before {
  top: -28px !important;
}

/* ============================================================
   MOBILE
   ============================================================ */
@media (max-width: 768px) {
  .as-nav__links { display: none; }
  .as-nav__login { display: none; }
  .as-who { grid-template-columns: 1fr; }
  .as-evolve { grid-template-columns: 1fr; }
  .as-evolve__cards { grid-template-columns: 1fr; }
  .as-trust { grid-template-columns: 1fr 1fr; }
  .as-compare { overflow-x: auto; }
  .as-bene__row { grid-template-columns: 1fr; gap: 36px; margin-bottom: 48px; padding: 0 20px; }
  .as-bene__row.reverse { direction: ltr; }
  .as-ia__inner { grid-template-columns: 1fr; gap: 36px; }
  .as-awards { grid-template-columns: 1fr 1fr; }
  .as-cases { grid-template-columns: 1fr; }
  .as-plans { grid-template-columns: 1fr; }
  .as-plan-card.featured { transform: translateY(0); }
  .as-compare table { min-width: 520px; }
  .as-section { padding: 56px 0; }
  .as-features { grid-template-columns: 1fr 1fr; }
  /* Diferenciais */
  .as-dif__inner {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .as-dif-panel { padding: 48px 0; }
  .as-dif__card-visual { order: -1; }
  .as-dif__card { max-width: 100%; }
  .as-dif__ctas { flex-direction: column; }
  .as-dif__ctas .btn-start { width: 100%; justify-content: center; }
}
@media (max-width: 480px) {
  .as-trust { grid-template-columns: 1fr; }
  .as-features { grid-template-columns: 1fr; }
  .as-hero__ctas { flex-direction: column; align-items: center; }
  .btn-start.lg { width: 100%; justify-content: center; }
  .as-toggle__btn { padding: 10px 18px; font-size: 13px; }
}

/* ============================================================
   OVERRIDES ADV — verde → paleta oficial ADV
   Azul80 (#0756E4) para destaques/textos
   Azul100 (#280BA0) para fundos/badges
   Cinza80 (#2B2F4B) para elementos escuros
   Botões permanecem verdes.
   ============================================================ */

/* Dobra metodologia: padrão zebra cinza (dobra ímpar) */
.adv-start-page .metodologiaadv_background,
.metodologiaadv_background {
  background-color: #F1F2F7 !important;
}
.metodologiaadv_background strong {
  color: var(--adv-blue80) !important;
}

/* Dobra depoimentos: "potencializar" no h2 */
.dobra4adv_background h2 strong { color: var(--adv-blue80) !important; }

/* Mark inline com background-color:#00B600 no depoimento */
.dobra4adv_background mark {
  background-color: var(--adv-blue80) !important;
  color: #fff !important;
}

/* Destaque verde em depoimento ("tudo dentro de um só lugar") */
.depoimentosadv_background mark,
.depoimentosadv_background .highlight,
.depoimentosadv_background em,
.depoimento-texto em { color: var(--adv-blue80) !important; background: transparent !important; }

/* App ADV: links e destaques */
.appadv_background .verde,
.appadv_background strong.verde,
.appadv_background a { color: var(--adv-blue80) !important; }

/* Dobra planos: cabeçalho dos cards */
.planosadv_cardtopo { background-color: var(--adv-blue100) !important; }

/* Ícones check nos itens dos planos */
.verdeplano {
  background-color: var(--adv-blue80) !important;
  color: #fff !important;
}

/* Classe .verde genérica usada em textos */
.verde { color: var(--adv-blue80) !important; }

/* FAQ advold: título e ícone */
.faq h2 { color: var(--adv-blue100) !important; }
.icon    { color: var(--adv-blue80) !important; }

/* Carrossel vantagens: setas */
.vantagens_carousel .vantagens_right,
.vantagens_carousel .vantagens_left { color: var(--adv-blue80) !important; }

/* ============================================================
   VANTAGENS ADV — dobra as-vant-section (adv-only-blocks-4)
   Backgrounds alternados: branco / var(--adv-gray20)
   ============================================================ */
.as-vant-section {
  padding: 72px 0;
  background: var(--adv-gray20);
  width: 100%;
}

.as-vant-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  gap: 40px;
  padding: 56px 24px;
}

/* Linhas pares: imagem à esquerda, texto à direita */
.as-vant-row:nth-child(even) {
  flex-direction: row-reverse;
}

.as-vant-text {
  flex: 1 1 380px;
  min-width: 0;
}

.as-vant-text h2 {
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 700;
  color: var(--adv-gray80);
  margin-bottom: 12px;
  line-height: 1.25;
}

.as-vant-text p {
  font-size: 1rem;
  color: var(--start-muted);
  line-height: 1.6;
}

.as-vant-img {
  flex: 1 1 420px;
  text-align: center;
}

.as-vant-img img {
  width: 100%;
  max-width: 520px;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0,0,0,.08);
  display: block;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .as-vant-section { padding: 32px 0; }
  .as-vant-row,
  .as-vant-row:nth-child(even) {
    flex-direction: column;
    padding: 24px 16px;
    gap: 12px;
  }
  .as-vant-text {
    flex: 0 0 auto;
    width: 100%;
    text-align: center;
  }
  .as-vant-img {
    flex: 0 0 auto;
    width: 100%;
  }
  .as-vant-img img { max-width: 100%; }
}
 
/* ============================================================
   OVERRIDES includes compartilhados — verde → paleta ADV
   Substitui cores verdes de inc_depoimentosadv, inc_appadv
   sem alterar os arquivos originais (usados pelo advold)
   ============================================================ */
 
/* inc_depoimentosadv.php — botão "Teste e comprove" */
.botaoadvdepoi.verde,
a.botaoadvdepoi.verde {
  background-color: var(--adv-blue80) !important;
  color: #fff !important;
}
.botaoadvdepoi.verde:hover,
a.botaoadvdepoi.verde:hover {
  background-color: var(--adv-blue100) !important;
}

/* inc_depoimentosadv.php — botão "Veja mais depoimentos" (borda verde) */
.botaoadvdepoi.verde-borda,
a.botaoadvdepoi.verde-borda {
  border-color: var(--adv-blue80) !important; 
  color: var(--adv-blue80) !important;
}
.botaoadvdepoi.verde-borda:hover {
  background: rgba(7,86,228,.08) !important; 
}

/* inc_depoimentosadv.php — mark verde no depoimento */
.texto-depoimento-adv mark {
  background-color: rgba(7,86,228,.18) !important;
  color: #fff !important;
}

/* inc_appadv.php — botões de app store */
a.botaoadvapp,
a.verdee,
a.verdee2,
.botaoadvapp,
.verdee,
.verdee2 {
  background-color: #000 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
}
a.botaoadvapp:hover,
a.verdee:hover,
a.verdee2:hover,
.botaoadvapp:hover,
.verdee:hover,
.verdee2:hover {
  background-color: #222 !important;
}

/* inc_planosadv.php — botão Fale com especialista */
.planosadv_botao {
  background-color: var(--adv-blue80) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 100px !important;
  box-shadow: 0 4px 14px rgba(7,86,228,.35) !important;
}
.planosadv_botao:hover {
  background-color: var(--adv-blue100) !important;
  color: #fff !important;
  border: none !important;
}

/* ============================================================
   OVERRIDES inc_detalhesadv — verde → paleta oficial ADV
   ============================================================ */

/* Tab ativo (fundo verde → azul100) */
.tab-button.active,
.detalhesadv_ativo {
  background: var(--adv-blue80) !important;
  color: #fff !important;
}

/* Ícones feature-item (verde → azul80) */
.modern-solutions-section .feature-item i {
  color: var(--adv-blue80) !important;
}

/* Highlight no título h2 */
.modern-solutions-section .highlight {
  color: var(--adv-blue80) !important;
}

/* Botão CTA (fundo verde → azul100) */
.modern-solutions-section .cta-button {
  background: var(--adv-blue100) !important;
  box-shadow: 0 4px 6px rgba(40,11,160,.25) !important;
}
.modern-solutions-section .cta-button:hover {
  background: var(--adv-blue80) !important;
}

/* ============================================================
   MOBILE — Hero (primeira dobra)
   ============================================================ */
@media (max-width: 800px) {
  .as-hero--generic {
    padding-top: 90px;
    padding-bottom: 60px;
    min-height: unset;
  }
  .as-hero__email-form {
    flex-direction: column !important;
    gap: 10px;
    padding: 0 4px;
  }
  .as-hero__email-form input[type="email"] {
    width: 100% !important;
    height: 52px;
    font-size: 15px;
  }
  .as-hero__email-submit {
    width: 100% !important;
    height: 52px !important;
    font-size: 16px !important;
    padding: 0 24px !important;
    border-radius: 12px !important;
    background: #6CF07A !important;
    color: #0B1D39 !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 18px rgba(108,240,122,.35) !important;
    justify-content: center !important;
  }
  .as-hero__prod-badges {
    gap: 8px;
    margin-bottom: 24px;
  }
  .as-hero__prod-badge {
    padding: 8px 20px;
  }
}

/* ============================================================
   MOBILE — dobras compartilhadas com advold
   CSS extraído do mobile.css para funcionar no advnew (adv-start)
   Breakpoint principal: 800px (igual ao advold)
   ============================================================ */

/* ---- 1. Centralize suas operações (metodologiaadv) ---- */
/* CSS mobile 100% fiel ao advold — apenas troca verde→azul ADV */
@media (max-width: 800px) {
  .metodologiaadv_background {
    padding: 30px 30px 0 30px;
  }
  .metodologiaadv_background img {
    max-width: 100%;
  }
  .metodologiaadv_background p {
    font-size: 22px;
    color: #333;
    margin-bottom: 20px;
  }
  .metodologiaadv_background h2 {
    color: #000212;
    font-size: 33px;
    font-weight: 600;
    padding-bottom: 20px;
  }
  /* verde → azul ADV */
  .metodologiaadv_background strong {
    color: #0756E4;
  }

  /* --- layout: empilha as colunas --- */
  .metodologiaadv_background .fluxo-categorias {
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    gap: 0 !important;
    border: none !important;
    padding: 0 !important;
    position: static !important;
    float: none !important;
    align-items: center;
  }
  /* wrapper "Recursos Gerais" (div com justify-content inline) → bloco */
  .metodologiaadv_background .dobra-fluxo > div[style*="justify-content"] {
    display: block !important;
    width: 100% !important;
  }
  .metodologiaadv_background .fluxo-recursos {
    position: static !important;
    float: none !important;
    padding: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    align-items: center;
    margin-left: 0px;
  }
  /* cada coluna: remove float e top negativo */
  .metodologiaadv_background .coluna {
    float: none !important;
    top: 0 !important;
    position: static !important;
    width: 100% !important;
    padding: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    align-items: center;
    margin-bottom: 10px;
  }

  /* --- h3: pill clicável com +/– --- */
  .metodologiaadv_background .coluna h3,
  .metodologiaadv_background .fluxo-recursos h3 {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 12px;
    border: 2px solid #0756E4;
    border-radius: 999px;
    background-color: white;
    color: #333;
    cursor: pointer;
    margin-bottom: 20px;
    position: static !important;
    top: auto !important;
    z-index: 2;
    width: 100%;
    box-sizing: border-box;
  }
  /* símbolo + por padrão */
  .metodologiaadv_background .coluna h3::after,
  .metodologiaadv_background .fluxo-recursos h3::after {
    content: '+' !important;
    display: block !important;
    font-size: 18px;
    margin-left: auto;
    padding-left: 8px;
    flex-shrink: 0;
  }
  /* símbolo – quando ativo */
  .metodologiaadv_background .coluna.active h3::after,
  .metodologiaadv_background .fluxo-recursos.active h3::after {
    content: '–' !important;
  }

  /* --- UL: fechado por padrão --- */
  .metodologiaadv_background .coluna ul,
  .metodologiaadv_background .fluxo-recursos ul {
    display: none !important;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  /* UL aberto quando .active */
  .metodologiaadv_background .coluna.active ul,
  .metodologiaadv_background .fluxo-recursos.active ul {
    display: block !important;
    padding-bottom: 10px;
  }

  /* --- linha vertical ligando os itens (igual ao desktop) --- */
  .metodologiaadv_background .coluna ul::before,
  .metodologiaadv_background .fluxo-recursos ul::before {
    content: '' !important;
    display: block !important;
    position: absolute;
    top: -45px;
    left: 50%;
    width: 2px;
    height: 116%;
    background: #0756E4;
    transform: translateX(-50%);
    z-index: 0;
  }

  /* --- li: pills com borda azul (igual ao desktop, verde→azul) --- */
  .metodologiaadv_background .coluna li,
  .metodologiaadv_background .fluxo-recursos li {
    position: relative !important;
    background-color: #fff !important;
    border: 2px solid #0756E4 !important;
    color: black !important;
    border-radius: 999px !important;
    padding: 6px 16px !important;
    margin: 6px 0 !important;
    font-size: 13px;
    transition: background 0.2s;
    min-width: max-content;
    z-index: 2;
    display: block;
    text-align: center;
  }
}

/* ---- 2. Desenvolvido para potencializar (dobra4adv) ---- */
@media (max-width: 800px) {
  .dobra4adv_background {
    padding: 30px 0 0 0 !important;
    align-items: stretch !important;
    width: 100%;
    box-sizing: border-box;
  }
  .dobra4adv_background .centraliza {
    padding: 0 20px;
    text-align: center;
  }
  .dobra4adv_background p {
    font-size: 18px;
    color: #333;
  }
  .advcard-container {
    display: flex !important;
    flex-direction: row !important;
    gap: 30px;
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: scroll !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-left: 20px;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    scrollbar-width: thin;
    box-sizing: border-box;
  }
  .advcard-container::-webkit-scrollbar {
    display: block;
    height: 8px;
  }
  .advcard-container::-webkit-scrollbar-track {
    background: #E0E0E0;
  }
  .advcard-container::-webkit-scrollbar-thumb {
    background: #0756E4;
    border-radius: 4px;
  }
  .advcard {
    flex: 0 0 auto;
    width: 180px;
    padding: 15px;
    border: 3px solid #0756E4;
    border-radius: 50px 10px 50px 10px;
    text-align: left;
    background-color: white;
    box-shadow: 0px 4px 6px rgba(0,0,0,0.1);
    margin-top: 30px;
    margin-bottom: 30px;
    height: 220px;
    scroll-snap-align: start;
  }
  .advcard:last-child {
    margin-right: 20px;
  }
  .depoimento-container-adv {
    display: flex;
    flex-direction: column;
    padding: 20px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    margin-left: 0;
    max-width: 100%;
  }
  .depoimentoadv-video {
    margin-left: 0 !important;
    width: 100%;
  }
  .depoimentoadv-video iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }
  .texto-depoimento-adv {
    margin-left: 0 !important;
    text-align: center;
  }
  .texto-depoimento-adv .autor-adv {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

/* ---- 3. Gestão de Prazos / percentualadv ---- */
@media (max-width: 800px) {
  .percentualadv_background {
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    width: 100%;
    overflow-x: hidden;
    padding: 20px 0;
  }
  .dobra2adv {
    display: flex;
    flex-direction: row;
    gap: 30px;
    max-width: 1200px;
    width: 100%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-left: 20px;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .dobra2adv::-webkit-scrollbar {
    display: none;
  }
  .dobra2adv .item {
    flex: 0 0 auto;
    min-width: 250px;
    scroll-snap-align: start;
    border-radius: 12px;
    text-align: center;
  }
  .dobra2adv .item:last-child {
    margin-right: 20px;
  }
}

/* ---- 4. Gestão completa — App ADV (appadv) ---- */
@media (max-width: 800px) {
  .appadv_background {
    display: block !important;
  }
  .app-adv {
    width: 100% !important;
    float: none !important;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
  }
  .app-image {
    display: none !important;
  }
  .appadv_background h1 {
    font-size: 1.8rem;
    margin-bottom: 2rem;
  }
  .appadv_background p {
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }
  .appli {
    padding-left: 0;
    text-align: left;
    display: inline-block;
  }
  .botoes-app {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
  }
  .botaoadvapp {
    width: auto;
    margin: 0 !important;
  }
}

/* ---- 5. Monte seu plano — planosadv ---- */
@media (max-width: 800px) {
  .planosadv_background h2 {
    color: #292D38;
    font-size: 32px;
  }
  .planosadv_background span {
    font-size: 17px;
  }
  .planosadv_textos {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 16px;
    padding-left: 20px;
    padding-bottom: 12px;
    flex-wrap: nowrap;
    scrollbar-width: thin;
  }
  .planosadv_textos::-webkit-scrollbar {
    display: block;
    height: 8px;
  }
  .planosadv_textos::-webkit-scrollbar-track {
    background: #E0E0E0;
  }
  .planosadv_textos::-webkit-scrollbar-thumb {
    background: #0756E4;
    border-radius: 4px;
  }
  .planosadv_cards {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 20px #0000000D;
    border-radius: 15px;
    margin: 0;
    margin-right: 0;
    width: 85vw;
    min-width: 260px;
    flex: 0 0 auto;
    scroll-snap-align: start;
  }
  .planosadv_cards:last-child {  
    margin-right: 20px;
  }
}  
 
/* ---- 6. Footer ---- */
@media (max-width: 800px) {
  .footer_background {
    float: left;
    width: 100%;
    padding: 40px 10px;
  }
  .footer_lista {
    width: 50% !important;
    float: left !important;
    padding: 10px 12px !important;
    box-sizing: border-box;
  }
  .footer_lista:nth-child(odd) {
    clear: both !important;
  }
  .footer_lista:last-child {
    width: 100% !important;
    clear: both !important;
    padding: 20px 12px 10px !important;
  }
  .footer_lista img {
    max-width: 140px;
  }
  .footer_lista span {
    font-size: 16px;
    display: block;
    margin-bottom: 6px;
  }
  .footer_lista a {
    font-size: 13px;
    line-height: 22px;
    word-break: normal;
  }
  .footer_lista li {
    padding: 3px 0;
  }
  .dpa-mini-modal {
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    min-width: 200px;
  }
  .dpa-menu-item:hover .dpa-mini-modal {
    transform: translateX(-50%) translateY(0);
  }
}