/* Cómo se construye una mente — CSS editorial premium */
@namespace epub "http://www.idpf.org/2007/ops";

body {
  font-family: Georgia, "Iowan Old Style", "Palatino Linotype", Palatino, serif;
  line-height: 1.6;
  margin: 0 5%;
  text-align: justify;
  hyphens: auto;
  -webkit-hyphens: auto;
}

/* Divisores de parte y capítulos */
h1 {
  font-family: "Optima", "Palatino Linotype", Georgia, serif;
  font-weight: 700;
  font-size: 1.7em;
  line-height: 1.2;
  margin: 2.2em 0 0.8em;
  text-align: left;
  color: #6d1fc0;
  page-break-before: always;
  -webkit-column-break-before: always;
}
h2 {
  font-family: "Optima", "Palatino Linotype", Georgia, serif;
  font-weight: 700;
  font-size: 1.25em;
  margin: 1.8em 0 0.6em;
  color: #8C27F1;
  text-align: left;
}

p { margin: 0 0 0.9em; text-indent: 0; }

/* Citas verbatim — blockquotes */
blockquote {
  margin: 1.2em 1.2em;
  padding: 0.2em 0 0.2em 1em;
  border-left: 3px solid #ff9101;
  font-style: italic;
  color: #333;
  text-align: left;
}
blockquote p { margin: 0.3em 0; }

/* Recuadro "Tu sistema" y demás blockquotes con negrita al inicio se ven bien igual */

/* Imágenes (láminas Luminorphism) */
img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1.4em auto;
  border-radius: 6px;
}
figure { margin: 1.4em 0; text-align: center; }
figcaption {
  font-family: "Optima", Georgia, serif;
  font-size: 0.85em;
  font-style: italic;
  color: #8C27F1;
  text-align: center;
  margin-top: 0.4em;
}

/* Sección Fuentes al final de cada capítulo */
h2 + ul, ul { margin: 0.4em 0 1em 1.2em; }
hr { border: none; border-top: 1px solid #ddd; margin: 2em 0; }

/* Tablas (por si alguna aparece) */
table { border-collapse: collapse; margin: 1em auto; font-size: 0.9em; }
td, th { border: 1px solid #ccc; padding: 4px 8px; }

code { font-family: "SF Mono", Menlo, monospace; font-size: 0.9em; }

/* ---- EL TIMONEL: extras propios ---- */
/* Cita atribuida (autor, obra, pág) al pie del blockquote */
blockquote .cita-fuente, p.cita-fuente {
  display: block; font-style: normal; font-size: 0.82em;
  color: #7a7386; text-align: right; margin-top: 0.35em; font-family: "Optima", Georgia, serif;
}
/* Recuadro RETO DEL TIMONEL (⚙️) */
.reto {
  margin: 1.6em 0; padding: 1em 1.2em 1.1em; border: 2px solid #ff9101;
  border-radius: 10px; background: rgba(255,145,1,.06); text-align: left;
}
.reto .reto-tit {
  font-family: "Optima", Georgia, serif; font-weight: 700; color: #b5620a;
  font-size: 1.02em; margin-bottom: 0.5em; letter-spacing: .01em;
}
.reto p { margin: 0.4em 0; text-indent: 0; }
.reto .reto-resp {
  margin-top: 0.8em; padding-top: 0.6em; border-top: 1px dashed rgba(255,145,1,.4);
  font-size: 0.97em;
}
.reto .reto-resp-tit { font-weight: 700; color: #8C27F1; font-family: "Optima", Georgia, serif; }
/* Epígrafe de capítulo */
.epigrafe { font-style: italic; color: #6a6478; text-align: right; margin: 0 0 1.6em; font-size: 0.95em; }
.epigrafe .epi-fuente { display:block; font-style: normal; font-size: 0.85em; color: #9a94a8; }
/* Portada */
.portada { text-align: center; margin: 0; }
.portada img { max-width: 100%; border-radius: 0; margin: 0 0 1.2em; }
.portada .subtitulo { font-family:"Optima",Georgia,serif; font-style: italic; color:#8C27F1; font-size: 1.05em; }
/* Modo estudio oscuro: recuadros y citas legibles */
body.est-dark blockquote { color: #c9c3d6; border-left-color:#ff9101; }
body.est-dark .reto { background: rgba(255,145,1,.09); border-color:#ff9101; }
body.est-dark .reto .reto-tit { color:#ffb04a; }
body.est-dark blockquote .cita-fuente { color:#a49ec0; }