/* La Bitácora (inc/bitacora.php): el micrositio-revista de los Registros.
   Lenguaje de la Consola: negro, Barlow Condensed, mono, y el verde solo para lo que está vivo.
   Disposición tomada de Newsroom 27: la cabecera va de lado a lado; todo lo demás va al centro, compacto,
   y cada sección juega con su fondo (Daniel, 22 oct 2026). */

body.gr-bitacora { background: var(--vacio); color: var(--polvo); margin: 0; padding-top: var(--glb-cab-alto, 112px); }
/* El margen que centra el contenido se calcula en cada sección: así el «Ancho del contenido» de cada widget
   de Elementor (que cambia --max) funciona solo en el suyo. */
.glb-bloque, .glb-portada, .glb-rompe, .glb-anuncio, .glb-articulo__cab, .glb-articulo__img, .glb-articulo__cuerpo, .glb-lista__cab, .glb-paginas, .glb-pie { --lado: max(16px, calc((100% - var(--max, 1240px)) / 2)); }
/* La regla del ancho (Daniel, 22 oct 2026): todo lo que va al centro usa el mismo carril, el de --max.
   Pesa más que las reglas de cada pieza, para que ninguna se salga al ancho completo (la lista de un tema
   se salía); el espaciado que se ponga en Elementor sigue mandando porque pesa más. Lo que se agregue en
   Elementor que no sea de Galactic Radio (un título, un texto, una imagen) también entra al carril. */
.glb :is(.glb-bloque, .glb-portada, .glb-articulo__cab, .glb-articulo__cuerpo, .glb-lista__cab, .glb-paginas) { padding-left: var(--lado); padding-right: var(--lado); }
.glb .elementor-widget:not([class*="elementor-widget-gr-"]) { --lado: max(16px, calc((100% - var(--max, 1240px)) / 2)); padding-left: var(--lado); padding-right: var(--lado); }
.glb {
	--max: 1240px;
	--cab-alto: var(--glb-cab-alto, 112px);
	--claro: #e8e8e4; /* el gris texturizado de la marca */
	overflow-x: clip;
}
.glb-mono { font-family: var(--fuente-mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--polvo-2); }
.glb h1, .glb h2 { font-family: var(--fuente-display); font-weight: 800; text-transform: uppercase; line-height: .92; margin: 0; letter-spacing: -.005em; }
.glb a { color: inherit; }
.glb-tenue { color: var(--polvo-2); }

/* ── lo que está vivo: el punto verde que late ── */
.glb-vivo { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--senal); margin-right: 8px; vertical-align: 1px; animation: glb-latido 1.875s ease-in-out infinite; } /* 128 BPM × 4 */
@keyframes glb-latido { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }

/* ── botones ── */
.glb-boton { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border: 1px solid var(--linea-2); color: var(--polvo); text-decoration: none; font-family: var(--fuente-display); font-weight: 700; font-size: 15px; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; transition: background .2s, color .2s, border-color .2s; }
.glb-boton:hover { background: var(--polvo); color: var(--vacio); border-color: var(--polvo); }
.glb-boton--senal { background: var(--senal); border-color: var(--senal); color: var(--vacio); }
.glb-boton--senal:hover { background: var(--polvo); border-color: var(--polvo); }

/* ═══ La cabecera: de lado a lado ═══ */
/* La cabecera cubre también la barra del celular (la hora, la batería) en la app instalada: el logo y la
   cinta quedan debajo de esa barra. El alto que mide bitacora.js ya incluye ese espacio. */
.glb-cab { position: fixed; top: 0; left: 0; right: 0; z-index: 60; padding-top: env(safe-area-inset-top, 0px); background: rgba(10, 10, 10, .94); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-bottom: 1px solid var(--linea); }
.admin-bar .glb-cab { top: var(--wp-admin--admin-bar--height, 32px); }
/* En el editor de Elementor la cabecera no flota: así se edita en su lugar. */
.elementor-editor-active .glb-cab { position: relative; }
body.elementor-editor-active.gr-bitacora { padding-top: 0; }
.glb-cab__fila { display: flex; align-items: center; gap: 28px; padding: 12px max(16px, 3.2vw) 10px; }
.glb-logo { display: inline-flex; flex: none; }
.glb-logo.glb-logo img { display: block; height: 34px; width: auto; }
.glb-menu { display: flex; gap: 26px; margin-inline: auto; }
.glb-menu a { display: inline-flex; align-items: baseline; gap: 7px; white-space: nowrap; text-decoration: none; font-family: var(--fuente-display); font-weight: 700; font-size: 16px; letter-spacing: .07em; text-transform: uppercase; color: var(--polvo); opacity: .82; transition: opacity .2s, color .2s; }
.glb-menu a .glb-mono { font-size: 10px; color: var(--polvo-3); }
.glb-menu a:hover { opacity: 1; color: var(--senal); }
.glb-abrir { display: none; margin-left: auto; min-height: 38px; padding: 0 14px; background: none; border: 1px solid var(--linea-2); color: var(--polvo); font-family: var(--fuente-display); font-weight: 700; font-size: 15px; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }

