:root{--negro:#0d0b09;--tinta:#1a1612;--oro:#d9a93a;--oro2:#f3d27a;--crema:#f6efdf;--papel:#fbf6ea;--celeste:#74acdf;--rojo:#c0272d;--verde:#2f6b3a}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--papel);color:var(--tinta);font:19px/1.65 'Alegreya',Georgia,serif}
a{color:var(--rojo)}
nav.top{position:sticky;top:0;z-index:9;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 1.2rem;background:var(--negro);border-bottom:3px double var(--oro)}
nav.top .marca{font-family:'Sancreek',serif;font-size:1.6rem;color:var(--oro2);text-decoration:none;text-shadow:2px 2px 0 var(--rojo)}
nav.top div{display:flex;flex-wrap:wrap;gap:.2rem 1rem}
nav.top div a{color:var(--crema);text-decoration:none;font-family:'Alegreya SC',serif;font-size:.85rem;letter-spacing:.04em}
nav.top div a:hover{color:var(--celeste)}
.portada{background:var(--negro);padding:2rem 1rem 3rem;text-align:center}
.marco{position:relative;max-width:1100px;margin:auto}
.marco .fondo{width:100%;display:block}
.titulo{position:absolute;inset:0;padding-top:2%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.titulo h1{margin:0;font-family:'Sancreek',serif;font-weight:400;font-size:clamp(3rem,11vw,8rem);line-height:1;color:var(--oro2);text-shadow:3px 3px 0 var(--rojo),6px 6px 0 #000}
.titulo .pre{margin:.2rem 0 0;font-family:'Alegreya SC',serif;font-weight:700;color:var(--celeste);text-shadow:2px 2px 0 #000;font-size:clamp(.8rem,2.4vw,1.5rem);letter-spacing:.12em}
.titulo .sub{margin:.3rem 0 0;color:var(--crema);font-size:clamp(.6rem,1.7vw,1.05rem);font-style:italic}
.epigrafe{max-width:760px;margin:2rem auto 0;color:var(--crema);font-size:1.3rem;font-style:italic}
.epigrafe cite{display:block;margin-top:.4rem;color:var(--oro);font-style:normal;font-family:'Alegreya SC',serif;font-size:1rem}
section{padding:3.5rem 1.2rem}
section>*{max-width:1100px;margin-left:auto;margin-right:auto}
section.oscuro{background:var(--negro);color:var(--crema)}
section.oscuro a{color:var(--oro2)}
h2{text-align:center;margin:0 auto 1.2rem}
h2 span{display:inline-block;font-family:'Sancreek',serif;font-weight:400;font-size:clamp(1.9rem,5vw,3rem);color:var(--rojo);padding:.1rem 1.4rem;border-top:3px double var(--oro);border-bottom:3px double var(--oro)}
.oscuro h2 span{color:var(--oro2)}
.intro{text-align:center;max-width:760px;font-style:italic}
.centro{text-align:center}
.quien .datos{max-width:820px;list-style:none;padding:0}
.quien .datos li{padding:.7rem 0 .7rem 2.2rem;border-bottom:1px dashed #c9b88f;position:relative}
.quien .datos li:before{content:'❀';position:absolute;left:.3rem;color:var(--rojo)}
.fichas{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem;margin-top:1.5rem}
.ficha{background:#fff;border:2px solid var(--oro);border-radius:6px;padding:1.1rem 1.2rem;box-shadow:4px 4px 0 var(--celeste);display:flex;flex-direction:column}
.ficha h3{margin:0 0 .5rem;font-family:'Alegreya SC',serif;color:var(--rojo);font-size:1.15rem;line-height:1.25}
.ficha p{margin:0 0 .6rem;font-size:.95rem}
.ficha .acc{margin-top:auto}
.ficha .acc a,.nota span{font-family:'Alegreya SC',serif;font-weight:700;text-decoration:none}
.notas{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.2rem;margin-top:1.5rem}
.notas.dos{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));max-width:820px}
.nota{display:flex;flex-direction:column;background:var(--tinta);border:2px solid var(--oro);border-radius:6px;overflow:hidden;text-decoration:none;color:var(--crema)}
section:not(.oscuro) .nota{background:#fff;color:var(--tinta)}
.nota img{width:100%;height:230px;object-fit:scale-down;object-position:center;background:#e9dfc8;padding:8px;border-bottom:3px double var(--oro)}
.oscuro .nota img{background:#2a241d}
.nota div{padding:1rem}
.nota h3{margin:0 0 .4rem;font-family:'Alegreya SC',serif;font-size:1.1rem;color:var(--oro2)}
section:not(.oscuro) .nota h3{color:var(--rojo)}
.nota p{font-size:.92rem;margin:0 0 .6rem}
.nota span{color:var(--celeste)}
.sub2{text-align:center;font-family:'Alegreya SC',serif;color:var(--oro2);margin-top:2.5rem}
.lista{max-width:700px;columns:2 300px}
.lista li{margin:.3rem 0}
.cajas{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;margin-top:1.5rem}
.caja{border:2px solid var(--oro);border-radius:6px;padding:1rem;text-decoration:none;background:linear-gradient(135deg,#1d1814,#0d0b09)}
.caja h3{margin:0;font-family:'Alegreya SC',serif;color:var(--oro2);font-size:1.1rem}
.caja p{margin:.3rem 0 0;color:var(--crema);font-size:.9rem}
.boton{display:inline-block;padding:.6rem 1.2rem;background:var(--rojo);color:#fff!important;border:2px solid var(--oro);border-radius:4px;text-decoration:none;font-family:'Alegreya SC',serif;font-weight:700}
.boton.grande{font-size:1.2rem;padding:.8rem 1.8rem;box-shadow:4px 4px 0 var(--celeste)}
footer{position:relative;background:var(--negro);color:var(--crema);text-align:center;padding:2rem 1rem 2rem;border-top:3px double var(--oro);overflow:hidden}
footer .esq{display:block;width:180px;margin:0 auto 1rem;opacity:.95}
footer .esq.izq{transform:none}
footer .firma{font-family:'Sancreek',serif;font-size:1.6rem;color:var(--oro2);margin:0}
footer p{margin:.3rem auto;max-width:760px}
footer .peq{font-size:.8rem;opacity:.75;margin-top:1rem}
.lectura{max-width:780px;margin:auto;padding:2.5rem 1.2rem 3rem}
.lectura h1{font-family:'Alegreya SC',serif;color:var(--rojo);font-size:clamp(1.7rem,4.5vw,2.5rem);line-height:1.2;margin:.2rem 0}
.volanta{font-family:'Sancreek',serif;color:var(--verde);margin:0;font-size:1.2rem}
.autor{font-style:italic;color:#6b5d47;margin:.3rem 0}
.filete-linea{height:12px;margin:1rem 0 1.5rem;border-top:3px double var(--oro);border-bottom:2px solid var(--celeste)}
article figure{margin:1rem 0}
article figure img{max-width:100%;border:3px solid var(--oro);border-radius:4px}
article figure.flota{float:right;max-width:42%;margin:0 0 1rem 1.2rem}
article p{margin:0 0 1rem}
.fuente{clear:both;font-size:.9rem;color:#6b5d47;border-top:1px dashed #c9b88f;padding-top:1rem}
@media(max-width:700px){nav.top{flex-direction:column;align-items:flex-start}body{font-size:18px}article figure.flota{float:none;max-width:100%;margin:0 0 1rem}footer .esq{width:140px}nav.top{position:static}footer .firma{font-size:1.35rem}.titulo .sub{display:none}}

.nombre{margin:1.2rem 0 0;font-family:'Alegreya SC',serif;font-weight:700;color:var(--celeste);font-size:clamp(1.3rem,4vw,2.2rem);letter-spacing:.08em}
.sub2b{margin:.2rem 0 0;color:var(--oro2);font-style:italic}

section{scroll-margin-top:70px}
footer .firma.chico{font-size:1.1rem;color:var(--celeste)}
.retrato{margin:1.5rem auto .5rem;width:min(300px,70vw);padding:10px;background:linear-gradient(135deg,#e8c25a,#8a6a1f,#e8c25a);border-radius:50%;box-shadow:0 0 0 4px var(--negro),0 0 0 7px #c9a23a,0 10px 30px rgba(0,0,0,.4)}
.retrato img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center 30%;border-radius:50%}
.banda{position:relative;margin:0;height:min(46vw,360px);overflow:hidden;border-top:6px double #c9a23a;border-bottom:6px double #c9a23a;background:#111}
.banda img{width:100%;height:100%;object-fit:cover;filter:sepia(.45) contrast(1.08) saturate(.85);display:block}
.banda::before,.banda::after{content:"";position:absolute;top:8px;width:min(26vw,170px);aspect-ratio:1408/768;background:url(/img/filete_esquina.webp) no-repeat center/contain;z-index:2;filter:drop-shadow(0 2px 4px #000)}
.banda::before{left:8px}.banda::after{right:8px;transform:scaleX(-1)}
.banda figcaption{position:absolute;left:0;right:0;bottom:0;padding:.5rem 1rem;font-size:.8rem;color:#f3e6c4;background:linear-gradient(transparent,rgba(0,0,0,.75));text-align:right;font-style:italic}
.filetes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:1000px;margin:2rem auto 0}
.filetes img{width:100%;aspect-ratio:3/4;object-fit:cover;border:3px solid var(--oro);border-radius:6px;box-shadow:0 0 0 3px #111,0 0 0 5px #c9a23a}
.creditos{max-width:760px;margin:1.5rem auto 0;font-size:.8rem;color:#bfb39a;text-align:left}
.creditos summary{cursor:pointer;text-align:center;color:#e8c25a}
.creditos a{color:#9cc3e6}
.posteo .carta{max-width:900px;margin:0 auto;background:#fffaf0;border:3px solid #c9a23a;border-radius:8px;box-shadow:0 0 0 5px #fbf4e4,0 0 0 8px #b3262b;overflow:hidden;display:grid;grid-template-columns:1fr 1.2fr}
.posteo figure{margin:0}.posteo figure img{width:100%;height:100%;object-fit:cover;display:block}
.posteo .txt{padding:1.4rem 1.6rem}.posteo .txt p{margin:0 0 1rem;line-height:1.6}.firma-post{font-style:italic;color:#b3262b;text-align:right}
@media(max-width:700px){.posteo .carta{grid-template-columns:1fr}.posteo figure img{height:auto}}
#kchat-btn{position:fixed;right:16px;bottom:16px;width:72px;height:72px;border:0;padding:0;background:none;cursor:pointer;z-index:50;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45));transition:transform .2s}
#kchat-btn:hover{transform:scale(1.07) rotate(-4deg)}#kchat-btn img{width:100%;height:100%}
#kchat{position:fixed;right:16px;bottom:96px;width:min(370px,calc(100vw - 32px));height:min(520px,70vh);background:#fbf4e4;border:3px solid #c9a23a;border-radius:12px;box-shadow:0 0 0 3px #111,0 12px 40px rgba(0,0,0,.5);display:flex;flex-direction:column;z-index:51;overflow:hidden}
#kchat[hidden]{display:none}
.kc-head{background:linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.72)),url(/img/filete_banner.webp) center/cover;color:#f3d77a;padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center;font-family:'Sancreek',serif;font-size:1.05rem;text-shadow:0 2px 3px #000}
.kc-head button{background:none;border:0;color:#f3d77a;font-size:1.6rem;cursor:pointer}
.kc-log{flex:1;overflow-y:auto;padding:.8rem;display:flex;flex-direction:column;gap:.6rem}
.kc-m{padding:.6rem .8rem;border-radius:10px;max-width:88%;line-height:1.45;font-size:.95rem;white-space:pre-wrap}
.kc-m.bot{background:#fff;border:1px solid #e3cf9a;align-self:flex-start}.kc-m.yo{background:#1f4e79;color:#fff;align-self:flex-end}
.kc-m a{color:#b3262b}
#kc-f{display:flex;border-top:2px solid #c9a23a}#kc-f input{flex:1;border:0;padding:.8rem;font:inherit;background:#fff}
#kc-f button{border:0;background:#b3262b;color:#fff;padding:0 1rem;font:inherit;cursor:pointer}