:root{font-family:Courier New,Courier,monospace;color-scheme:dark;color:#ffffffde;background-color:#0d0d0d}body{margin:0;min-height:100vh}.App{width:100%;max-width:100%;padding:1rem;box-sizing:border-box}header h1{font-size:2em;color:#9a1a1a;text-shadow:2px 2px 4px #000;margin-bottom:1rem;text-align:center}.pagina{background-color:#1a1a1a;border:1px solid #333;padding:1rem;margin-bottom:1rem;border-radius:8px}.pagina-contenido{display:flex;flex-direction:column;gap:1rem}.texto-columna{display:contents}.texto-parte1{order:1}.pagina-imagen{width:100%;height:auto;border-radius:4px;border:2px solid #444;order:2}.texto-parte2{order:3}.texto-columna p{text-align:left;font-size:1.1em;line-height:1.6;color:#ccc;margin-bottom:1em}.navegacion{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.navegacion button{background-color:#9a1a1a;color:#fff;border:none;padding:.8em 1.5em;font-size:1em;cursor:pointer;transition:background-color .3s;border-radius:4px}.navegacion button:hover{background-color:#c22}.navegacion button:disabled{background-color:#333;cursor:not-allowed}.navegacion span{font-size:1.2em;color:#888}@media (min-width: 768px){.App{padding:2rem}header h1{font-size:2.5em}.pagina{padding:2rem}.pagina-contenido{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:flex-start}.texto-columna{display:block;order:1}.pagina-imagen{order:2;position:sticky;top:2rem}.pagina-par .texto-columna{order:2}.pagina-par .pagina-imagen{order:1}.texto-parte1,.texto-parte2{margin-bottom:0}.texto-parte2{display:block}}