/* InstantBoost — header y footer compartidos (app y páginas secundarias). */
:root{
  --ib-bg:#141A2E; --ib-bg2:#1C2440; --ib-bg3:#232C4D; --ib-line:#2C3658;
  --ib-text:#EEF0F7; --ib-muted:#A3ABC7; --ib-violet:#A48BFF; --ib-amber:#FFC46B;
  --ib-display:'Bricolage Grotesque',system-ui,sans-serif; --ib-body:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ib-r:14px;
}
.ib-wrap{max-width:1240px;margin:0 auto;padding:0 32px;width:100%;box-sizing:border-box}
.ib-top,.ib-foot{font-family:var(--ib-body);color:var(--ib-text);line-height:1.5}
.ib-top *,.ib-foot *{box-sizing:border-box}
/* ── Header compartido ── */
.ib-top{position:sticky;top:0;z-index:200;background:rgba(20,26,46,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--ib-line)}
.ib-top-in{display:flex;align-items:center;gap:32px;height:72px}
.ib-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ib-text)}
.ib-brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--ib-violet);color:var(--ib-bg)}
.ib-brand-name{font:800 22px/1 var(--ib-display);letter-spacing:-.02em}
.ib-nav{display:flex;align-items:center;gap:26px;flex:1}
.ib-nav a{color:var(--ib-text);text-decoration:none;font-weight:600;font-size:15px;padding:10px 2px;border-bottom:2px solid transparent}
.ib-nav a:hover{color:var(--ib-violet)}
.ib-nav a[aria-current=page]{border-color:var(--ib-violet)}
.ib-nav .ib-nav-vip{color:var(--ib-amber)}
.ib-nav-app{display:flex;gap:26px;align-items:center}
.ib-nav-app:empty{display:none}
.ib-nav-acc{margin-left:auto;display:flex;align-items:center;gap:14px}
.ib-nav-acc a{border:0}
.ib-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:var(--ib-r);font:700 15px var(--ib-body);text-decoration:none;border:0;cursor:pointer}
.ib-nav .ib-btn-light{background:var(--ib-text);color:var(--ib-bg);padding:0 20px}
.ib-nav .ib-btn-light:hover{background:#fff;color:var(--ib-bg)}
.ib-user{display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--ib-text);font:600 15px var(--ib-body);cursor:pointer;padding:6px}
.ib-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ib-bg3);border:1px solid var(--ib-line);font-size:13px;font-weight:700}
.ib-vip-pill{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:99px;background:rgba(255,196,107,.14);color:var(--ib-amber);font-size:12px;font-weight:700}
.ib-link-btn{background:none;border:0;color:var(--ib-muted);font:600 14px var(--ib-body);cursor:pointer;padding:10px 4px}
.ib-link-btn:hover{color:var(--ib-text)}
.ib-badge-count{position:absolute;top:0;right:-14px;background:#FF5C5C;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;line-height:16px;border-radius:99px;padding:0 4px;text-align:center}
.ib-nav-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--ib-line);color:var(--ib-text);width:44px;height:44px;border-radius:10px;cursor:pointer}

/* ── Cabecera de página (configurador) ── */
.ib-page-head{padding-top:48px;padding-bottom:8px}
.ib-crumbs{display:flex;gap:8px;font-size:14px;color:var(--ib-muted);margin-bottom:18px}
.ib-crumbs a{color:var(--ib-muted);text-decoration:none}.ib-crumbs a:hover{color:var(--ib-text)}
.ib-h1{font:800 clamp(36px,4.6vw,60px)/1.03 var(--ib-display);letter-spacing:-.03em;margin:0}
.ib-lede{color:var(--ib-muted);font-size:18px;margin:16px 0 0;max-width:60ch}

/* ── Footer compartido ── */
.ib-foot{margin-top:96px;border-top:1px solid var(--ib-line);background:rgba(20,26,46,.92);padding:48px 0 40px}
.ib-foot-cols{display:flex;gap:72px;flex-wrap:wrap}
.ib-foot-cols nav{display:flex;flex-direction:column;gap:10px;font-size:15px}
.ib-foot-cols strong{font:700 16px var(--ib-display);margin-bottom:4px}
.ib-foot-cols a{color:var(--ib-muted);text-decoration:none}.ib-foot-cols a:hover{color:var(--ib-text)}
.ib-fine{margin:40px 0 0;font-size:13px;color:var(--ib-muted);max-width:80ch}

@media (max-width:900px){
  .ib-nav-toggle{display:grid;place-items:center}
  .ib-nav{display:none;position:absolute;left:0;right:0;top:72px;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 24px;background:var(--ib-bg);border-bottom:1px solid var(--ib-line)}
  .ib-nav.open{display:flex}
  .ib-nav>a,.ib-nav-app a{padding:14px 0;border-bottom:1px solid var(--ib-line)}
  .ib-nav-app{flex-direction:column;align-items:stretch;gap:0}
  .ib-nav-acc{margin:16px 0 0;justify-content:space-between}
}
@media (max-width:640px){.ib-wrap{padding:0 20px}.ib-foot-cols{gap:40px}}