/* ─── EYEBROW ──────────────────────────────────────────────── */
.bs-eyebrow{
  display:inline-flex;align-items:center;gap:12px;
  font-size:11px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;
  margin-bottom:18px;
}
.bs-eyebrow__dash{width:34px;height:1.5px;background:currentColor;display:inline-block}
.bs-eyebrow--light{color:var(--amarelo-3)}
.bs-eyebrow--dark{color:var(--amarelo)}
.bs-eyebrow--cta{color:var(--grafite);justify-content:center}

/* ─── SECTION HEAD (h2) ────────────────────────────────────── */
.bs-h2{
  font-family:var(--f-disp);
  font-size:clamp(40px,6.4vw,76px);
  line-height:0.96;
  letter-spacing:0.01em;
  text-transform:uppercase;
  color:var(--grafite);
  margin-bottom:18px;
}
.bs-sec-head--dark .bs-h2{color:var(--branco)}
.bs-sec-head--dark .ital{color:rgba(250,250,248,0.55)}

/* ─── BUTTONS ──────────────────────────────────────────────── */
.bs-btn{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--f-body);
  font-weight:700;font-size:14px;letter-spacing:0.06em;text-transform:uppercase;
  padding:18px 30px;border-radius:var(--radius-sm);
  transition:transform .15s var(--ease), background .2s, box-shadow .2s, color .2s, border-color .2s;
  white-space:nowrap;
  cursor:pointer;
}
.bs-btn svg{flex-shrink:0}

.bs-btn--primary{
  background:var(--grafite);color:var(--branco);
  box-shadow:var(--shadow-sm);
}
.bs-btn--primary:hover{background:#000;transform:translateY(-2px);box-shadow:0 10px 28px -6px rgba(42,42,44,0.6)}

.bs-btn--dark{
  background:var(--grafite);color:var(--amarelo);
  padding:20px 34px;font-size:14.5px;letter-spacing:0.08em;
  box-shadow:0 10px 28px -8px rgba(42,42,44,0.45);
}
.bs-btn--dark:hover{background:#000;transform:translateY(-2px);box-shadow:0 16px 36px -10px rgba(42,42,44,0.55)}

.bs-btn--line{
  background:transparent;color:var(--grafite);
  border:1.5px solid var(--grafite);
  padding:18.5px 32px;letter-spacing:0.08em;font-size:14.5px;
}
.bs-btn--line:hover{background:var(--grafite);color:var(--amarelo)}

.bs-btn--ghost{
  color:var(--grafite-2);font-weight:600;font-size:13px;letter-spacing:0.08em;
  padding:18px 4px;border-bottom:1.5px solid var(--card-line-2);border-radius:0;
}
.bs-btn--ghost:hover{color:var(--grafite);border-color:var(--grafite)}

.bs-btn--nav{
  background:var(--grafite);color:var(--amarelo);
  font-size:12.5px;letter-spacing:0.12em;padding:12px 22px;
}
.bs-btn--nav:hover{background:#000;transform:translateY(-1px)}

/* ─── SOLUTION CARD ────────────────────────────────────────── */
.sol-card{
  position:relative;
  background:var(--card);
  border:1px solid var(--card-line);
  border-radius:var(--radius);padding:32px 28px;
  transition:transform .2s var(--ease), border-color .2s, box-shadow .2s;
  overflow:hidden;
  display:block;
}
.sol-card::before{
  content:'';position:absolute;top:0;left:0;height:3px;width:0;background:var(--amarelo);
  transition:width .35s var(--ease);
}
.sol-card:hover{transform:translateY(-4px);border-color:var(--card-line-2);box-shadow:var(--shadow-md)}
.sol-card:hover::before{width:100%}
.sol-icon{
  width:50px;height:50px;border-radius:10px;
  background:var(--amarelo-bg);color:var(--amarelo-3);
  display:inline-flex;align-items:center;justify-content:center;
  margin-bottom:20px;
  border:1px solid rgba(255,193,7,0.25);
}
.sol-nome{
  font-family:var(--f-body);font-weight:700;font-size:16px;color:var(--grafite);
  letter-spacing:0.01em;margin-bottom:8px;
}
.sol-desc{font-size:14px;font-weight:300;line-height:1.65;color:var(--grafite-3)}

/* ─── FEATURE ITEM (diferenciais) ──────────────────────────── */
.dif-item{
  display:grid;grid-template-columns:64px 1fr;gap:20px;
  padding:26px 0;border-bottom:1px solid rgba(250,250,248,0.1);
  transition:padding-left .2s var(--ease), border-color .2s;
}
.dif-item:last-child{border-bottom:none}
.dif-item:hover{padding-left:8px;border-color:var(--amarelo)}
.dif-num{
  font-family:var(--f-disp);font-size:38px;line-height:1;
  color:rgba(255,193,7,0.35);transition:color .2s;letter-spacing:0.04em;
}
.dif-item:hover .dif-num{color:var(--amarelo)}
.dif-body h3{font-family:var(--f-body);font-size:16px;font-weight:700;color:var(--branco);margin-bottom:6px;letter-spacing:0.01em}
.dif-body p{font-size:14px;font-weight:300;line-height:1.7;color:rgba(250,250,248,0.7)}
.dif-body p strong{color:var(--amarelo);font-weight:600}

/* ─── STEP ─────────────────────────────────────────────────── */
.step{
  display:flex;gap:20px;align-items:flex-start;
  padding:26px 24px;background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius);
  transition:transform .2s var(--ease), border-color .2s;
}
.step:hover{transform:translateY(-3px);border-color:var(--card-line-2)}
.step-num{
  flex-shrink:0;width:46px;height:46px;border-radius:50%;
  background:var(--amarelo);color:var(--grafite);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--f-disp);font-size:22px;letter-spacing:0.05em;
  box-shadow:0 6px 18px -8px rgba(255,193,7,0.7);
}
.step-body h3{font-size:15.5px;font-weight:700;color:var(--grafite);margin-bottom:5px}
.step-body p{font-size:13.5px;font-weight:300;line-height:1.65;color:var(--grafite-3)}

/* ─── TESTIMONIAL ──────────────────────────────────────────── */
.dep-card{
  background:var(--card);border:1px solid var(--card-line);
  border-radius:var(--radius);padding:30px 28px;
  display:flex;flex-direction:column;
  transition:transform .2s var(--ease), box-shadow .2s;
}
.dep-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.dep-aspas{color:var(--amarelo);margin-bottom:14px;display:inline-flex}
.dep-texto{
  font-family:var(--f-edit);font-style:italic;font-weight:400;
  font-size:16px;line-height:1.65;color:var(--grafite-2);margin-bottom:24px;flex:1;
}
.dep-div{height:1px;background:var(--card-line);margin-bottom:18px}
.dep-autor{display:flex;align-items:center;gap:12px}
.dep-avatar{
  width:40px;height:40px;border-radius:50%;
  background:var(--grafite);color:var(--amarelo);
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:13px;flex-shrink:0;
}
.dep-nome{font-size:14px;font-weight:700;color:var(--grafite)}
.dep-cargo{font-size:12px;font-weight:300;color:var(--grafite-3);margin-top:1px}
.dep-stars{color:var(--amarelo-3);margin-top:4px;display:inline-flex;gap:2px}

/* ─── INFO CARD ────────────────────────────────────────────── */
.info-card{
  background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius);
  padding:20px 22px;display:flex;align-items:flex-start;gap:14px;
  transition:transform .15s var(--ease), border-color .2s;
}
.info-card:hover{transform:translateY(-2px);border-color:var(--card-line-2)}
.info-icon{
  width:40px;height:40px;border-radius:8px;flex-shrink:0;
  background:var(--amarelo-bg);color:var(--amarelo-3);
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,193,7,0.2);
}
.info-titulo{font-size:11px;font-weight:800;letter-spacing:0.16em;text-transform:uppercase;color:var(--grafite-3);margin-bottom:4px}
.info-valor{font-size:14.5px;font-weight:600;line-height:1.55;color:var(--grafite)}
.info-valor a{transition:color .15s}
.info-valor a:hover{color:var(--amarelo-3)}
.info-sub{font-size:12.5px;font-weight:300;color:var(--grafite-3);margin-top:2px}