.glb-hud { display: flex; justify-content: space-between; gap: 16px; padding: 6px max(16px, 3.2vw); border-top: 1px solid var(--linea); font-size: 11px; }
.glb-hud b { color: var(--polvo); font-weight: 400; margin-left: 6px; font-variant-numeric: tabular-nums; }

/* La cinta: informa lo que suena. Sin clic. Se mueve despacio y una onda pequeña acompaña. */
.glb-cinta { display: flex; align-items: center; gap: 12px; height: 32px; padding: 0 max(16px, 3.2vw); border-top: 1px solid var(--linea); overflow: hidden; user-select: none; }
.glb-cinta__fija { flex: none; color: var(--senal); font-size: 11px; }
.glb-cinta__pista { position: relative; flex: 1; min-width: 0; overflow: hidden; }
/* El degradado solo cuando corre, y corto: así el nombre del programa nunca queda tapado. */
.glb-cinta__pista:has(.glb-corre) { -webkit-mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 48px), transparent); mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 48px), transparent); }
.glb-cinta__texto { display: inline-flex; gap: 18px; white-space: nowrap; font-size: 11.5px; color: var(--polvo); will-change: transform; padding-left: 2px; }
.glb-cinta__texto.glb-corre { animation: glb-cinta var(--dur, 40s) linear infinite; padding-left: 28px; }
.glb-cinta__sep { color: var(--polvo-3); }
@keyframes glb-cinta { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.glb-onda { flex: none; display: inline-flex; align-items: center; gap: 2px; height: 14px; }
.glb-onda i { display: block; width: 2px; height: 100%; background: var(--senal); border-radius: 1px; transform-origin: 50% 50%; animation: glb-onda .94s ease-in-out infinite; } /* 128 BPM × 2 */
.glb-onda i:nth-child(2) { animation-delay: -.12s; }
.glb-onda i:nth-child(3) { animation-delay: -.31s; }
.glb-onda i:nth-child(4) { animation-delay: -.53s; }
.glb-onda i:nth-child(5) { animation-delay: -.2s; }
.glb-onda i:nth-child(6) { animation-delay: -.66s; }
.glb-onda i:nth-child(7) { animation-delay: -.42s; }
@keyframes glb-onda { 0%, 100% { transform: scaleY(.25); } 50% { transform: scaleY(1); } }

/* El panel del celular */
/* El menú empieza debajo de la cabecera entera (el logo, la hora y la cinta), con el alto que mide bitacora.js. */
.glb-panel { position: fixed; inset: 0; z-index: 70; background: var(--vacio); padding: calc(var(--glb-cab-alto, 96px) + 20px) 16px 32px; overflow-y: auto; display: flex; flex-direction: column; gap: 28px; }
.glb-panel[hidden] { display: none; }
.glb-panel nav { display: flex; flex-direction: column; }
.glb-panel nav a { display: flex; align-items: baseline; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--linea); text-decoration: none; color: var(--polvo); font-family: var(--fuente-display); font-weight: 800; font-size: 38px; text-transform: uppercase; line-height: 1; }
.glb-panel .glb-boton { align-self: flex-start; }
body.glb-panel-abierto { overflow: hidden; }
body.glb-panel-abierto .glb-cab { z-index: 80; }

/* ═══ Las secciones: van de lado a lado para su fondo; el contenido, al centro ═══ */
.glb-bloque { padding: clamp(48px, 6vw, 84px) var(--lado); }
.glb-fondo-2 { background: var(--vacio-2); }
.glb-bloque__cab { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 8px 24px; padding-bottom: 18px; margin-bottom: 26px; border-bottom: 1px solid var(--linea); }
.glb-bloque__num { grid-column: 1 / -1; display: block; }
.glb-bloque__num b { color: var(--senal); font-weight: 400; }
.glb-bloque__cab h2 { font-size: clamp(34px, 4.2vw, 64px); }
.glb-mas { text-decoration: none; color: var(--polvo); white-space: nowrap; padding-bottom: 4px; }
.glb-mas:hover { color: var(--senal); }

