@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fuentes/ibm-plex-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fuentes/ibm-plex-sans-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fuentes/ibm-plex-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fuentes/ibm-plex-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fuentes/ibm-plex-serif-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fuentes/ibm-plex-serif-latin-600-normal.woff2) format("woff2")}
:root{
  --bg:#F1F4F0; --surface:#FFFFFF; --ink:#15231D; --muted:#5B6B63; --line:#D6DDD7;
  --capital:#1E6B4F; --capital-soft:#D5E8DE; --interes:#C27D12; --interes-ink:#8F5A0B; --interes-soft:#F6E6C8;
  color-scheme:light dark;
  --focus:#2B5CD6; --warn:#A33A2B;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0F1814; --surface:#16211C; --ink:#E4ECE7; --muted:#9AAAA2; --line:#2A3831;
    --capital:#4FB38A; --capital-soft:#1D3A2E; --interes:#E2A43E; --interes-ink:#E2A43E; --interes-soft:#3A2E17;
    --focus:#7FA2FF; --warn:#F08A7B;
  }
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 "IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-variant-numeric:tabular-nums}
a{color:var(--capital)}
a:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px}
.wrap{max-width:1180px;margin:0 auto;padding:28px 20px 60px}
.skip{position:absolute;left:-999px;top:8px;background:var(--surface);padding:8px 12px;border-radius:6px;z-index:10}
.skip:focus{left:12px}

.site-header{border-bottom:1px solid var(--line);background:var(--surface)}
.site-header .bar{max-width:1180px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:"IBM Plex Serif",Georgia,serif;font-weight:600;font-size:1.25rem}
.brand svg{flex:0 0 auto}
.site-nav{display:flex;gap:20px;font-size:.95rem}
.site-nav a{color:var(--ink);text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}
.site-nav a:hover{border-bottom-color:var(--line)}
.site-nav a[aria-current="page"]{border-bottom-color:var(--capital)}

.crumbs{font-size:.86rem;color:var(--muted);margin:0 0 14px}
.crumbs a{color:var(--muted)}

.site-footer{border-top:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:.88rem}
.site-footer .bar{max-width:1180px;margin:0 auto;padding:24px 20px;display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between}
.site-footer p{margin:0;max-width:62ch}
.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 18px}
.site-footer a{color:var(--muted);display:inline-block;padding:6px 0}
.crumbs a{display:inline-block;padding:4px 0}

/* Textos largos */
.guide{max-width:72ch;margin:56px auto 0;font-size:1.02rem;line-height:1.7}
.guide h2{font-family:"IBM Plex Serif",Georgia,serif;font-weight:600;font-size:1.55rem;line-height:1.25;margin:2.2em 0 .5em}
.guide h3{font-size:1.1rem;margin:1.6em 0 .3em}
.guide p,.guide ul{margin:0 0 1em}
.guide li{margin-bottom:.4em}
.guide .formula{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-size:1rem}
.guide table{border-collapse:collapse;width:100%;margin:0 0 1.2em;font-size:.95rem}
.guide .tscroll{overflow-x:auto}
.guide th,.guide td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}
.guide th{color:var(--muted);font-weight:600;font-size:.86rem}
.guide details{border-bottom:1px solid var(--line);padding:12px 0}
.guide summary{cursor:pointer;font-weight:600}
.guide details p{margin:.6em 0 0}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.doc{max-width:72ch;margin:0 auto;font-size:1.02rem;line-height:1.7}
.doc h1{font-family:"IBM Plex Serif",Georgia,serif;font-weight:600;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.15;margin:0 0 6px}
.doc .updated{color:var(--muted);font-size:.9rem;margin:0 0 28px}
.doc h2{font-family:"IBM Plex Serif",Georgia,serif;font-weight:600;font-size:1.35rem;margin:2em 0 .5em}
.doc p,.doc ul{margin:0 0 1em}
.doc li{margin-bottom:.4em}
.doc dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:0 0 1.2em}
.doc dt{color:var(--muted)}
.doc dd{margin:0}
@media (max-width:520px){.doc dl{grid-template-columns:1fr}.doc dd{margin-bottom:8px}}