/* ==========================================================================
   ESTRUCTURA EXCLUSIVA: PÁGINA DE LECTURA (TEXTO ÚNICO)
   ========================================================================== */

/* Ajuste del contenedor principal para centrar la lectura */
.reading-wrapper {
    max-width: 800px; /* Más estrecho que la portada y el catálogo */
    padding: 40px 50px;
}

/* Cabecera minimalista */
.reading-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--light-border);
    padding-bottom: 15px;
    margin-bottom: 40px;
    font-family: var(--font-headers);
    font-size: 0.75rem;
    letter-spacing: 1.5px;
}

.back-link {
    color: var(--burgundy);
    text-decoration: none;
    font-weight: bold;
    transition: letter-spacing 0.2s ease;
}

.back-link:hover {
    letter-spacing: 2px;
}

.reading-folio-meta {
    opacity: 0.7;
}

.reading-folio-meta .sep {
    margin: 0 6px;
    color: var(--burgundy);
}

/* Bloque del Título */
.text-title-block {
    text-align: center;
    margin-bottom: 35px;
}

.text-date {
    font-family: var(--font-headers);
    font-size: 0.75rem;
    color: var(--burgundy);
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.text-main-title {
    font-family: var(--font-headers);
    font-size: 2.3rem;
    line-height: 1.2;
    margin-bottom: 12px;
}

.text-subtitle {
    font-style: italic;
    font-size: 1.05rem;
    opacity: 0.85;
    margin-bottom: 20px;
}

.title-divider {
    color: var(--burgundy);
    font-size: 1.2rem;
}

/* Cuerpo de Lectura Ajustado (Ancho óptimo de lectura: 65-75 caracteres por línea) */
.single-text-container {
    max-width: 650px;
    margin: 0 auto;
}

.text-content p {
    font-size: 1.05rem; /* Un poco más grande para mejor lectura */
    line-height: 1.8;
    margin-bottom: 22px;
    text-align: justify;
}

.text-quote {
    margin: 30px 0;
    padding: 15px 25px;
    border-left: 2px solid var(--burgundy);
    font-style: italic;
    font-size: 1.1rem;
    background-color: var(--paper-texture-subtle);
    line-height: 1.6;
}

/* Firma / Sello final */
.text-footer-signature {
    margin-top: 50px;
    padding-top: 20px;
    border-top: 1px dashed var(--light-border);
    text-align: center;
}

.author-stamp {
    font-family: var(--font-headers);
    font-size: 0.75rem;
    letter-spacing: 1.5px;
    color: var(--burgundy);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* Navegación entre textos */
.pagination-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    padding: 20px 0;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.page-nav-item {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: var(--text-color);
    max-width: 45%;
}

.page-nav-item.next {
    text-align: right;
}

.nav-label {
    font-family: var(--font-headers);
    font-size: 0.65rem;
    color: var(--burgundy);
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 4px;
}

.nav-title {
    font-family: var(--font-headers);
    font-size: 0.85rem;
    transition: color 0.2s ease;
}

.page-nav-item:hover .nav-title {
    color: var(--burgundy);
}

.nav-divider {
    color: var(--burgundy);
    font-size: 0.7rem;
}

/* Adaptación para pantallas pequeñas */
@media (max-width: 600px) {
    .reading-wrapper {
        padding: 20px;
    }

    .text-main-title {
        font-size: 1.8rem;
    }

    .pagination-nav {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    .page-nav-item, 
    .page-nav-item.next {
        max-width: 100%;
        text-align: center;
    }

    .nav-divider {
        display: none;
    }
}