/* El Registro principal: cabe entero en la pantalla, debajo de la cabecera. */
.glb-portada { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(24px, 4vw, 56px); align-items: center; padding: 28px var(--lado); box-sizing: border-box; }
.glb-portada--pantalla { min-height: calc((100svh - var(--cab-alto)) / var(--glb-escala, 1)); }
.glb-portada__etiqueta { display: block; margin-bottom: 14px; color: var(--polvo); }
.glb-portada h1 { font-size: clamp(32px, 3.6vw, 58px); margin-bottom: 16px; }
.glb-portada h1 a { text-decoration: none; }
.glb-portada h1 a:hover { color: var(--senal); }
.glb-portada__extracto { font-size: 17px; line-height: 1.5; color: var(--polvo-2); margin: 0 0 18px; max-width: 46ch; }
.glb-portada .glb-meta { margin-bottom: 22px; }
.glb-portada__accion { margin: 0; }
.glb-portada__img { position: relative; display: block; width: 100%; max-height: calc((100svh - var(--cab-alto)) / var(--glb-escala, 1) - 56px); aspect-ratio: 4 / 3; overflow: hidden; background: var(--vacio-2); }
.glb-portada__img.glb-portada__img img { width: 100%; height: 100%; object-fit: cover; display: block; filter: grayscale(.15) contrast(1.05); transition: transform 1.2s var(--curva); }
.glb-portada__img:hover img { transform: scale(1.03); }
.glb-portada__num { position: absolute; left: 14px; bottom: 10px; font-family: var(--fuente-display); font-weight: 800; font-size: clamp(44px, 5vw, 84px); line-height: .8; color: var(--polvo); mix-blend-mode: difference; }
/* El sello que gira sobre la foto */
.glb-sello { position: absolute; top: 14px; right: 14px; width: clamp(84px, 8vw, 112px); height: auto; animation: glb-gira 18s linear infinite; }
.glb-sello circle { fill: rgba(10, 10, 10, .72); stroke: var(--senal); stroke-width: 1; }
.glb-sello text { fill: var(--polvo); font-family: var(--fuente-mono); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; }
@keyframes glb-gira { to { transform: rotate(360deg); } }

/* La línea de datos */
.glb-meta { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 11px; }
.glb-meta b { color: var(--senal); font-weight: 400; }
.glb-meta a { text-decoration: none; color: var(--polvo); border-bottom: 1px solid var(--linea-2); }
.glb-meta a:hover { color: var(--senal); border-color: var(--senal); }

/* La pila: cada Registro se monta sobre el anterior al bajar */
.glb-pila { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.glb-pila--apilar .glb-pila__carta { position: sticky; top: calc(var(--cab-alto) / var(--glb-escala, 1) + 16px + var(--i) * 12px); }
.glb-pila__carta > a { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); min-height: min(46vh, 380px); background: var(--vacio); border: 1px solid var(--linea-2); text-decoration: none; overflow: hidden; box-shadow: 0 -14px 32px rgba(0, 0, 0, .5); }
.glb-pila__texto { display: flex; flex-direction: column; gap: 14px; padding: clamp(20px, 2.4vw, 34px); }
.glb-pila__num { font-family: var(--fuente-display); font-weight: 800; font-size: clamp(42px, 4vw, 68px); line-height: .8; color: var(--polvo-3); transition: color .3s; }
.glb-pila__titulo { font-family: var(--fuente-display); font-weight: 800; text-transform: uppercase; font-size: clamp(22px, 2vw, 32px); line-height: .98; }
.glb-pila__extracto { color: var(--polvo-2); font-size: 16px; line-height: 1.5; max-width: 52ch; }
.glb-pila__ir { margin-top: auto; color: var(--polvo); }
.glb-pila__img { position: relative; overflow: hidden; }
.glb-pila__img.glb-pila__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(.35); transition: filter .5s, transform 1.2s var(--curva); }
.glb-pila__carta > a:hover .glb-pila__num { color: var(--senal); }
.glb-pila__carta > a:hover img { filter: none; transform: scale(1.03); }

