:root{--bg:#efe6d1;--ink:#1b1f33;--muted:#4d5468;--gold:#7a5c14;--line:rgba(122,92,20,.4);color-scheme:only light;--night:#08122c;--gold-l:#f2dc95;--serif:Cardo,"EB Garamond","Palatino Linotype",Palatino,"Book Antiqua",Georgia,"Times New Roman",serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:env(safe-area-inset-top,0px);background:var(--night)}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--serif);font-size:1.08rem;line-height:1.6}
.barra{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:var(--night);padding:.7rem 1.2rem;border-bottom:1px solid rgba(211,173,79,.6)}
.marca{display:flex;align-items:center;gap:.6rem;color:var(--gold-l);text-decoration:none;font-size:1.2rem}
.marca img{display:block}
.barra nav a{color:#cfd9f5;text-decoration:none;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;margin-left:1.1rem}
.barra nav a:hover{color:var(--gold-l)}
.art{max-width:40rem;margin:0 auto;padding:2.4rem 1.2rem 1rem}
.art h1{font-weight:400;font-size:clamp(1.9rem,6.2vw,2.7rem);line-height:1.2;margin:.7rem 0 .3rem}
.meta{color:var(--muted);font-size:.92rem;letter-spacing:.06em;margin:0}
.intro{color:var(--muted);font-style:italic;margin:.3rem 0 1.6rem}
.label{font-size:.78rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin:0 0 .4rem}
.texto{font-size:1.18rem;line-height:1.78;margin-top:1.4rem}
.texto p{margin:0 0 1.15rem}
.texto h2{font-weight:400;font-size:1.55rem;line-height:1.3;color:var(--gold);margin:2.2rem 0 .6rem}
.texto h3{font-weight:400;font-size:1.28rem;line-height:1.3;color:var(--gold);margin:1.8rem 0 .5rem}
.texto a{color:var(--gold)}
.texto blockquote{margin:1.4rem 0;padding:.1rem 0 .1rem 1.1rem;border-left:2px solid var(--gold);color:var(--muted);font-style:italic}
.texto blockquote p{margin:0 0 .7rem}
.texto ul,.texto ol{padding-left:1.4rem;margin:0 0 1.15rem}
.texto li{margin:.25rem 0}
.texto hr{border:0;height:1px;background:var(--line);width:40%;margin:2rem auto}
.texto img{max-width:100%;height:auto}
.texto .footnote{font-size:.95rem;color:var(--muted);margin-top:2.2rem}
.texto .footnote hr{margin:0 0 1rem;width:30%}
.tg{display:flex;flex-wrap:wrap;gap:.4rem;margin:0}
.tg span,.tg a{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);border:1px solid var(--line);padding:.2rem .6rem;border-radius:2px;text-decoration:none}
.tg a:hover{background:rgba(122,92,20,.1)}
.lista article{padding:1.4rem 0;border-top:1px solid var(--line)}
.lista article h3{font-weight:400;font-size:1.4rem;line-height:1.3;margin:.55rem 0 0}
.lista article p{margin:.5rem 0 0}
.lista article>a{display:inline-block;margin-top:.7rem;color:var(--gold);text-decoration:none;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}
.vacio{color:var(--muted);font-style:italic}
.otros{margin-top:3rem;padding-top:1.6rem;border-top:1px solid var(--line);text-align:center}
.otros .tg{justify-content:center}
footer{position:relative;overflow:hidden;background:var(--night);text-align:center;padding:1.7rem 1rem;margin-top:2.6rem;font-size:.95rem;letter-spacing:.06em;color:var(--gold-l)}
footer>:not(canvas){position:relative}
canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}
footer span{display:inline-block;padding:.4rem 1rem;background:rgba(8,18,44,.78);border:1px solid rgba(211,173,79,.5);text-shadow:0 1px 8px #000}
footer i{font-size:1.1rem}
footer small{display:block;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:#cfd9f5;margin-top:.2rem}