/* =====================================================================
   VISOR DE LIBROS · hoja de estilos
   Hereda toda la maquetación del lector (.cuadros-page) de CuadrosCabildo.css.
   Aquí solo se añaden:
     · Variables de cuerpo para visor-libros-page
     · Rejilla de libros (modo selección)
     · Lista de facsímiles en el sidebar
     · Divisores de cambio de acta
   ===================================================================== */

/* ── Cuerpo en modo visor ── */
body.visor-libros-page {
    max-width: 100%;
    overflow-x: hidden;
    background: var(--archivo-fondo);
}

    body.visor-libros-page .container.body-content,
    body.visor-libros-page .body-content {
        max-width: none;
        width: 100%;
        overflow-x: clip;
    }

body.visor-lectura-page .container.body-content,
body.visor-lectura-page .body-content {
    padding-left: 0;
    padding-right: 0;
}

/* ── Rejilla de libros (modo selección) ── */
.libros-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
    counter-reset: libro;
}

.libro-card {
    counter-increment: libro;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
    background: #fbf9f4;
    border: 1px solid #e3ddd0;
    border-top: 3px solid #9a7b3f;
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: box-shadow .22s, transform .22s, background .22s, border-top-color .22s;
}

/* Numeral romano como marca de agua */
.libro-card::before {
    content: counter(libro, upper-roman);
    position: absolute;
    top: -.05em;
    right: .4rem;
    font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
    font-size: 6rem;
    font-weight: 700;
    line-height: 1;
    color: #9a7b3f;
    opacity: .09;
    pointer-events: none;
    user-select: none;
}

.libro-card:hover {
    box-shadow: 0 14px 40px rgba(31, 39, 51, .13);
    border-top-color: #7a2e2c;
    transform: translateY(-3px);
    background: #fff;
    text-decoration: none;
}

.libro-card-codigo {
    font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
    font-size: clamp(1.55rem, 2.8vw, 2.5rem);
    font-weight: 700;
    color: #1f2733;
    letter-spacing: -.025em;
    line-height: 1.1;
    position: relative;
    z-index: 1;
}

.libro-card-facsímiles {
    font-size: .9rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #9a7b3f;
    position: relative;
    z-index: 1;
}

/* ── Aviso de folio sin existencia física en el sidebar ── */
.pagina-aviso-sidebar {
    color: #8a5a18;
    font-size: .75rem;
    margin-left: .35em;
    vertical-align: middle;
}

/* ── Divisores de cambio de acta ── */
.divisor-acta {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin: 1.1rem 0;
    padding: .55rem .85rem;
    border-radius: 8px;
    font-size: .82rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    position: relative;
}

    .divisor-acta::before,
    .divisor-acta::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
    }

    .divisor-acta::before { top: 0; }
    .divisor-acta::after { bottom: 0; }

.divisor-acta-inicio {
    background: #eef4ee;
    border: 1px solid #bbd6bb;
    color: #2f6b4f;
}

    .divisor-acta-inicio .divisor-icono { color: #2f6b4f; }

.divisor-acta-fin {
    background: #f5f0f0;
    border: 1px solid #d6bbbb;
    color: #7a2e2c;
}

    .divisor-acta-fin .divisor-icono { color: #7a2e2c; }

.divisor-icono {
    flex-shrink: 0;
    font-size: .85rem;
    line-height: 1;
}

.divisor-cuerpo {
    flex: 1;
    line-height: 1.3;
}

.divisor-verbo {
    opacity: .8;
}

.divisor-id {
    font-weight: 700;
}

.divisor-fecha {
    opacity: .75;
    font-size: .78rem;
}

/* Ocultar divisores cuando se desactivan las marcas */
.acta-workspace:not(.mostrar-marcas) .divisor-acta {
    display: none;
}

/* Ejemplo en la leyenda */
.mark-legend-example.divisor-acta {
    margin: 0;
    padding: .3rem .6rem;
    font-size: .76rem;
    display: inline-flex;
}

/* ── Scrollbar: misma estética que CuadrosCabildo ── */
html:has(body.visor-libros-page)::-webkit-scrollbar,
body.visor-libros-page::-webkit-scrollbar,
.visor-libros-page .cuadros-selector::-webkit-scrollbar,
.visor-libros-page .folio-text-scroll::-webkit-scrollbar,
.visor-libros-page .folio-page-row::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

body.visor-libros-page::-webkit-scrollbar-track,
.visor-libros-page .cuadros-selector::-webkit-scrollbar-track,
.visor-libros-page .folio-text-scroll::-webkit-scrollbar-track {
    background: #e3ddd0;
    border-radius: 999px;
}

body.visor-libros-page::-webkit-scrollbar-thumb,
.visor-libros-page .cuadros-selector::-webkit-scrollbar-thumb,
.visor-libros-page .folio-text-scroll::-webkit-scrollbar-thumb {
    background: rgba(122, 46, 44, .55);
    border: 2px solid #fbf9f4;
    border-radius: 999px;
}

    body.visor-libros-page::-webkit-scrollbar-thumb:hover,
    .visor-libros-page .cuadros-selector::-webkit-scrollbar-thumb:hover,
    .visor-libros-page .folio-text-scroll::-webkit-scrollbar-thumb:hover {
        background: #7a2e2c;
    }