/* La señal: lo que viene en la emisora (The Wire) */
.glb-senal { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(28px, 4vw, 64px); align-items: start; }
.glb-senal__lado { position: sticky; top: calc(var(--cab-alto) / var(--glb-escala, 1) + 24px); }
.glb-senal__lado .glb-bloque__num { margin-bottom: 14px; }
.glb-senal__lado h2 { font-size: clamp(34px, 3.6vw, 56px); margin-bottom: 16px; }
.glb-senal__lado p { color: var(--polvo-2); font-size: 16px; line-height: 1.5; margin: 0 0 24px; max-width: 38ch; }
.glb-relojes { display: grid; gap: 0; border: 1px solid var(--linea); font-size: 11px; }
.glb-relojes span { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 14px; border-top: 1px solid var(--linea); }
.glb-relojes span:first-child { border-top: 0; }
.glb-relojes b { color: var(--polvo); font-weight: 400; text-align: right; font-variant-numeric: tabular-nums; }
.glb-relojes__titulo { color: var(--senal); }
.glb-viene { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--linea); }
.glb-viene__fila a { display: grid; grid-template-columns: 116px minmax(0, 1fr) auto; grid-template-areas: "hora nombre bpm" "dia intencion bpm"; gap: 4px 22px; align-items: baseline; padding: 18px 0; border-bottom: 1px solid var(--linea); text-decoration: none; }
.glb-viene__hora { grid-area: hora; font-family: var(--fuente-display); font-weight: 800; font-size: 30px; line-height: 1; font-variant-numeric: tabular-nums; }
.glb-viene__dia { grid-area: dia; font-size: 10.5px; }
.glb-viene__nombre { grid-area: nombre; font-family: var(--fuente-display); font-weight: 800; font-size: clamp(22px, 2vw, 30px); line-height: 1; text-transform: uppercase; transition: color .2s; }
.glb-viene__intencion { grid-area: intencion; color: var(--polvo-2); font-size: 15px; line-height: 1.45; }
.glb-viene__bpm { grid-area: bpm; white-space: nowrap; color: var(--polvo); }
.glb-viene__fila--vivo .glb-viene__hora, .glb-viene__fila--vivo .glb-viene__dia { color: var(--senal); }
.glb-viene__fila a:hover .glb-viene__nombre { color: var(--senal); }

/* Los temas */
.glb-temas { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.glb-temas a { display: flex; flex-direction: column; gap: 10px; height: 100%; min-height: 190px; padding: 20px; border: 1px solid var(--linea-2); background: var(--vacio); text-decoration: none; transition: border-color .25s; }
.glb-temas a:hover { border-color: var(--polvo); }
.glb-temas__num { font-family: var(--fuente-display); font-weight: 800; font-size: 52px; line-height: .8; color: var(--polvo-3); }
.glb-temas b { margin-top: auto; font-family: var(--fuente-display); font-weight: 800; font-size: 28px; line-height: .95; text-transform: uppercase; }
.glb-temas__desc { color: var(--polvo-2); font-size: 15px; line-height: 1.45; }
.glb-temas__desc:empty { display: none; }

/* Del libro: la sección que rompe. Imagen que se mueve despacio, cita al centro. */
.glb-rompe { padding: clamp(48px, 6vw, 84px) var(--lado); }
.glb-rompe__marco { position: relative; overflow: hidden; display: grid; place-items: center; min-height: min(78vh, 640px); padding: clamp(32px, 5vw, 72px) clamp(20px, 5vw, 80px); text-align: center; isolation: isolate; }
.glb-rompe__fondo { position: absolute; inset: -6%; z-index: -2; background-size: cover; background-position: center; filter: grayscale(.6) contrast(1.05); }
.glb-rompe__fondo--mueve { animation: glb-deriva 32s ease-in-out infinite alternate; }
.glb-rompe__marco::after { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse at center, rgba(10, 10, 10, calc(var(--glb-oscuro, .72) * .76)), rgba(10, 10, 10, min(1, calc(var(--glb-oscuro, .72) * 1.25)))); }
@keyframes glb-deriva { from { transform: scale(1.04) translate(-1.5%, -1%); } to { transform: scale(1.14) translate(1.5%, 1.5%); } }
.glb-rompe__texto { max-width: 880px; display: flex; flex-direction: column; align-items: center; }
.glb-rompe blockquote { margin: 18px 0 26px; }
.glb-rompe blockquote p { margin: 0 0 18px; font-family: var(--fuente-display); font-weight: 700; font-size: clamp(30px, 3.8vw, 58px); line-height: 1.02; text-transform: uppercase; }
.glb-rompe blockquote p::before { content: "“"; color: var(--senal); }
.glb-rompe blockquote p::after { content: "”"; color: var(--senal); }
.glb-rompe footer { color: var(--polvo); }