/* ─── STAT ─────────────────────────────────────────────────── */
.stat{display:flex;flex-direction:column;gap:4px}
.stat-val{
  font-family:var(--f-disp);font-size:30px;line-height:1;
  color:var(--grafite);letter-spacing:0.03em;
}
.stat-val .y{color:var(--amarelo-3)}
.stat-lbl{
  font-size:11px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--grafite-3);margin-top:6px;
}
.stat-badge{
  display:inline-block;align-self:flex-start;margin-top:8px;
  background:var(--grafite);color:var(--amarelo);
  font-size:10.5px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;
  padding:4px 10px;border-radius:100px;
}

/* ─── MVV (mission/vision/values) ──────────────────────────── */
.mvv{display:grid;grid-template-columns:1fr;gap:14px}
.mvv-card{
  background:var(--card);
  border:1px solid var(--card-line);
  border-left:3px solid var(--amarelo);
  border-radius:0 var(--radius) var(--radius) 0;
  padding:22px 24px;
  transition:transform .2s var(--ease), box-shadow .2s, border-color .2s;
}
.mvv-card:hover{transform:translateX(4px);box-shadow:0 10px 28px -16px rgba(42,42,44,0.25);border-left-color:var(--amarelo-3)}
.mvv-titulo{font-size:10.5px;font-weight:800;letter-spacing:0.22em;text-transform:uppercase;color:var(--amarelo-3);margin-bottom:8px}
.mvv-texto{font-size:14.5px;font-weight:400;line-height:1.7;color:var(--grafite-2)}
.mvv-texto strong{color:var(--grafite);font-weight:700}

/* ─── WHATSAPP FLOAT ───────────────────────────────────────── */
.wa-float{
  position:fixed;bottom:22px;right:20px;z-index:999;
  width:58px;height:58px;
  background:#25D366;color:#fff;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 20px rgba(37,211,102,0.45);
  transition:transform .2s var(--ease), box-shadow .2s;
  animation:wa-pulse 3s infinite;
}
@keyframes wa-pulse{
  0%,100%{box-shadow:0 6px 20px rgba(37,211,102,0.45)}
  50%{box-shadow:0 6px 36px rgba(37,211,102,0.7)}
}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{fill:#fff}