/* Los colores NO se definen aquí: se heredan de sitio/paleta-del-sitio.css,
   extraída del CSS real de anthonycazares.cafe. Ver construir-libro.py. */
:root {
  --bg-primary:#f5f5f5;
  --bg-white:#fff;
  --border-light:#e8e8e8;
  --text-dark:#2a2a2a;
  --text-light:#666;
  --text-lighter:#999;
  --accent:#4a4a4a;
  --primary-font:"Playfair Display",serif;
  --secondary-font:"Poppins",sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    --bg-primary:#1c1c1c;
    --bg-white:#232323;
    --border-light:#333;
    --text-dark:#e6e6e6;
    --text-light:#a8a8a8;
    --text-lighter:#7d7d7d;
    --accent:#b9b9b9;
    color-scheme:dark;
  }
}
* { box-sizing:border-box }
html { -webkit-text-size-adjust:100% }
body { margin:0; background:var(--bg-primary); color:var(--text-dark);
  font-family:'Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;
  font-size:19px; line-height:1.68; }
/* Playfair para los títulos: es la tipografía del hero de anthonycazares.cafe,
   y es lo que hace que esta sección se sienta del mismo sitio. En el cuerpo no,
   que es una fuente de display y cansa a las tres páginas. */
h1, h2, h3, .marca { font-family:var(--primary-font,'Playfair Display',Georgia,serif) }
.envoltorio { max-width:38rem; margin:0 auto; padding-block:3.5rem 6rem; padding-inline:1.25rem }
a { color:inherit; text-underline-offset:.18em; text-decoration-thickness:.06em }
a:hover { color:var(--accent) }
h1 { font-size:2.05rem; line-height:1.18; margin:0 0 .4rem; text-wrap:balance; font-weight:600 }
h2 { font-size:1.3rem; margin:2.6rem 0 .6rem; text-wrap:balance; font-weight:600 }
h3 { font-size:1.06rem; margin:2rem 0 .4rem; font-weight:600 }
p { margin:0 0 1.15rem }
em { font-style:italic }
code { font-family:ui-monospace,Menlo,Consolas,monospace; font-size:.88em }
.migas { font-family:var(--secondary-font,'Poppins',system-ui,sans-serif); font-size:.72rem; letter-spacing:.09em; text-transform:uppercase; color:var(--text-light);
  margin:0 0 2.4rem; display:flex; gap:.5rem; flex-wrap:wrap }
.migas a { text-decoration:none }
.orden { font-family:var(--secondary-font,'Poppins',system-ui,sans-serif); font-size:.7rem; letter-spacing:.13em; text-transform:uppercase; color:var(--accent);
  margin:0 0 .7rem; font-weight:600 }
.sub { color:var(--text-light); font-size:1rem; font-style:italic; margin:-.1rem 0 1.8rem }
.grupo { font-family:var(--primary-font,'Playfair Display',Georgia,serif); font-size:1.18rem; font-weight:600;
  margin:2.8rem 0 .3rem }
.aparato { border-left:2px solid var(--accent); padding:.1rem 0 .1rem 1.1rem;
  margin:0 0 2.4rem; color:var(--text-light); font-size:.93rem }
.aparato p { margin:0 0 .6rem }
.cuerpo p:first-of-type::first-letter { font-size:3.1em; float:left; line-height:.82;
  padding:.06em .09em 0 0; color:var(--accent); font-weight:600 }
.indice { list-style:none; margin:2rem 0 0; padding:0 }
.indice li { margin:0; border-top:1px solid color-mix(in srgb, var(--text-dark) 14%, transparent) }
.indice li:last-child { border-bottom:1px solid color-mix(in srgb, var(--text-dark) 14%, transparent) }
.indice a { display:flex; gap:1rem; align-items:baseline; padding:.72rem .1rem; text-decoration:none }
.indice .n { font-family:var(--secondary-font,'Poppins',system-ui,sans-serif); font-size:.74rem; color:var(--accent); min-width:3.6rem; letter-spacing:.06em;
  font-variant-numeric:tabular-nums; font-weight:600 }
.tenue { color:var(--text-light); font-size:.88rem }
.marca { font-size:.82rem; letter-spacing:.16em; text-transform:uppercase; color:var(--text-light); margin:0 0 1.6rem }
.indice .n { text-transform:none }
.pie { margin-top:4.5rem; padding-top:1.6rem; font-size:.86rem; color:var(--text-light);
  border-top:1px solid color-mix(in srgb, var(--text-dark) 14%, transparent) }
.pasos { display:flex; justify-content:space-between; gap:1rem; margin-top:3.5rem;
  padding-top:1.4rem; border-top:1px solid color-mix(in srgb, var(--text-dark) 14%, transparent);
  font-size:.9rem }
.pasos a { text-decoration:none; max-width:46%; }
.pasos .der { text-align:right; margin-left:auto }
.distingue { margin:2.4rem 0; padding:0; list-style:none }
.distingue li { position:relative; padding-left:1.15rem; margin-bottom:.75rem }
.distingue li::before { content:"—"; position:absolute; left:0; color:var(--accent) }
.descargas { display:flex; gap:.6rem; flex-wrap:wrap; margin:2rem 0 }
.descargas a { border:1px solid color-mix(in srgb, var(--text-dark) 26%, transparent);
  padding:.55rem 1rem; text-decoration:none; font-size:.9rem }
.descargas a:hover { border-color:var(--accent) }
.escuchar { font-family:var(--secondary-font,'Poppins',system-ui,sans-serif); font-size:.82rem;
  color:var(--text-light); margin:.1rem 0 2.2rem }
.escuchar a { color:var(--text-dark) }
.escuchar a:hover { color:var(--accent) }
@media print { body { background:#fff; color:#000 } .migas,.pasos,.descargas,.escuchar { display:none } }

/* Añadido por scripts/postbuild.mjs (antes, style="" inline). */
.libros-pie{margin-top:2.5rem}