/* Las cifras: sobre el gris claro de la marca */
.glb-cifras { background: var(--claro); color: var(--vacio); }
.glb-cifras .glb-bloque__num { color: #4d4d49; margin-bottom: 24px; }
.glb-cifras .glb-bloque__num b { color: var(--vacio); font-weight: 700; }
.glb-cifras ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(var(--columnas, 4), minmax(0, 1fr)); border-top: 1px solid rgba(10, 10, 10, .2); }
.glb-cifras li { display: flex; flex-direction: column; gap: 10px; padding: 24px 20px 6px; border-left: 1px solid rgba(10, 10, 10, .2); margin-left: -1px; }
.glb-cifras li b { font-family: var(--fuente-display); font-weight: 800; font-size: clamp(48px, 6vw, 96px); line-height: .85; font-variant-numeric: tabular-nums; }
.glb-cifras .glb-mono { color: #4d4d49; }

/* Lo más sonado */
.glb-top { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; }
.glb-top__fila { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--linea); text-decoration: none; }
a.glb-top__fila:hover .glb-top__cancion b { color: var(--senal); }
.glb-top__pos { font-family: var(--fuente-display); font-weight: 800; font-size: 28px; line-height: 1; color: var(--polvo-3); }
.glb-top__cancion { display: flex; flex-direction: column; min-width: 0; }
.glb-top__cancion b { font-family: var(--fuente-display); font-weight: 700; font-size: 20px; line-height: 1.05; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: color .2s; }
.glb-top__cancion span { color: var(--polvo-2); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.glb-top__veces { white-space: nowrap; font-size: 10.5px; }

/* El Compendio */
.glb-compendio__bajada { max-width: 60ch; margin: -4px 0 22px; color: var(--polvo-2); font-size: 17px; line-height: 1.5; }
.glb-indice { list-style: none; margin: 0; padding: 0; }
.glb-indice__fila { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto 92px; align-items: baseline; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--linea); }
.glb-indice__num { font-family: var(--fuente-display); font-weight: 800; font-size: 24px; color: var(--polvo-3); }
.glb-indice__titulo { font-family: var(--fuente-display); font-weight: 700; font-size: clamp(18px, 1.6vw, 24px); line-height: 1.05; text-transform: uppercase; color: var(--polvo-2); }
.glb-indice__fila--viva .glb-indice__num { color: var(--senal); }
.glb-indice__fila--viva .glb-indice__titulo { color: var(--polvo); }
.glb-indice__registros { display: flex; flex-wrap: wrap; gap: 6px 14px; justify-content: flex-end; }
.glb-indice__registros a { font-family: var(--fuente-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; text-decoration: none; color: var(--senal); }
.glb-indice__pag { text-align: right; }

/* ═══ La publicidad: espacios fijos, al centro, con su alto reservado y su etiqueta ═══ */
.glb-anuncio { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; margin: 0 var(--lado); padding: 24px 0 12px; min-height: 130px; border-top: 1px solid var(--linea); border-bottom: 1px solid var(--linea); }
.glb > .glb-anuncio { margin-top: 28px; margin-bottom: 28px; }
.glb-anuncio .adsbygoogle { width: 100%; max-width: 970px; min-height: 90px; }
.glb-anuncio__etiqueta { position: absolute; top: 8px; left: 0; font-family: var(--fuente-mono); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: var(--polvo-3); }
.glb-anuncio--muestra { border-style: dashed; border-color: var(--linea-2); }
.glb-anuncio__lugar { font-family: var(--fuente-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--polvo-3); }
.glb-prosa .glb-anuncio { margin: 40px 0; min-height: 280px; }

/* ═══ La miga de pan: en su franja, alineada con el contenido (inc/bitacora-piezas.php) ═══ */
.glb-miga { --lado: max(16px, calc((100% - var(--max, 1240px)) / 2)); border-bottom: 1px solid var(--linea); }
.glb-miga ol { padding: 0 var(--lado); max-width: none; }

/* ═══ Un Registro ═══ */
.glb-articulo__cab { padding: clamp(36px, 5vw, 72px) var(--lado) clamp(24px, 3vw, 40px); }
/* Con imagen: la imagen es el fondo del encabezado, de lado a lado, y el texto va encima, abajo
   (como el encabezado de los programas, .gr-encabezado del tema). */
.glb-articulo__cab--imagen { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: flex-end; min-height: min(calc(78vh / var(--glb-escala, 1)), 720px); padding-top: clamp(96px, 12vw, 170px); padding-bottom: clamp(32px, 4vw, 56px); border-bottom: 1px solid var(--linea); }
.glb-articulo__fondo { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; filter: brightness(var(--glb-brillo, .3)) contrast(1.08); transform: scale(1.06); }
.glb-articulo__fondo.glb-articulo__fondo { width: 100%; height: 100%; max-width: none; }
.glb-articulo__cab--bn .glb-articulo__fondo { filter: grayscale(1) brightness(var(--glb-brillo, .3)) contrast(1.08); }
.glb-articulo__cab--acercar .glb-articulo__fondo { animation: glb-acercar 30s ease-in-out infinite alternate; }
@keyframes glb-acercar { to { transform: scale(1.16); } }
.glb-articulo__cab--imagen::after { content: ""; position: absolute; inset: calc(100% - var(--glb-degradado, 90%)) 0 0 0; z-index: -1; background: linear-gradient(transparent, color-mix(in srgb, var(--vacio) 85%, transparent) 55%, var(--vacio)); }
/* Un velo del lado del texto, para que el título no se pierda en la imagen. */
.glb-articulo__cab--imagen::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, color-mix(in srgb, var(--vacio) 70%, transparent) 0%, color-mix(in srgb, var(--vacio) 35%, transparent) 55%, transparent 100%); }
.glb-articulo__cab--imagen .glb-articulo__bajada { color: var(--polvo); }
.glb-articulo__cab-texto { max-width: 1000px; }
.glb-articulo__cab .glb-meta { margin-bottom: 20px; }
.glb-articulo__cab h1 { font-size: clamp(36px, 4.4vw, 72px); margin-bottom: 18px; }
.glb-articulo__bajada { font-size: clamp(17px, 1.4vw, 21px); line-height: 1.45; max-width: 56ch; margin: 0 0 16px; color: var(--polvo-2); }
.glb-articulo__img { margin: 0 var(--lado); max-height: 64vh; aspect-ratio: 16 / 9; overflow: hidden; background: var(--vacio-2); }
.glb-articulo__img.glb-articulo__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.glb-articulo__cuerpo { display: grid; grid-template-columns: 200px minmax(0, var(--lectura)); gap: clamp(28px, 5vw, 80px); justify-content: center; padding: clamp(36px, 4vw, 64px) var(--lado) 0; }
.glb-articulo__cuerpo--solo { grid-template-columns: minmax(0, var(--lectura)); }
.glb-articulo__lado { position: sticky; top: calc(var(--cab-alto) / var(--glb-escala, 1) + 24px); align-self: start; }
.glb-articulo__lado dl { margin: 0; display: grid; gap: 4px; }
.glb-articulo__lado dt { margin-top: 14px; }
.glb-articulo__lado dt:first-child { margin-top: 0; }
.glb-articulo__lado dd { margin: 0; font-family: var(--fuente-display); font-weight: 700; font-size: 19px; text-transform: uppercase; }
.glb-articulo__lado dd a { text-decoration: none; border-bottom: 1px solid var(--linea-2); }
.glb-audio { margin-top: 28px; display: grid; gap: 10px; }
.glb-audio audio { width: 100%; height: 36px; filter: invert(.92) hue-rotate(180deg); }
.glb-articulo + .glb-anuncio { margin-top: 56px; }

