@font-face{font-family:'Inter';font-weight:400;font-display:swap;src:url(../fonts/inter-400.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:500;font-display:swap;src:url(../fonts/inter-500.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:600;font-display:swap;src:url(../fonts/inter-600.woff2) format('woff2')}
:root{--surface:#fbfbf9;--raised:#fff;--sunken:#f1f1ed;--ink:#14161c;--muted:#565b66;--subtle:#6e737d;--line:#e4e4e0;--accent:#2f6b4f;--on-accent:#fff;--teja:#b5532f;--footer:#0b0d12}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--surface:#0b0d12;--raised:#14161c;--sunken:#101217;--ink:#f3f3f0;--muted:#a3a8b2;--subtle:#878c96;--line:#23262e;--accent:#7fc4a0;--on-accent:#0b0d12;--teja:#e08a66;--footer:#050608}}
:root[data-theme=dark]{--surface:#0b0d12;--raised:#14161c;--sunken:#101217;--ink:#f3f3f0;--muted:#a3a8b2;--subtle:#878c96;--line:#23262e;--accent:#7fc4a0;--on-accent:#0b0d12;--teja:#e08a66;--footer:#050608}
*{box-sizing:border-box}
body{margin:0;background:var(--surface);color:var(--ink);font:400 17px/1.65 Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-underline-offset:3px}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:1140px}
.wm{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:22px;letter-spacing:-.03em;color:var(--ink);text-decoration:none}
.wm svg{width:26px;height:26px}
.btn{display:inline-flex;align-items:center;height:44px;padding:0 20px;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:15px;text-decoration:none}
.miga{font-size:13px;color:var(--subtle);margin:32px 0 8px}
.miga a{color:var(--subtle)}
h1{font-size:clamp(32px,5vw,46px);line-height:1.08;font-weight:500;letter-spacing:-.04em;margin:0 0 16px;text-wrap:balance}
.entradilla{font-size:19px;color:var(--muted);margin:0 0 12px}
.fecha{font-size:13px;color:var(--subtle);margin:0 0 32px}
h2{font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.02em;margin:44px 0 12px}
h3{font-size:18px;font-weight:600;margin:24px 0 8px}
p,li{color:var(--ink)}
ul,ol{padding-left:22px}
li{margin:6px 0}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px;display:block;overflow-x:auto}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:600;background:var(--sunken)}
.nota{background:var(--sunken);border-left:3px solid var(--accent);padding:12px 16px;font-size:15px;color:var(--muted)}
.formula{font-weight:600;background:var(--raised);border:1px solid var(--line);padding:14px 16px}
.club{margin:48px 0;padding:28px;background:var(--raised);border:1px solid var(--line)}
.club h2{margin-top:0}
.club p{color:var(--muted)}
.faq details{border-bottom:1px solid var(--line);padding:12px 0}
.faq summary{font-weight:600;cursor:pointer}
.fuentes{font-size:14px;color:var(--muted)}
.fuentes li{color:var(--muted)}
.aviso{font-size:13px;color:var(--subtle);border-top:1px solid var(--line);padding-top:16px;margin-top:40px}
.lista{list-style:none;padding:0}
.lista li{border-bottom:1px solid var(--line);padding:18px 0;margin:0}
.lista a{font-size:20px;font-weight:500;letter-spacing:-.01em;text-decoration:none}
.lista p{margin:6px 0 0;color:var(--muted);font-size:15px}
footer{background:var(--footer);color:#c2c5cc;font-size:14px;margin-top:64px;padding:32px 0}
footer a{color:#fff}
footer .wrap{max-width:1140px}