/* Paginas de materia · misma identidad que la portada (Cormorant Garamond + Jost, paleta azul) */
:root{--ink:#21303d;--soft:#5f6f7c;--accent:#2e4257;--dark:#2e4257;--bg:#ffffff;--bg2:#eef3f7;--line:#dde4ea;--gold:#c9a24b;}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Jost',system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.75;-webkit-font-smoothing:antialiased;font-weight:400}
.disp{font-family:'Cormorant Garamond',Georgia,serif}
a{color:var(--accent)}
img{max-width:100%;display:block}
.wrap{max-width:820px;margin:0 auto;padding:0 28px}
header.m{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}
header.m .wrap{display:flex;align-items:center;height:70px;gap:14px}
header.m .seal{width:34px;height:34px;color:var(--accent);flex:none}
header.m b{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:600;line-height:1.1}
header.m i{font-style:normal;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--soft);display:block}
header.m a.back{margin-left:auto;font-size:13px;text-decoration:none;color:var(--soft)}
header.m a.back:hover{color:var(--accent)}
.hero{padding:60px 0 26px;border-bottom:1px solid var(--line)}
.hero .k{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:500}
.hero h1{font-family:'Cormorant Garamond',serif;font-size:42px;font-weight:500;margin-top:12px;letter-spacing:-.01em;line-height:1.15}
.hero .lead{color:var(--soft);margin-top:14px;font-size:17px}
main{padding:34px 0 70px}
main h2{font-family:'Cormorant Garamond',serif;font-size:25px;font-weight:500;margin:38px 0 12px}
main h3{font-size:15px;font-weight:500;margin:24px 0 8px;letter-spacing:.02em}
main p{margin:12px 0}
main ul,main ol{margin:12px 0 12px 22px}
main li{margin:7px 0}
.ley{background:var(--bg2);border-left:3px solid var(--accent);padding:16px 20px;margin:22px 0;font-size:15px}
.ley b{font-weight:500}
.ahora{border:1px solid var(--line);padding:22px 24px;margin:26px 0;background:#fff}
.ahora h3{margin-top:0;color:var(--accent);font-size:16px}
.cta{background:var(--dark);color:#fff;padding:30px 28px;margin:40px 0 0;text-align:center}
.cta p{color:#ffffffcc;margin:0 0 16px}
.cta a{display:inline-block;background:#fff;color:var(--dark);padding:13px 26px;text-decoration:none;font-size:14px;letter-spacing:.04em}
.otras{border-top:1px solid var(--line);margin-top:48px;padding-top:26px;font-size:14px}
.otras a{display:inline-block;margin:5px 14px 5px 0;color:var(--soft);text-decoration:none;border-bottom:1px solid var(--line)}
.otras a:hover{color:var(--accent)}
footer.m{border-top:1px solid var(--line);padding:26px 0;font-size:13px;color:var(--soft);text-align:center}
@media(max-width:640px){.hero h1{font-size:32px}.wrap{padding:0 20px}}