/* La prosa: el texto del Registro */
.glb-prosa { font-size: 19px; line-height: 1.7; }
.glb-prosa > *:first-child { margin-top: 0; }
.glb-prosa p { margin: 0 0 1.15em; }
.glb-prosa h2 { font-family: var(--fuente-display); font-weight: 800; text-transform: uppercase; font-size: clamp(28px, 2.4vw, 38px); line-height: .98; margin: 1.9em 0 .7em; }
.glb-prosa h3 { font-family: var(--fuente-display); font-weight: 700; text-transform: uppercase; font-size: 24px; margin: 1.6em 0 .5em; }
.glb-prosa a { color: var(--senal); text-underline-offset: 3px; }
.glb-prosa strong { color: #fff; }
.glb-prosa ul, .glb-prosa ol { padding-left: 1.2em; margin: 0 0 1.2em; }
.glb-prosa li { margin-bottom: .45em; }
.glb-prosa blockquote { margin: 1.6em 0; padding: 4px 0 4px 22px; border-left: 2px solid var(--senal); color: var(--polvo); }
.glb-prosa blockquote p { margin-bottom: .5em; }
/* El epígrafe: la cita del libro que abre cada Registro */
.glb-prosa > blockquote:first-child { margin: 0 0 2.2em; padding: 0 0 24px; border-left: 0; border-bottom: 1px solid var(--linea); font-family: var(--fuente-display); font-weight: 600; font-size: clamp(22px, 2vw, 29px); line-height: 1.22; }
.glb-prosa > blockquote:first-child p:last-child { font-family: var(--fuente-mono); font-weight: 400; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--polvo-2); margin: 16px 0 0; }
.glb-prosa img { max-width: 100%; height: auto; }
.glb-prosa figure { margin: 2em 0; }

