/* Landing /que-es-bi. Prefijo .qbi para no chocar con new_index.css. */
.qbi { --qbi-ink:#0f172a; --qbi-muted:#5b6777; --qbi-line:#d9dee5; --qbi-bg:#f4f6f8; --qbi-primary:#0667B4; background:#fff; color:var(--qbi-ink); }
.qbi section { padding:64px 0; }
.qbi h2 { font-size:clamp(1.5rem,3vw,2rem); font-weight:700; margin-bottom:12px; }
.qbi h3 { font-size:1.05rem; font-weight:700; margin-bottom:6px; }
.qbi p { color:var(--qbi-muted); line-height:1.6; }
.qbi-narrow { max-width:760px; }
.qbi-alt { background:var(--qbi-bg); }
.qbi-sub { max-width:560px; margin:0 auto 32px; }

.qbi-hero { background:linear-gradient(180deg,#eef6fd,#fff); padding:72px 0 56px !important; }
.qbi-eyebrow { display:inline-block; font-size:.8rem; font-weight:600; color:var(--qbi-primary); background:#e6f2ff; border-radius:999px; padding:4px 12px; margin-bottom:16px; }
.qbi-h1 { font-size:clamp(1.9rem,4.4vw,2.9rem); font-weight:800; line-height:1.12; margin-bottom:16px; }
.qbi-lead { font-size:1.1rem; max-width:520px; }
.qbi-cta-row { display:flex; flex-wrap:wrap; gap:12px; margin:24px 0 10px; }
.qbi-note { font-size:.85rem; margin:0; }
.qbi-btn { display:inline-block; padding:12px 22px; border-radius:8px; font-weight:600; text-decoration:none; border:1px solid transparent; }
.qbi-btn-primary { background:var(--qbi-primary); color:#fff; }
.qbi-btn-primary:hover { background:#055593; color:#fff; }
.qbi-btn-ghost { border-color:var(--qbi-line); color:var(--qbi-ink); background:#fff; }
.qbi-btn-ghost:hover { border-color:var(--qbi-primary); color:var(--qbi-primary); }
.qbi-btn-light { background:#fff; color:var(--qbi-primary); }
.qbi-btn-light:hover { background:#e6f2ff; color:var(--qbi-primary); }

.qbi-mock { background:#fff; border:1px solid var(--qbi-line); border-radius:14px; box-shadow:0 24px 50px rgba(15,23,42,.12); padding:16px; }
.qbi-mock-bar { display:flex; gap:6px; margin-bottom:14px; }
.qbi-mock-bar i { width:9px; height:9px; border-radius:50%; background:var(--qbi-line); }
.qbi-mock-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:14px; }
.qbi-mock-kpis div { background:var(--qbi-bg); border-radius:8px; padding:10px 12px; }
.qbi-mock-kpis b { display:block; font-size:1.25rem; }
.qbi-mock-kpis small { color:var(--qbi-muted); }
.qbi-mock-chart { display:flex; align-items:flex-end; gap:8px; height:130px; background:var(--qbi-bg); border-radius:8px; padding:12px; margin-bottom:14px; }
.qbi-mock-chart span { flex:1; background:var(--qbi-primary); border-radius:4px 4px 0 0; opacity:.85; }
.qbi-mock-rows div { display:grid; grid-template-columns:2fr 1fr 1fr; gap:10px; padding:8px 0; border-top:1px solid var(--qbi-line); }
.qbi-mock-rows em { height:8px; border-radius:4px; background:var(--qbi-line); }

.qbi-stats { background:var(--qbi-ink); color:#fff; padding:32px 0 !important; }
.qbi-stats b { display:block; font-size:1.7rem; font-weight:800; }
.qbi-stats span { color:#b6c2d1; font-size:.9rem; }

.qbi-card, .qbi-step { background:#fff; border:1px solid var(--qbi-line); border-radius:10px; padding:22px; height:100%; }
.qbi-card p, .qbi-step p { margin:0; font-size:.95rem; }
.qbi-step span { display:inline-flex; width:32px; height:32px; align-items:center; justify-content:center; border-radius:50%; background:var(--qbi-primary); color:#fff; font-weight:700; margin-bottom:10px; }
.qbi-h3 { margin-bottom:12px !important; }
.qbi-list { padding-left:1.1rem; color:var(--qbi-muted); line-height:1.7; }

.qbi-faq details { border-bottom:1px solid var(--qbi-line); padding:14px 0; }
.qbi-faq summary { cursor:pointer; font-weight:600; }
.qbi-faq p { margin:10px 0 0; }

.qbi-final { background:var(--qbi-primary); }
.qbi-final h2, .qbi-final p { color:#fff; }
.qbi-final p { margin-bottom:20px; opacity:.9; }

@media (max-width:576px) { .qbi section { padding:44px 0; } .qbi-btn { width:100%; text-align:center; } }