/*
   El glosario (/glosario). Se apoya en probar.css —las variables del tema, el
   encabezado, las puertas del pie— y suma lo propio: el buscador, el índice de
   las partes y la ficha de cada palabra.
*/

.gl-buscador { margin: 1.6rem 0 .4rem; }
.gl-buscador input {
    width: 100%;
    font-family: 'Source Sans 3', 'Source Sans Pro', system-ui, sans-serif;
    font-size: 1rem;
    background: none;
    color: inherit;
    border: 1px solid var(--pb-linea);
    border-radius: 8px;
    padding: .7rem .9rem;
}
.gl-buscador input:focus { outline: none; border-color: var(--pb-acento); }
.gl-buscador .pb-chica { margin: .6rem 0 0; }

.gl-indice { display: flex; flex-wrap: wrap; gap: 8px; margin: 1rem 0 2.4rem; }
.gl-indice a {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: .68rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--pb-tenue);
    text-decoration: none;
    border: 1px solid var(--pb-linea);
    border-radius: 999px;
    padding: 6px 12px;
}
.gl-indice a:hover { color: var(--pb-acento); border-color: var(--pb-acento); }

.gl-grupo { margin-bottom: 3rem; scroll-margin-top: 90px; }
.gl-grupo h2 {
    font-family: 'Space Grotesk', system-ui, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -.01em;
    margin: 0 0 .3rem;
}
.gl-grupo > .pb-bajada { margin-bottom: 1.4rem; }

.gl-lista { border-top: 1px solid var(--pb-linea); }

.gl-termino {
    border-bottom: 1px solid var(--pb-linea);
    padding: 1.2rem 0;
    scroll-margin-top: 90px;
}
.gl-termino h3 {
    font-family: 'Space Grotesk', system-ui, sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 .4rem;
}
.gl-termino p { margin: 0; max-width: 66ch; }
.gl-termino p + p { margin-top: .6rem; }

/* El numeral para copiarse el link de una sola palabra: aparece al pasar. */
.gl-ancla {
    color: var(--pb-tenue);
    text-decoration: none;
    font-size: .85rem;
    opacity: 0;
    transition: opacity .15s ease;
}
.gl-termino:hover .gl-ancla, .gl-ancla:focus { opacity: 1; }

.gl-limite {
    color: var(--pb-tenue);
    font-size: .93rem;
    border-left: 3px solid var(--pb-aviso);
    padding-left: 12px;
}

.gl-ver {
    display: inline-block;
    margin-top: .6rem;
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: .68rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--pb-acento);
    text-decoration: none;
}
.gl-ver:hover { text-decoration: underline; }

/* La palabra a la que se llegó por su ancla queda marcada un momento. */
.gl-termino:target h3 { color: var(--pb-acento); }