/* Runfit Zapatillas 0.2.3: página de glosario. Solo se carga en la página con [rf_glosario_zapatillas]. Tokens en rfz.css. */

/* La introducción del editor como respuesta corta, al ancho del glosario (body.rfz-glos-pagina lo pone el plugin). 0.2.3: en
   Soledad los párrafos del editor van dentro de .inner-post-entry, no directamente en .post-entry (el selector de 7.3 no
   alcanzaba a ninguno). */
.rfz-glos-pagina .post-entry > p, .rfz-glos-pagina .post-entry > .inner-post-entry > p { max-width: 760px; font-size: 17px; line-height: 1.55; color: #111418; }

.rfz-page.rfz-glos { max-width: 760px; margin: 8px 0 40px; display: flex; flex-direction: column; gap: 24px; }
.rfz-page.rfz-glos p { margin: 0; font-size: 16px; line-height: 1.6; }
.rfz-page.rfz-glos p.rfz-firma { font-size: 14px; line-height: 1.5; color: var(--rfz-gris); }

/* Índice */
.rfz-page .rfz-glos__indice { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 14px 16px; border: 1px solid var(--rfz-linea); border-radius: 4px; background: var(--rfz-fondo-suave); }
.rfz-page.rfz-glos p.rfz-glos__indice-g { margin: 0 0 2px; font-size: 12px; line-height: 1.4; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--rfz-gris); }
.rfz-page .rfz-glos__indice ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 0 16px; }
.rfz-page .rfz-glos__indice li { margin: 0; padding: 0; list-style: none; }
.rfz-page .rfz-glos__indice li::before { display: none; }
.rfz-page .rfz-glos__indice a { display: inline-flex; align-items: center; min-height: 32px; font-size: 15px; line-height: 1.3; font-weight: 700; color: var(--rfz-azul); text-decoration: none; }
.rfz-page .rfz-glos__indice a:hover { color: var(--rfz-azul-osc); text-decoration: underline; }

/* Grupos y términos. La familia de los títulos la pone el tema (Rubik, como el H1 de la página). */
.rfz-page .rfz-glos__grupo { display: flex; flex-direction: column; scroll-margin-top: 96px; }
.rfz-page.rfz-glos .rfz-glos__grupo-t { margin: 16px 0 4px; padding: 0; font-size: 22px; line-height: 1.3; font-weight: 700; color: var(--rfz-negro); text-transform: none; letter-spacing: 0; }
.rfz-page.rfz-glos .rfz-glos__termino-t { margin: 0; padding: 0; font-size: 19px; line-height: 1.3; font-weight: 700; color: var(--rfz-negro); text-transform: none; letter-spacing: 0; }
.rfz-page.rfz-glos .rfz-glos__grupo-t::before, .rfz-page.rfz-glos .rfz-glos__grupo-t::after,
.rfz-page.rfz-glos .rfz-glos__termino-t::before, .rfz-page.rfz-glos .rfz-glos__termino-t::after { display: none; }
.rfz-page .rfz-glos__termino { display: flex; flex-direction: column; gap: 8px; padding: 16px 0; border-top: 1px solid var(--rfz-linea); scroll-margin-top: 96px; }
.rfz-page.rfz-glos p.rfz-glos__def { color: var(--rfz-texto); }
.rfz-page.rfz-glos p.rfz-glos__importa { padding: 2px 0 2px 12px; border-left: 3px solid var(--rfz-azul-borde); font-size: 15px; line-height: 1.55; color: var(--rfz-texto); }
.rfz-page .rfz-glos__importa-eti { font-weight: 700; color: var(--rfz-azul-osc); }
/* El término al que se llega por ancla, marcado (sin mover nada: el margen negativo compensa el relleno). */
.rfz-page .rfz-glos__termino:target { margin: 0 -12px; padding: 16px 12px; border-top-color: transparent; border-radius: 4px; background: var(--rfz-azul-claro); }

@media (min-width: 600px) {
	.rfz-page .rfz-glos__indice { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px 24px; padding: 16px 20px; }
}
@media (min-width: 900px) {
	.rfz-page.rfz-glos .rfz-glos__grupo-t { font-size: 24px; }
}
/* 0.2.3 (QA): en móvil, el botón de subir de Soledad tapaba el final de las líneas del glosario. Fuera, como en la ficha con
   barra (rfz.css), con el mismo corte. Este fichero solo se carga en la página de glosario y la clase solo la lleva esa
   página. */
@media (max-width: 768px) {
	body.rfz-glos-pagina .penci-go-to-top-floating { display: none !important; }
}