/* EL LECTOR DEL DOCUMENTO QUE SE FIRMA · assets/css/pe-lector.css · LA COLA 506 (2026-10-13)
   El texto exacto, a pantalla completa y sin salir de la pantalla de firmar (core/views/firma_lector.php), con «Volver atrás» arriba
   (fija) y abajo. Móvil e iOS/Safari primero: capa fija con su propio desplazamiento, botones de 44 px, sin desbordar a lo ancho.
   Contraste medido (WCAG 2.1): texto #f5f5f5 sobre #0e0e0e, 18,1:1; botón #111 sobre el dorado #C9A227, 8,6:1; título dorado sobre #0e0e0e, 7,6:1. */
.pe-lector { position: fixed; inset: 0; z-index: 10000; background: #0e0e0e; color: #f5f5f5; overflow-y: auto; -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain; padding: 0 0 2rem; }
.pe-lector[hidden] { display: none; }
html.pe-lector-abierto, html.pe-lector-abierto body { overflow: hidden; }
.pe-lector__barra { position: sticky; top: 0; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; padding: .75rem 1rem;
    padding-top: max(.75rem, env(safe-area-inset-top)); background: #0e0e0e; border-bottom: 1px solid #2a2a2a; }
.pe-lector__titulo { margin: 0; font-size: 1.05rem; color: #C9A227; flex: 1 1 14rem; min-width: 0; overflow-wrap: anywhere; }
.pe-lector__titulo small { color: #bdbdbd; font-weight: 400; font-size: .85rem; }
.pe-lector__volver { min-height: 44px; padding: .55rem 1rem; border: 0; border-radius: 10px; background: #C9A227; color: #111; font-weight: 700;
    font-size: 1rem; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.pe-lector__volver:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
.pe-lector__texto { max-width: 60rem; margin: 0 auto; padding: 1rem; line-height: 1.6; overflow-wrap: anywhere; }
.pe-lector__texto a { color: #e6c65a; }
.pe-lector__pie { max-width: 60rem; margin: 0 auto; padding: 1rem; padding-bottom: max(1rem, env(safe-area-inset-bottom)); }
.pe-lector__volver--grande { width: 100%; font-size: 1.05rem; }

/* 2026-10-27 (medido en WebKit y Chrome): el lector ocupa toda la pantalla y va POR ENCIMA de los avisos de la primera visita (cookies 10000 y
   el de visita 10001, que en el teléfono va abajo: tapaba su «Volver atrás y marcar»). Va colgado del <body> al abrirse (pe-firma-alta.js). */
.pe-lector { z-index: 10010; }