/* ATEM · Series navegables del archivo — hoja común.
   La coherencia entre las series vive acá: paleta, tipografía, cabecera, dossier,
   chips de enlace y pie. Cada serie agrega solo su mecánica propia. */

:root{
  --oro:#c9a24b; --oro-tenue:#8a7038; --papel:#e9e2d0; --tenue:#a89875;
  --fondo:#040508; --linea:rgba(201,162,75,.22); --prosa:#c4b9a2;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--fondo);color:var(--papel);
     font-family:'EB Garamond',Georgia,serif;font-size:17px;line-height:1.62;
     -webkit-font-smoothing:antialiased}
a{color:var(--oro);text-decoration:none;border-bottom:1px solid transparent}
a:hover{border-bottom-color:var(--oro)}
.envoltura{max-width:1180px;margin:0 auto;padding:0 22px}

/* cabecera */
.migas{padding:22px 0 0;font-size:12px;letter-spacing:.18em;text-transform:uppercase;
       color:var(--tenue)}
.migas a{color:var(--tenue)} .migas a:hover{color:var(--oro)}
header{padding:30px 0 10px;text-align:center}
.ojo{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--tenue)}
h1{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(30px,5.4vw,52px);
   margin:.18em 0 .1em;letter-spacing:.02em}
.bajada{color:#b6ab93;max-width:62ch;margin:0 auto;font-size:16.5px}
.bajada em{color:var(--oro);font-style:italic}

/* dossier: el bloque de lectura que comparten todas las series */
.dossier{padding:12px 0 60px}
.rotulo{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--tenue)}
.titular{font-family:'Cormorant Garamond',serif;font-size:clamp(24px,4vw,40px);
         color:var(--oro);margin:.1em 0 .05em;line-height:1.18}
.epigrafe{border-left:2px solid var(--oro-tenue);padding:2px 0 2px 18px;margin:20px 0;
          font-style:italic;color:#d6cdb6;font-size:19px;max-width:70ch}
.sintesis{max-width:74ch;color:var(--prosa)}
.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin:30px 0 0}
.dato{border-top:1px solid var(--linea);padding-top:12px}
.dato h4{margin:0 0 4px;font-size:11px;letter-spacing:.26em;text-transform:uppercase;
         color:var(--tenue);font-weight:400}
.dato p{margin:0;font-size:15.5px;color:var(--prosa)}
.dato .grande{font-family:'Cormorant Garamond',serif;font-size:21px;color:var(--papel)}
.sindoc{color:#8d8474;font-style:italic}

/* enlaces al Glosario */
.enlaces{margin-top:30px;border-top:1px solid var(--linea);padding-top:18px}
.enlaces h4{margin:0 0 10px;font-size:11px;letter-spacing:.26em;text-transform:uppercase;
            color:var(--tenue);font-weight:400}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a{border:1px solid var(--linea);padding:5px 12px;border-radius:2px;font-size:14.5px;
         color:#cdc2aa}
.chips a:hover{border-color:var(--oro);color:var(--papel);background:rgba(201,162,75,.06)}
.abrir{display:inline-block;margin-top:22px;font-family:'Cormorant Garamond',serif;font-size:20px}

/* mandos */
.mandos{display:flex;gap:14px;align-items:center;justify-content:center;padding:14px 0 4px;
        font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--tenue)}
.mandos button{background:none;border:1px solid var(--linea);color:var(--tenue);
               padding:5px 13px;cursor:pointer;font:inherit;border-radius:2px}
.mandos button:hover{border-color:var(--oro);color:var(--papel)}

/* pie */
footer{border-top:1px solid var(--linea);padding:30px 0 60px;color:var(--tenue);font-size:14.5px}
footer .fila{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.proximas{margin-top:14px;color:#8d8474;font-size:13.5px;max-width:66ch}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.01ms!important}}