/* ═══ Las listas: filas de Registros ═══ */
.glb-filas { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--linea); }
.glb-fila__enlace { display: grid; grid-template-columns: 96px minmax(0, 1fr) 180px; gap: 22px; align-items: center; padding: 20px 0; border-bottom: 1px solid var(--linea); text-decoration: none; }
.glb-fila__num { font-family: var(--fuente-display); font-weight: 800; font-size: 54px; line-height: .8; color: var(--polvo-3); transition: color .25s; }
.glb-fila__texto { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.glb-fila__titulo { font-family: var(--fuente-display); font-weight: 800; font-size: clamp(22px, 2vw, 32px); line-height: .98; text-transform: uppercase; }
.glb-fila__extracto { color: var(--polvo-2); font-size: 16px; line-height: 1.5; max-width: 70ch; }
.glb-fila__img { aspect-ratio: 4 / 3; overflow: hidden; }
.glb-fila__img.glb-fila__img img { width: 100%; height: 100%; object-fit: cover; display: block; filter: grayscale(.4); transition: filter .4s; }
.glb-fila__enlace:hover .glb-fila__num { color: var(--senal); }
.glb-fila__enlace:hover img { filter: none; }

.glb-lista__cab { padding: clamp(36px, 5vw, 72px) var(--lado) 0; }
.glb-lista__cab .glb-bloque__num { margin-bottom: 16px; }
.glb-lista__cab h1 { font-size: clamp(44px, 6vw, 96px); }
.glb-lista__bajada { max-width: 56ch; font-size: 18px; line-height: 1.5; color: var(--polvo-2); margin: 18px 0 0; }
.glb-lista__cab + .glb-filas { margin-top: 36px; }
.glb-filas.glb-bloque { padding-top: 0; padding-bottom: 0; border-top: 0; }
.glb-filas.glb-bloque > li:first-child .glb-fila__enlace { border-top: 1px solid var(--linea); }
.glb-paginas { display: flex; gap: 16px; padding: 28px var(--lado) 0; }
.glb-paginas a, .glb-paginas span { color: var(--polvo); text-decoration: none; }
.glb-paginas .current { color: var(--senal); }

/* ═══ El pie ═══ */
.glb-pie { border-top: 1px solid var(--linea); }
.glb-pie > .glb-anuncio { margin: 28px var(--lado); }
.glb-pie__marca { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 32px; padding: clamp(36px, 5vw, 64px) var(--lado) 24px; }
.glb-logo--pie.glb-logo--pie img { height: clamp(40px, 5vw, 64px); }
.glb-pie__marca p { margin: 0; max-width: 46ch; color: var(--polvo-2); }
.glb-pie__fila { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px 24px; padding: 16px var(--lado) 26px; border-top: 1px solid var(--linea); font-size: 11px; }
.glb-pie__fila ul { display: flex; flex-wrap: wrap; gap: 8px 22px; list-style: none; margin: 0; padding: 0; }
.glb-pie__fila a { color: var(--polvo); text-decoration: none; }
.glb-pie__fila a:hover { color: var(--senal); }

/* ═══ La tableta y el celular ═══ */
/* La escala de lo que va al centro: todo un 14 % más grande en la pantalla grande, en proporción (Daniel,
   22 oct 2026). La cabecera, de lado a lado, no cambia. Las alturas y los elementos fijos se dividen por la
   escala para seguir midiendo lo mismo en la pantalla. */
@media (min-width: 1101px) {
	.glb, .glb-pie { --glb-escala: 1.14; zoom: var(--glb-escala); }
	/* El margen mínimo crece un poco para que, con la escala, el contenido no toque los bordes. */
	.glb-bloque, .glb-portada, .glb-rompe, .glb-anuncio, .glb-articulo__cab, .glb-articulo__img, .glb-articulo__cuerpo, .glb-lista__cab, .glb-paginas, .glb-pie, .glb-miga, .glb .elementor-widget:not([class*="elementor-widget-gr-"]) { --lado: max(40px, calc((100% - var(--max, 1240px)) / 2)); }
}

@media (max-width: 1100px) {
	.glb-menu, .glb-cab__fila > .glb-boton { display: none; }
	.glb-abrir { display: inline-flex; align-items: center; }
	.glb-senal { grid-template-columns: 1fr !important; }
	.glb-senal__lado { position: static; }
	.glb-cifras { --columnas: 2; }
	.glb-cifras li { border-bottom: 1px solid rgba(10, 10, 10, .2); }
	.glb-articulo__cuerpo { grid-template-columns: minmax(0, var(--lectura)); }
	.glb-articulo__lado { position: static; border-bottom: 1px solid var(--linea); padding-bottom: 22px; }
	.glb-articulo__lado dl { grid-template-columns: repeat(4, auto); justify-content: start; gap: 4px 26px; }
	.glb-articulo__lado dt { margin-top: 0; grid-row: 1; }
	.glb-articulo__lado dd { grid-row: 2; font-size: 17px; }
}
@media (max-width: 760px) {
	.glb { --cab-alto: 100px; }
	.glb-logo.glb-logo img { height: 28px; }
	.glb-logo--pie.glb-logo--pie img { height: 40px; }
	.glb-cab__fila { padding-top: 10px; padding-bottom: 10px; }
	.glb-portada { grid-template-columns: 1fr !important; min-height: 0; padding-top: 20px; }
	.glb-portada__img { order: -1; max-height: none; }
	.glb-sello { width: 76px; }
	.glb-bloque__cab { grid-template-columns: 1fr; }
	.glb-pila__carta { position: static !important; }
	.glb-pila__carta > a { grid-template-columns: 1fr !important; min-height: 0 !important; box-shadow: none; }
	.glb-pila__img { aspect-ratio: 16 / 10; order: -1; }
	.glb-viene__fila a { grid-template-columns: 1fr auto; grid-template-areas: "hora bpm" "dia dia" "nombre nombre" "intencion intencion"; }
	.glb-viene__hora { font-size: 26px; }
	.glb-viene__dia { margin-bottom: 6px; }
	.glb-temas a { min-height: 0; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 8px 16px; }
	.glb-temas__num { font-size: 36px; }
	.glb-temas b { margin-top: 0; font-size: 26px; flex: 1; }
	.glb-temas .glb-mono { flex-basis: 100%; }
	.glb-rompe { padding-left: 0; padding-right: 0; }
	.glb-rompe__marco { min-height: 72vh; }
	.glb-cifras li b { font-size: 52px; }
	.glb-top { grid-template-columns: 1fr; }
	.glb-top__fila { grid-template-columns: 40px minmax(0, 1fr); }
	.glb-top__pos { font-size: 24px; }
	.glb-top__veces { display: none; }
	.glb-indice__fila { grid-template-columns: 36px minmax(0, 1fr); }
	.glb-indice__registros, .glb-indice__pag { grid-column: 2; justify-content: flex-start; text-align: left; }
	.glb-fila__enlace { grid-template-columns: 56px minmax(0, 1fr); gap: 14px; }
	.glb-fila__num { font-size: 36px; }
	.glb-fila__img { display: none; }
	.glb-articulo__img { margin: 0; aspect-ratio: 4 / 3; }
	.glb-articulo__cab--imagen { min-height: 62vh; }
	.glb-articulo__lado dl { grid-template-columns: repeat(2, auto); }
	.glb-articulo__lado dt:nth-of-type(n+3) { grid-row: 3; margin-top: 12px; }
	.glb-articulo__lado dd:nth-of-type(n+3) { grid-row: 4; }
	.glb-prosa { font-size: 18px; }
}

@media (prefers-reduced-motion: reduce) {
	.glb-vivo, .glb-onda i, .glb-cinta__texto.glb-corre, .glb-sello, .glb-rompe__fondo { animation: none; }
	.glb-onda i { transform: scaleY(.6); }
}