@charset "UTF-8";
/* Tema visual del libro de Mesopotamia */
@font-face {
  font-family: "egipto";
  src: url("../assets/fonts/Chokokutai-Regular.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}
/* ==================================================
   egipto
   Identidad visual del periodo
   Lapislázuli y azul egipcio como colores principales.
   Malaquita, ocre dorado y rojo tierra como acentos.
   Caliza y carbón para superficies y texto.
================================================== */
/* ==================================================
   LECTOR
================================================== */
.page-chapter-reader.egipto,
.page-prologue-reader.egipto {
  /* ----------------------------------------------
        COLORES BASE
     ---------------------------------------------- */
  --reader-ink: #1a1a1a;
  --reader-muted: #59666a;
  --reader-accent: #104e8b;
  --reader-accent-light: #5294a5;
  --reader-accent-mid: #356f91;
  --reader-accent-dark: #0b365f;
  --reader-gold: #d8a01b;
  --reader-gold-soft: #edc98f;
  --reader-red: #b22222;
  /*
      * En Egipto el color secundario de la UI
      * pertenece a la familia de la malaquita.
      */
  --reader-secondary: #2e8b57;
  /* ----------------------------------------------
        DIVISORES DEL LIBRO
     ---------------------------------------------- */
  /* ----------------------------------------------
        CONTROLES / FOCO
     ---------------------------------------------- */
  --reader-control-focus: color-mix(in srgb, var(--reader-accent) 50%, transparent);
  --reader-focus: color-mix(in srgb, var(--reader-accent) 28%, transparent);
  /* ----------------------------------------------
        PANEL PRINCIPAL
     ---------------------------------------------- */
  --reader-panel-border: color-mix(in srgb, var(--reader-accent) 24%, transparent);
  --reader-panel-shadow: rgba(10, 32, 40, 0.16);
  /* ----------------------------------------------
        FLECHAS
     ---------------------------------------------- */
  --reader-arrow: var(--reader-accent);
  /* ----------------------------------------------
        CITAS / BLOQUES
     ---------------------------------------------- */
  --reader-quote-border: color-mix(in srgb, var(--reader-accent) 45%, transparent);
  /* ----------------------------------------------
        BARRA DE PROGRESO
     ---------------------------------------------- */
  --reader-track-start: color-mix(in srgb, var(--reader-accent) 18%, transparent);
  --reader-track-end: color-mix(in srgb, var(--reader-accent) 8%, transparent);
  --reader-track-border: color-mix(in srgb, var(--reader-accent) 22%, transparent);
  --reader-track-shadow: rgba(17, 49, 61, 0.12);
  --reader-progress-highlight: rgba(255, 255, 255, 0.28);
  --reader-progress-start: var(--reader-accent-light);
  --reader-progress-mid: var(--reader-accent-mid);
  --reader-progress-end: var(--reader-accent);
  --reader-progress-shadow: rgba(11, 41, 52, 0.22);
  --reader-progress-glow: color-mix(in srgb, var(--reader-accent) 18%, transparent);
}
.page-chapter-reader.egipto .reader-progress__separator,
.page-prologue-reader.egipto .reader-progress__separator {
  color: var(--reader-accent-mid);
}
.page-chapter-reader.egipto .reader-progress__percentage,
.page-prologue-reader.egipto .reader-progress__percentage {
  color: var(--reader-accent-mid);
}
.page-chapter-reader.egipto,
.page-prologue-reader.egipto {
  /* ----------------------------------------------
        CAPITULAR
     ---------------------------------------------- */
  --reader-dropcap: var(--reader-accent);
  --reader-decorative-font: "egipto", Georgia, "Times New Roman", serif;
  --reader-dropcap-weight: 400;
  /* ----------------------------------------------
        DIVISORES INTERNOS
     ---------------------------------------------- */
  --reader-divider: color-mix(in srgb, var(--reader-accent) 24%, transparent);
  /* ----------------------------------------------
        NOTAS HISTÓRICAS
     ---------------------------------------------- */
  --reader-note-backdrop: rgba(10, 32, 40, 0.58);
  --reader-note-grain-primary: color-mix(in srgb, var(--reader-accent) 3.2%, transparent);
  --reader-note-grain-secondary: color-mix(in srgb, var(--reader-accent) 2.4%, transparent);
  --reader-note-wash: color-mix(in srgb, var(--reader-accent) 2.5%, transparent);
  --reader-note-border: color-mix(in srgb, var(--reader-accent) 24%, transparent);
  --reader-note-shadow-near: rgba(10, 32, 40, 0.12);
  --reader-note-shadow-far: rgba(10, 32, 40, 0.28);
  --reader-note-frame: color-mix(in srgb, var(--reader-accent) 18%, transparent);
  --reader-note-focus: color-mix(in srgb, var(--reader-accent) 30%, transparent);
  --reader-note-section-line: color-mix(in srgb, var(--reader-accent) 16%, transparent);
  /*----------------------------------------------
         NOTAS
     -----------------------------------------------*/
}
.page-chapter-reader.egipto .historical-note-link,
.page-chapter-reader.egipto .historical-map-link,
.page-chapter-reader.egipto .historical-place,
.page-prologue-reader.egipto .historical-note-link,
.page-prologue-reader.egipto .historical-map-link,
.page-prologue-reader.egipto .historical-place {
  display: inline;
  padding: 0;
  vertical-align: baseline;
  color: var(--reader-accent);
  background: transparent;
  border: 0;
  font: inherit;
  font-weight: 600;
  line-height: inherit;
  cursor: pointer;
  text-decoration: none;
  transition: color var(--reader-transition), opacity var(--reader-transition);
}
.page-chapter-reader.egipto .historical-note-link:hover,
.page-chapter-reader.egipto .historical-map-link:hover,
.page-chapter-reader.egipto .historical-place:hover,
.page-prologue-reader.egipto .historical-note-link:hover,
.page-prologue-reader.egipto .historical-map-link:hover,
.page-prologue-reader.egipto .historical-place:hover {
  color: var(--reader-accent-light, var(--reader-accent));
}
.page-chapter-reader.egipto .historical-note-link:focus-visible,
.page-chapter-reader.egipto .historical-map-link:focus-visible,
.page-chapter-reader.egipto .historical-place:focus-visible,
.page-prologue-reader.egipto .historical-note-link:focus-visible,
.page-prologue-reader.egipto .historical-map-link:focus-visible,
.page-prologue-reader.egipto .historical-place:focus-visible {
  outline: 0.15rem solid var(--reader-focus);
  outline-offset: 0.12rem;
  border-radius: 0.12rem;
}
.page-chapter-reader.egipto,
.page-prologue-reader.egipto {
  /* ----------------------------------------------
        BOTÓN CERRAR NOTAS
     ---------------------------------------------- */
  --reader-close-ink: var(--reader-gold-soft);
  --reader-close-start: var(--reader-accent-light);
  --reader-close-mid: var(--reader-accent);
  --reader-close-end: var(--reader-accent-dark);
  --reader-close-border: var(--reader-accent-light);
  --reader-close-shadow: rgba(10, 32, 40, 0.65);
  --reader-close-highlight: rgba(255, 255, 255, 0.16);
  --reader-close-hover-border: var(--reader-gold);
  --reader-close-hover-ring: rgba(22, 57, 71, 0.9);
  --reader-close-hover-shadow: rgba(10, 32, 40, 0.34);
  /* ----------------------------------------------
        SUPERFICIES
     ---------------------------------------------- */
  --reader-soft-surface: #f5f5dc;
  /* ----------------------------------------------
        ILUSTRACIONES
     ---------------------------------------------- */
  --reader-illustration-shadow: rgba(10, 32, 40, 0.14);
  --reader-illustration-border: color-mix(in srgb, var(--reader-accent) 22%, transparent);
  /* ----------------------------------------------
        PLACEHOLDERS
     ---------------------------------------------- */
  --reader-placeholder-start: color-mix(in srgb, var(--reader-accent) 5%, transparent);
  --reader-placeholder-end: color-mix(in srgb, var(--reader-accent-light) 10%, transparent);
  /* ----------------------------------------------
        CABECERA
     ---------------------------------------------- */
  --reader-header-subtitle: var(--reader-accent-mid);
  --reader-header-title: var(--reader-accent);
  /* ----------------------------------------------
        ORNAMENTOS
     ---------------------------------------------- */
  --reader-ornament-line: color-mix(in srgb, var(--reader-accent) 34%, transparent);
  --reader-ornament-border: color-mix(in srgb, var(--reader-accent) 42%, transparent);
  --reader-ornament-paper: var(--reader-paper);
  /* ----------------------------------------------
        PRÓLOGO
     ---------------------------------------------- */
  --reader-prologue-title: var(--reader-accent);
  --reader-prologue-lead: var(--reader-muted);
  --reader-prologue-line: color-mix(in srgb, var(--reader-accent) 30%, transparent);
  /* ----------------------------------------------
        BACKGROUND
     ---------------------------------------------- */
  --reader-background: #0b365f url("../assets/images/egipto/background.webp") center top / cover no-repeat fixed;
  /* ----------------------------------------------
        HOVERS ESPECÍFICOS
     ---------------------------------------------- */
}
.page-chapter-reader.egipto .chapter-reader__arrow:hover,
.page-prologue-reader.egipto .chapter-reader__arrow:hover {
  color: var(--reader-accent-light);
}
.page-chapter-reader.egipto .chapter-reader,
.page-prologue-reader.egipto .chapter-reader {
  --reader-shell-width: min(calc(100% - 2rem), 98rem);
}

/* ==================================================
   VARIABLES GENERALES DE egipto
================================================== */
.egipto,
.page-introduccion--egipto {
  --reader-accent: #1034a6;
  --reader-gold: #d8a01b;
  --book-bg: #1034a6;
  --book-bg-dark: #0b365f;
  --book-sand: #d8a01b;
  --book-sand-light: #d8a01b;
  --book-gold: #d8a01b;
  --book-gold-soft: #edc98f;
  --book-text: #1a1a1a;
  --book-title: #1034a6;
  --book-border: #1034a6;
  --book-icon: #1034a6;
  --book-accent: #3b7a57;
  --book-red: #8f2226;
  /* Tema del componente de mapas, disponible también dentro del lector. */
  --map-paper: #f5f5dc;
  --map-paper-light: #fffdf5;
  --map-text: #1a1a1a;
  --map-muted: #59666a;
  --map-accent: #5294a5;
  --map-accent-dark: #0b365f;
  --map-medium: #1034a6;
  --map-accent-soft: #9bc6ae;
  --map-line: color-mix(in srgb, #1034a6 28%, transparent);
}

/* Colores conservados para accesibilidad y enlaces legales. */
.egipto,
.page-introduccion--egipto {
  --ui-skip-ink: #0b365f;
  --ui-link-active: #d8a01b;
}

/* ==================================================
   INTRODUCCIÓN DE egipto
================================================== */
.page-introduccion--egipto {
  --intro-color-dark: #0b365f;
  --intro-color-medium: #104e8b;
  --intro-color-accent: #3b7a57;
  --intro-color-accent-soft: #9bc6ae;
  --intro-color-paper: #f5f5dc;
  --intro-color-paper-light: #fffdf5;
  --intro-color-text: #1a1a1a;
  --intro-color-muted: #59666a;
  --intro-color-line: color-mix(in srgb, var(--reader-accent) 28%, transparent);
  --intro-background-image: url("../assets/images/egipto/background.jpg");
}

.page-chapter-reader.egipto .chapter-reader,
.page-prologue-reader.egipto .chapter-reader {
  --reader-shell-width: min(calc(100% - 2rem), 111rem);
}
.page-chapter-reader.egipto .chapter-reader .site-header__inner,
.page-prologue-reader.egipto .chapter-reader .site-header__inner {
  max-width: 100rem;
  color: #1a1a1a;
  margin: 0 auto;
}
.page-chapter-reader.egipto .chapter-reader .site-header__inner a,
.page-prologue-reader.egipto .chapter-reader .site-header__inner a {
  color: #4b3a2b;
}

.introduccion__part-subtitle {
  margin: 0 0 0.55rem;
  color: var(--book-red);
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  text-align: center;
}

@media (max-width: 1280px) {
  .page-chapter-reader.egipto .chapter-reader,
  .page-prologue-reader.egipto .chapter-reader {
    --reader-shell-width: min(calc(100% - 2rem), 98rem);
  }
}
@media (max-width: 1024px) {
  .page-chapter-reader.egipto .chapter-reader,
  .page-prologue-reader.egipto .chapter-reader {
    --reader-shell-width: min(calc(100% - 2rem), 84rem);
  }
}
@media (max-width: 768px) {
  .page-chapter-reader.egipto .chapter-reader,
  .page-prologue-reader.egipto .chapter-reader {
    --reader-shell-width: 100%;
  }
  .day {
    font-size: 1.8rem;
  }
}
.place-map__neighbor-label {
  display: inline-block;
  color: white;
  font-family: "Source Sans 3", "Times New Roman", serif;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  text-shadow: none;
  padding: 0.1rem 0.2rem;
  border-width: 0.08rem;
  border-style: solid;
  border-color: rgba(112, 76, 45, 0.55);
  border-image: none;
  border-radius: 0.32rem;
  background: rgba(0, 0, 0, 0.3);
  white-space: nowrap;
}

.day {
  font-size: 2.1rem;
}

.reader-page__body .subtitulo .historical-note-link {
  font-size: 1.8rem;
  margin: 0 auto;
  text-align: center;
  color: var(--reader-header-title, #222);
  display: block;
}

/*# sourceMappingURL=egipto.css.map */