*{margin:0;padding:0;box-sizing:border-box}:root{--tinta: #2b2118;--papel: #f6f0e4;--carta: #fffdf8;--acento: #a4680f;--acento-fuerte: #7d4e08;--noche: #1c2430}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--papel);color:var(--tinta);line-height:1.55}.site{max-width:1100px;margin:0 auto}.hero{position:relative;min-height:78vh;background-size:cover;background-position:center;display:flex;align-items:flex-end}.hero-overlay{width:100%;padding:6rem 1.5rem 2.5rem;background:linear-gradient(to top,rgba(18,22,30,.82) 0%,rgba(18,22,30,.25) 55%,transparent 100%)}.hero h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(2.2rem,6vw,3.6rem);color:#f8f1e2;text-shadow:0 2px 14px rgba(0,0,0,.45);letter-spacing:.01em}.tagline{color:#efe4cd;font-size:clamp(1.05rem,2.5vw,1.3rem);margin-top:.6rem;max-width:40rem;text-shadow:0 1px 8px rgba(0,0,0,.5)}.nav{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}.nav a{background:#f8f1e224;border:1px solid rgba(248,241,226,.55);color:#f8f1e2;text-decoration:none;padding:.55rem 1.1rem;border-radius:999px;font-size:.98rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.nav a:hover{background:#f8f1e247}section{padding:2.8rem 1.5rem .8rem}h2{font-family:Georgia,Times New Roman,serif;font-size:1.9rem;color:var(--noche);border-bottom:2px solid var(--acento);display:inline-block;padding-bottom:.25rem;margin-bottom:.6rem}.seccion-intro{color:#5a4c3a;max-width:46rem;margin-bottom:1.4rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.3rem}.card{background:var(--carta);border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #2b21181f;border:1px solid #e6dcc7;display:flex;flex-direction:column}.card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.card.expanded img{aspect-ratio:16/10}.card-body{padding:1.1rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.55rem;flex:1}.card h3{font-family:Georgia,Times New Roman,serif;font-size:1.35rem;color:var(--noche)}.detail{color:#4c4132}.epoca-tag{display:inline-block;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--acento-fuerte)}.leer-mas{align-self:flex-start;margin-top:auto;background:none;border:1px solid var(--acento);color:var(--acento-fuerte);padding:.45rem 1rem;border-radius:999px;font-size:.92rem;cursor:pointer}.leer-mas:hover{background:var(--acento);color:#fff}.ficha-cuerpo{display:flex;flex-direction:column;gap:1.1rem}.bloque h4{font-family:Georgia,Times New Roman,serif;font-size:1.05rem;color:var(--acento-fuerte);margin-bottom:.35rem}.cronologia,.lista{list-style:none}.cronologia li,.lista li{padding:.3rem 0 .3rem 1rem;border-left:3px solid #e0d2ae;margin-bottom:.3rem}.fuentes{font-size:.88rem;color:#6b5c47;font-style:italic}.sigue{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.sigue span{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#6b5c47;width:100%}.sigue-btn{background:var(--noche);color:#f8f1e2;border:none;padding:.45rem .95rem;border-radius:999px;font-size:.92rem;cursor:pointer}.sigue-btn:hover{background:var(--acento-fuerte)}.volver{margin-top:.4rem}.volver a{color:var(--acento-fuerte);font-size:.92rem}.vacio{color:#6b5c47;font-style:italic;padding:.6rem 0}.puerta{background:var(--carta);border-radius:12px;overflow:hidden;border:1px solid #e6dcc7;box-shadow:0 2px 10px #2b21181f;max-width:460px}.puerta img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.puerta .vacio{padding:1rem 1.2rem 1.3rem}.camino{padding-bottom:2.5rem}.footer{margin-top:2rem;padding:1.6rem 1.5rem 2.2rem;text-align:center;color:#8a7a5f;font-size:.92rem;border-top:1px solid #e0d2ae}@media (max-width: 640px){.hero{min-height:64vh}.card img{aspect-ratio:16/11}.grid{grid-template-columns:1fr}section{padding:2.2rem 1rem .6rem}}.card.ficha.expanded{grid-column:1 / -1}@media (min-width: 900px){.card.ficha.expanded .card-body{padding:1.6rem 2rem 1.8rem}.card.ficha.expanded .ficha-cuerpo{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2.4rem;align-items:start}}.fuentes-lista a{color:var(--acento-fuerte);text-decoration:none}.fuentes-lista a:hover{text-decoration:underline}
