/* ======================================================
   EL PÁRAMO - PALABRERO
   ====================================================== */

.elparamo-palabrero {
    width: 100%;
}


/* DOS COLUMNAS */

.elparamo-palabrero-columnas {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 70px;
    align-items: start;
}


/* CADA ENTRADA */

.elparamo-palabrero-palabra {
    margin: 0 0 18px;
    break-inside: avoid;
}


/* PALABRA */

.elparamo-palabrero-termino {
    margin: 0 0 2px;

    color: #7D0400;

    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.25;
}


/* DEFINICIÓN */

.elparamo-palabrero-definicion {
    margin: 0;

    padding-left: 18px;

    color: #333333;

    font-size: 1rem;
    font-weight: 400;
    line-height: 1.45;
}


/* SEPARACIÓN VISUAL MUY SUAVE */

.elparamo-palabrero-palabra + .elparamo-palabrero-palabra {
    padding-top: 2px;
}


/* TABLET */

@media (max-width: 900px) {

    .elparamo-palabrero-columnas {
        column-gap: 38px;
    }

}


/* MÓVIL */

@media (max-width: 700px) {

    .elparamo-palabrero-columnas {
        grid-template-columns: 1fr;
    }

    .elparamo-palabrero-palabra {
        margin-bottom: 16px;
    }

    .elparamo-palabrero-definicion {
        padding-left: 14px;
    }

}


/* ======================================================
   ÍNDICE ALFABÉTICO
   ====================================================== */

.elparamo-palabrero-navegacion {
    width: 100%;
}

/* índice superior: línea debajo */
.elparamo-palabrero-navegacion--superior {
    margin: 0 0 20px;
    padding: 0 0 16px;

    border-bottom: 2px solid #126000;
}

/* índice inferior: línea encima */
.elparamo-palabrero-navegacion--inferior {
    margin: 24px 0 0;
    padding: 16px 0 0;

    border-top: 2px solid #126000;
}


/* LETRAS */

.elparamo-palabrero-indice {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px 12px;

    line-height: 1;
}


.elparamo-palabrero-indice a,
.elparamo-palabrero-indice span {
    display: inline-block;

    font-size: 1.22rem;
    font-weight: 600;

    text-decoration: none !important;
}


/* letras con enlace */

.elparamo-palabrero-indice a {
    color: #7D0400;

    transition: color .15s ease;
}

.elparamo-palabrero-indice a:hover {
    color: #126000;

    text-decoration: none !important;
}


/* LETRA ACTUAL */

.elparamo-palabrero-indice .elparamo-palabrero-indice-actual {
    color: #126000;

    font-weight: 800;
}


/* letra sin página */

.elparamo-palabrero-indice .elparamo-palabrero-indice-inactivo {
    color: #777777;
}


/* ======================================================
   MENSAJE LETRA VACÍA
   ====================================================== */

.elparamo-palabrero-vacio {
    padding: 38px 20px;

    text-align: center;
}

.elparamo-palabrero-vacio p {
    margin: 0;

    font-size: 1.05rem;
    line-height: 1.5;

    color: #333333;
}

.elparamo-palabrero-vacio strong {
    color: #7D0400;
}


/* ======================================================
   RESPONSIVE DEL ÍNDICE
   ====================================================== */

@media (max-width: 700px) {

    .elparamo-palabrero-indice {
        gap: 9px 11px;
    }

    .elparamo-palabrero-indice a,
    .elparamo-palabrero-indice span {
        font-size: 1.05rem;
    }

    .elparamo-palabrero-navegacion--superior {
        margin-bottom: 18px;
        padding-bottom: 14px;
    }

    .elparamo-palabrero-navegacion--inferior {
        margin-top: 20px;
        padding-top: 14px;
    }

}



/* ======================================================
   ÍNDICE GENERAL DEL PALABRERO
   ====================================================== */

.elparamo-palabrero-indice-general {
    display: grid;
    grid-template-columns: repeat(14, max-content);
    justify-content: center;
    column-gap: 1.2rem;
    row-gap: 1rem;
    margin: 2rem 0 2.2rem;
    text-align: center;
}

.elparamo-palabrero-indice-general a,
.elparamo-palabrero-indice-general span {
    display: inline-block;
    font-size: 2.5rem;
    line-height: 1.1;
    font-weight: 700;
    text-decoration: none !important;
}

.elparamo-palabrero-indice-general a {
    color: #7D0400;
}

.elparamo-palabrero-indice-general a:hover {
    color: #126000;
}

.elparamo-palabrero-indice-general span {
    color: #999999;
}

@media (max-width: 1100px) {

    .elparamo-palabrero-indice-general {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.8rem 1.1rem;
    }

    .elparamo-palabrero-indice-general a,
    .elparamo-palabrero-indice-general span {
        font-size: 2rem;
    }
}

@media (max-width: 700px) {

    .elparamo-palabrero-indice-general {
        gap: 0.65rem 0.9rem;
        margin: 1.6rem 0 1.8rem;
    }

    .elparamo-palabrero-indice-general a,
    .elparamo-palabrero-indice-general span {
        font-size: 1.7rem;
    }
}