/* PortSync 2.5 — página «Metodología»: índice de la página, calculadoras y tabla ancha. Solo tokens de portsync-tokens.css. */
.indice-pagina{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px}
.indice-pagina a{padding:7px 13px;border-radius:var(--r-pill);font-size:13.5px;color:var(--ink-2);background:var(--vidrio-tarjeta);box-shadow:inset 0 0 0 1px var(--line)}
.indice-pagina a:hover,.indice-pagina a:focus-visible{color:var(--ink);box-shadow:inset 0 0 0 1px var(--accent)}
.tabla.tabla--ancha{min-width:880px}
.calc{margin:12px 0 18px;padding:16px 18px;border-radius:var(--r-lg,14px);background:var(--vidrio-tarjeta);box-shadow:inset 0 0 0 1px var(--line-strong);display:grid;gap:12px}
.calc label{display:grid;gap:6px;font-size:14px;font-weight:500;color:var(--ink)}
.calc input[type=range]{width:100%;accent-color:var(--accent)}
.calc input[type=number]{font:inherit;font-size:15px;padding:9px 10px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface-2,transparent);color:var(--ink);width:100%;max-width:220px}
.calc input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.calc-fila{display:flex;flex-wrap:wrap;gap:14px 22px}
.calc-res{margin:0;font-size:15px;line-height:1.55;color:var(--ink)}
.mono{font-family:var(--font-mono,'IBM Plex Mono',monospace)}
@media (max-width:640px){.indice-pagina a{font-size:13px;padding:6px 11px}}