/* Estilo de los artículos. Comparte la paleta de la calculadora para que
   todo se lea como el mismo sitio. */
:root{
  --bg:#f6f7f5; --surface:#fff; --surface-2:#eff1ed; --line:#d9ddd6;
  --text:#16211c; --muted:#5d6b63; --faint:#8a978f;
  --accent:#0f7a5a; --accent-soft:#e3f2eb; --accent-ink:#0a5a42;
  --warn:#b4541f; --warn-soft:#fbeee6;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0e1411; --surface:#161e1a; --surface-2:#1d2722; --line:#2c3831;
  --text:#e8efea; --muted:#9BABA2; --faint:#74857b;
  --accent:#3fcf9a; --accent-soft:#123024; --accent-ink:#7fe3bd;
  --warn:#e08a52; --warn-soft:#2e2016;}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);
  font:17px/1.68 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-text-size-adjust:100%}
.wrap{max-width:680px;margin:0 auto;padding:0 20px 70px}
header{padding:20px 0;border-bottom:1px solid var(--line);margin-bottom:34px}
.brand{display:inline-flex;align-items:center;gap:9px;font-weight:700;text-decoration:none;color:var(--text)}
.mark{width:26px;height:26px;border-radius:8px;background:var(--accent);display:grid;
  place-items:center;color:var(--bg);font-size:13px;font-weight:800}
.volver{font-size:14px;color:var(--muted);text-decoration:none;margin-left:14px}
.volver:hover{color:var(--accent)}
h1{font-size:clamp(29px,5.6vw,42px);line-height:1.1;letter-spacing:-.03em;margin:0 0 14px}
h2{font-size:24px;letter-spacing:-.02em;margin:42px 0 12px;line-height:1.22}
h3{font-size:19px;margin:30px 0 8px}
p,li{color:var(--text);margin:0 0 17px}
li{margin-bottom:9px}
.lede{font-size:20px;color:var(--muted);line-height:1.55;margin-bottom:8px}
.meta{font-size:13.5px;color:var(--faint);margin-bottom:34px}
strong{font-weight:700}
a{color:var(--accent)}
.caja{background:var(--accent-soft);color:var(--accent-ink);padding:18px 20px;
  border-radius:13px;margin:26px 0;font-weight:600}
.caja p{color:inherit;margin:0}
.aviso{background:var(--warn-soft);color:var(--warn);padding:16px 19px;border-radius:12px;
  margin:26px 0;font-size:15.5px;font-weight:600}
.aviso p{color:inherit;margin:0}
.scroll{overflow-x:auto;margin:26px 0;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:15.5px;font-variant-numeric:tabular-nums}
th,td{padding:11px 13px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
th:first-child,td:first-child{text-align:left}
th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-weight:700}
tr.gana td{color:var(--accent);font-weight:700}
.cta{display:block;background:var(--accent);color:var(--surface);text-decoration:none;
  padding:19px 22px;border-radius:14px;margin:40px 0 10px;text-align:center}
.cta b{display:block;font-size:19px;margin-bottom:4px}
.cta span{font-size:14.5px;opacity:.85}
footer{border-top:1px solid var(--line);margin-top:48px;padding-top:22px;
  color:var(--faint);font-size:13.5px}
footer a{color:var(--muted)}
.otros{margin-top:40px;border-top:1px solid var(--line);padding-top:26px}
.otros h2{margin-top:0;font-size:18px}
.otros a{display:block;padding:13px 0;border-bottom:1px solid var(--line);
  text-decoration:none;color:var(--text);font-weight:650}
.otros a:last-child{border-bottom:none}
.otros a span{display:block;font-weight:400;font-size:14.5px;color:var(--muted);margin-top:3px}