:root{--bg:#0e1420;--fg:#e8e6df;--mut:#9aa3b2;--acc:#e3b365;--card:#161e2e}
*{box-sizing:border-box}
html{font-size:18px}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Georgia,"Times New Roman",serif;line-height:1.65}
a{color:var(--acc)}
header,main,footer{max-width:46rem;margin:0 auto;padding:0 1.25rem}
header{display:flex;justify-content:space-between;align-items:baseline;padding-top:1.5rem;padding-bottom:1rem;border-bottom:1px solid #243049;flex-wrap:wrap;gap:.5rem}
header .marca{font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--fg)}
nav a{margin-left:1.1rem;font-size:.9rem;text-decoration:none;color:var(--mut)}
nav a:hover,nav a[aria-current]{color:var(--acc)}
h1{font-size:2.2rem;line-height:1.2;margin:1.5rem 0 .5rem}
h2{font-size:1.4rem;margin:2.2rem 0 .6rem}
.gancho{font-size:1.25rem;font-style:italic;color:var(--acc);margin:.5rem 0 1.5rem}
.portada{display:grid;grid-template-columns:minmax(0,13rem) 1fr;gap:1.75rem;align-items:start;margin:1.5rem 0}
.portada img{width:100%;height:auto;border-radius:4px;box-shadow:0 8px 28px #0008}
@media (max-width:34rem){.portada{grid-template-columns:1fr}.portada img{max-width:14rem}}
.boton{display:inline-block;background:var(--acc);color:#1a1405;padding:.65rem 1.2rem;border-radius:4px;text-decoration:none;font-weight:bold;margin:.4rem .6rem .4rem 0;font-family:system-ui,sans-serif;font-size:.95rem}
.boton.sec{background:transparent;color:var(--acc);border:1px solid var(--acc)}
.nota{background:var(--card);border-left:3px solid var(--acc);padding:.8rem 1rem;margin:1.5rem 0;font-size:.92rem;color:var(--mut)}
.texto p{text-indent:1.4rem;margin:.2rem 0;text-align:justify;hyphens:auto}
.texto h2{text-align:center;margin-top:3rem}
.texto .acto{text-indent:0;text-align:center;font-weight:bold;letter-spacing:.1em;color:var(--mut)}
hr.escena{border:0;text-align:center;margin:1.6rem 0}
hr.escena::after{content:"* * *";color:var(--mut)}
footer{margin-top:3rem;padding-top:1rem;padding-bottom:2rem;border-top:1px solid #243049;font-size:.82rem;color:var(--mut)}
table{border-collapse:collapse;width:100%;font-size:.92rem}
td{padding:.35rem .6rem;border-bottom:1px solid #243049;vertical-align:top}
td:first-child{color:var(--mut);white-space:nowrap}
