/* ============================================================================
   Bivel — web v2 · páginas interiores (soporte, privacidad, términos)
   Mismo fondo, cabecera y pie que la home. El contenido viene de la v1 sin
   tocar el texto; aquí solo se viste con los tokens del oscuro nuevo.
   ========================================================================== */

.page-head{padding:calc(9 * var(--u)) var(--gutter) calc(3 * var(--u));text-align:center}
.page-head__inner{max-width:calc(50 * var(--u));margin:0 auto}
.page-head .eyebrow{margin-bottom:calc(1 * var(--u))}
.page-head .display,.page-head .h1{max-width:calc(50 * var(--u));margin:0 auto}
.page-head .lede{max-width:calc(29.5 * var(--u));margin:calc(1.25 * var(--u)) auto 0;font-size:var(--fs-lead);line-height:var(--lh-relaxed);color:var(--text-muted)}
.page-head .updated{margin-top:calc(1 * var(--u));font-family:var(--font-ui);font-size:var(--fs-caption);color:var(--text-faint)}
.contact-line{margin-top:calc(1.25 * var(--u));font-family:var(--font-ui);font-size:var(--fs-lead)}
.contact-line .link{color:var(--text-strong)}

.section{padding:calc(3 * var(--u)) var(--gutter) calc(8 * var(--u))}
.section--tight{padding-top:0}
.wrap{max-width:calc(60 * var(--u));margin:0 auto}
.section-head{text-align:center;max-width:calc(50 * var(--u));margin:0 auto calc(2.5 * var(--u))}
.section-head .eyebrow{margin-bottom:calc(1 * var(--u))}

/* ---------- Legal ---------- */
.legal{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:calc(3 * var(--u));align-items:start}
.legal__toc{
  position:sticky;top:calc(6 * var(--u));
  display:grid;gap:2px;padding:10px;border-radius:18px;
  background:var(--glass-fill);box-shadow:inset 0 0 0 1px var(--glass-edge);
  font-family:var(--font-ui);font-size:var(--fs-caption);
}
.legal__toc a{padding:8px 12px;border-radius:12px;color:var(--text-muted);transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}
.legal__toc a:hover{color:var(--text-strong);background:var(--panel-fill)}
@media (max-width:820px){
  .legal{grid-template-columns:1fr}
  .legal__toc{position:static;grid-template-columns:1fr 1fr}
}

.prose{max-width:var(--measure);font-size:var(--fs-body);line-height:1.65;color:var(--text-secondary)}
.prose>*+*{margin-top:1.1em}
.prose h2{margin-top:2.4em;font-family:var(--font-sans);font-weight:var(--fw-medium);font-size:var(--fs-h2);line-height:var(--lh-snug);letter-spacing:var(--ls-heading);color:var(--text-strong);scroll-margin-top:calc(6 * var(--u))}
.prose h2:first-child{margin-top:0}
.prose strong{color:var(--text-primary);font-weight:var(--fw-semibold)}
.prose ul{padding-left:1.2em;display:grid;gap:.4em}
.prose li{list-style:disc}
.prose li::marker{color:var(--accent)}
.prose dl{display:grid;grid-template-columns:max-content 1fr;gap:.4em 1.2em;padding:16px 18px;border-radius:16px;background:var(--panel-fill);box-shadow:inset 0 0 0 1px var(--panel-edge);font-family:var(--font-ui);font-size:var(--fs-label)}
.prose dt{color:var(--text-muted)}
.prose dd{margin:0;color:var(--text-primary)}
.prose .link{color:var(--text-primary)}
.notice{padding:16px 18px;border-radius:18px;background:var(--action-tint-bg);box-shadow:inset 0 0 0 1px rgba(240,85,43,.35)}
.notice p{margin:0;color:var(--text-primary)}
.prose .contact-line{margin-top:1.6em}

/* ---------- Soporte ---------- */
.faq.reveal-group{display:grid;gap:8px;max-width:calc(44 * var(--u));margin:0 auto}
.faq__item{border-radius:16px;background:var(--glass-fill);box-shadow:inset 0 0 0 1px var(--glass-edge);font-family:var(--font-ui)}
.faq__q{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--text-primary)}
.faq__q::-webkit-details-marker{display:none}
.faq__q::after{content:"+";font-size:18px;color:var(--text-muted);transition:transform var(--dur) var(--ease)}
.faq__item[open] .faq__q::after{transform:rotate(45deg)}
.faq__a{padding:0 18px 16px;font-size:var(--fs-body);line-height:1.55;color:var(--text-muted)}
.faq__a>*+*{margin-top:.8em}
.faq__a ul{padding-left:1.2em;display:grid;gap:.3em}
.faq__a li{list-style:disc}
.faq__a strong{color:var(--text-primary);font-weight:var(--fw-semibold)}
.contact{max-width:calc(44 * var(--u));margin:0 auto;padding:calc(2 * var(--u));border-radius:calc(1.5 * var(--u));text-align:center;display:grid;gap:12px;justify-items:center}
.contact .h2{font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:var(--fs-h2);letter-spacing:var(--ls-heading);color:var(--text-strong)}
.contact .body{color:var(--text-muted);max-width:var(--measure)}
.contact__actions{margin-top:6px}

/* ---------- 404 ---------- */
.page-head--404{min-height:72vh;display:grid;place-items:center}
.page-head--404 .hero__actions{margin-top:calc(1.5 * var(--u))}