:root{--color-primary: #003f61;--color-primary-hover: #012e47;--color-primary-contrast: #ffffff;--color-accent: #ab1a45;--color-accent-hover: #8a1537;--color-accent-contrast: #ffffff;--color-neutral-0: #ffffff;--color-neutral-50: #f7f7f8;--color-neutral-100: #eeeeef;--color-neutral-200: #dcdcde;--color-neutral-300: #c4c4c7;--color-bg: var(--color-neutral-0);--color-bg-frame: var(--color-primary);--color-text: #474747;--color-text-muted: #6b6b6b;--color-overlay: rgba(0, 63, 97, .55);--color-overlay-transparent: rgba(0, 63, 97, 0);--color-scrim: rgba(255, 255, 255, .82);--color-scrim-transparent: rgba(255, 255, 255, 0);--color-disabled: var(--color-neutral-300);--font-family-base: "Libre Franklin", system-ui, -apple-system, "Segoe UI", sans-serif;--font-size-caption: .8125rem;--font-size-body: 1.0625rem;--font-size-body-lg: 1.1875rem;--font-size-h4: 1.375rem;--font-size-h3: 1.75rem;--font-size-h2: 2.25rem;--font-size-h1: 2.75rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-base: 1.55;--radius-sm: 4px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .12);--shadow-md: 0 4px 12px rgba(0, 0, 0, .18);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .28);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--book-max-width: 520px;--book-max-height: 100dvh;--transition-duration-fast: .15s;--transition-duration-page: .4s;--transition-duration-cascade: .5s;--transition-easing-standard: cubic-bezier(.4, 0, .2, 1);--transition-easing-page-turn: cubic-bezier(.65, 0, .35, 1)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-body);line-height:var(--line-height-base);color:var(--color-text);background:var(--color-bg-frame)}#app{max-width:var(--book-max-width);min-height:var(--book-max-height);margin-inline:auto;background:var(--color-bg)}.icono{display:block;width:1.25rem;height:1.25rem;pointer-events:none}.ilustracion{position:relative;overflow:hidden;background:var(--color-primary)}.ilustracion--fallback{aspect-ratio:9 / 16;width:100%}.ilustracion--thumb{aspect-ratio:1 / 1;width:100%;border-radius:var(--radius-md)}.ilustracion__video,.ilustracion__imagen{width:100%;height:100%;object-fit:cover;display:block}.ilustracion__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);text-align:center;color:var(--color-primary-contrast)}.ilustracion__placeholder-numero{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-caption);opacity:.7;letter-spacing:.08em}.ilustracion__placeholder-titulo{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-h4);line-height:var(--line-height-tight)}.portada{position:relative;min-height:var(--book-max-height);display:flex;flex-direction:column}.portada__ilustracion{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0}.portada__capa-superior{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-5) var(--space-5)}.portada__autor{margin:0;text-align:center;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary-contrast);font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-caption)}.portada__logo{max-width:85%;height:auto;aspect-ratio:747.57 / 279.24}.portada__capa-inferior{position:relative;z-index:1;margin-top:auto;width:100%;display:flex;justify-content:center;padding:var(--space-5) var(--space-5) var(--space-8)}.portada__boton{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-body);color:var(--color-primary);background:var(--color-neutral-0);border:none;border-radius:var(--radius-full);padding:var(--space-3) var(--space-6);box-shadow:var(--shadow-md);cursor:pointer;transition:background-color var(--transition-duration-fast) var(--transition-easing-standard)}.portada__boton:hover,.portada__boton:focus-visible{background:var(--color-neutral-100)}.indice{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-bg);display:flex;flex-direction:column;z-index:10}.indice__barra{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-neutral-200)}.indice__titulo{margin:0;font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-h3);color:var(--color-primary)}.indice__cerrar{display:inline-flex;align-items:center;justify-content:center;border:none;background:var(--color-neutral-100);color:var(--color-text);border-radius:var(--radius-full);width:2.25rem;height:2.25rem;font-size:var(--font-size-body);cursor:pointer}.indice__cerrar:hover,.indice__cerrar:focus-visible{background:var(--color-neutral-200)}.indice__grilla{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);padding:var(--space-5)}.indice__tarjeta{display:flex;flex-direction:column;gap:var(--space-2);padding:0;border:none;background:none;cursor:pointer;text-align:left;font-family:var(--font-family-base)}.indice__tarjeta:disabled{cursor:not-allowed;opacity:.5}.indice__tarjeta:not(:disabled):hover,.indice__tarjeta:not(:disabled):focus-visible{opacity:.85}.indice__miniatura{box-shadow:var(--shadow-sm)}.indice__etiqueta{font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);color:var(--color-text)}.lectura{--lectura-barra-altura: 3.75rem;--lectura-controles-altura: 4rem;display:flex;flex-direction:column;height:var(--book-max-height);min-height:var(--book-max-height);overflow:hidden;padding-block:var(--lectura-barra-altura) var(--lectura-controles-altura)}.lectura__barra,.lectura__controles{position:fixed;left:50%;z-index:5;width:100%;max-width:var(--book-max-width);height:var(--lectura-barra-altura);transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-neutral-0)}.lectura__barra{top:0;border-bottom:1px solid var(--color-neutral-200)}.lectura__controles{bottom:0;height:var(--lectura-controles-altura);border-top:1px solid var(--color-neutral-200)}.lectura__titulo{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-caption);color:var(--color-primary)}.lectura__boton,.lectura__nav,.lectura__play,.lectura__stop{display:inline-flex;align-items:center;justify-content:center;border:none;background:var(--color-neutral-100);color:var(--color-primary);border-radius:var(--radius-full);width:2.25rem;height:2.25rem;font-size:var(--font-size-body);cursor:pointer}.lectura__nav:disabled,.lectura__play:disabled,.lectura__stop:disabled{color:var(--color-disabled);cursor:not-allowed}.lectura__play--activo:not(:disabled){background:var(--color-accent);color:var(--color-accent-contrast)}.lectura__progreso{font-family:var(--font-family-base);font-size:var(--font-size-caption);color:var(--color-text-muted)}.lectura__paginas{position:relative;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;touch-action:pan-y}.lectura__portada-capitulo{position:relative}.lectura__ilustracion{width:100%;max-height:45vh}.lectura__portada-capitulo-overlay{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-5);background:linear-gradient(to top,var(--color-scrim),var(--color-scrim-transparent));pointer-events:none}.lectura__portada-capitulo-numero{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-caption);color:var(--color-primary);opacity:.85;letter-spacing:.08em}.lectura__portada-capitulo-titulo{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-h3);color:var(--color-primary);line-height:var(--line-height-tight)}.lectura__foto-autor{width:100%;aspect-ratio:9 / 16;max-height:45vh;object-fit:cover;display:block;background:var(--color-primary)}.lectura__foto-autor.ilustracion__placeholder{display:flex}.lectura__portada-capitulo--foto .lectura__portada-capitulo-overlay{background:linear-gradient(to top,var(--color-overlay),var(--color-overlay-transparent))}.lectura__portada-capitulo--foto .lectura__portada-capitulo-numero,.lectura__portada-capitulo--foto .lectura__portada-capitulo-titulo{color:var(--color-primary-contrast)}.lectura__pagina{margin:0;padding:var(--space-5);font-family:var(--font-family-base);font-weight:var(--font-weight-regular);font-size:var(--font-size-body);line-height:var(--line-height-base);color:var(--color-text);white-space:pre-line}.lectura__palabra{background-image:linear-gradient(var(--color-accent),var(--color-accent));background-position:0 92%;background-repeat:no-repeat;background-size:0 .12em;transition:background-size var(--transition-duration-fast) var(--transition-easing-standard)}.lectura__palabra--activa{animation:subrayado-linea-activa var(--transition-duration-fast) var(--transition-easing-standard) both;background-size:100% .12em}@keyframes subrayado-linea-activa{0%{background-size:0 .12em}to{background-size:100% .12em}}@media (prefers-reduced-motion: reduce){.lectura__palabra,.lectura__palabra--activa{animation:none;transition:none}}.lectura__pagina--saliente-izquierda{animation:pasar-pagina-saliente-izquierda var(--transition-duration-page) var(--transition-easing-page-turn) forwards}.lectura__pagina--saliente-derecha{animation:pasar-pagina-saliente-derecha var(--transition-duration-page) var(--transition-easing-page-turn) forwards}.lectura__pagina--entrante-izquierda{animation:pasar-pagina-entrante-izquierda var(--transition-duration-page) var(--transition-easing-page-turn) forwards}.lectura__pagina--entrante-derecha{animation:pasar-pagina-entrante-derecha var(--transition-duration-page) var(--transition-easing-page-turn) forwards}@keyframes pasar-pagina-saliente-izquierda{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes pasar-pagina-saliente-derecha{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes pasar-pagina-entrante-izquierda{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pasar-pagina-entrante-derecha{0%{transform:translate(-100%)}to{transform:translate(0)}}.lectura-no-disponible{padding:var(--space-6);text-align:center;font-family:var(--font-family-base);color:var(--color-text-muted)}