/**
CSS custom elements
 */

/* ==========================================================================
   NK Marquee
   ========================================================================== */

.nk-marquee {
    --nk-marquee-gap: 30px;
    overflow: hidden;
    width: 100%;
}

.nk-marquee-gap-small { --nk-marquee-gap: 15px; }
.nk-marquee-gap-medium { --nk-marquee-gap: 50px; }
.nk-marquee-gap-large { --nk-marquee-gap: 80px; }
.nk-marquee-gap-collapse { --nk-marquee-gap: 0px; }

.nk-marquee-track {
    display: flex;
    width: max-content;
    column-gap: var(--nk-marquee-gap);
    will-change: transform;
}

.nk-marquee-group {
    display: flex;
    align-items: center;
    column-gap: var(--nk-marquee-gap);
    flex: none;
}

.nk-marquee-item,
.nk-marquee-separator {
    display: flex;
    align-items: center;
    flex: none;
    white-space: nowrap;
}

/* Gap between the image/icon and the text inside an item */
.nk-marquee-item,
.nk-marquee-item .el-link {
    column-gap: var(--nk-marquee-item-gap, 10px);
}

.nk-marquee-item .el-image {
    display: block;
}

.nk-marquee-item .el-link {
    display: flex;
    align-items: center;
}


/* ==========================================================================
   NK PDF
   ========================================================================== */

.nk-pdf-viewer {
    display: block;
    width: 100%;
    height: var(--nk-pdf-height, 600px);
    border: 0;
}

.nk-pdf-button {
    margin-top: 20px;
}

/* Sin visor delante, el botón no necesita separación */
.nk-pdf > .nk-pdf-button:first-child {
    margin-top: 0;
}

/* El texto alternativo solo acompaña al botón cuando este sustituye al visor */
.nk-pdf-text {
    display: none;
    margin: 0 0 10px;
}

/* El botón que solo actúa como alternativa se oculta mientras se ve el visor */
.nk-pdf-button-fallback {
    display: none;
}

@media (max-width: 959px) {

    .nk-pdf[data-fallback="tablet"] .nk-pdf-viewer { display: none; }
    .nk-pdf[data-fallback="tablet"] .nk-pdf-button-fallback { display: block; }
    .nk-pdf[data-fallback="tablet"] .nk-pdf-text { display: block; }
    .nk-pdf[data-fallback="tablet"] .nk-pdf-button { margin-top: 0; }

}

@media (max-width: 639px) {

    .nk-pdf-viewer { height: var(--nk-pdf-height-mobile, var(--nk-pdf-height, 600px)); }

    .nk-pdf[data-fallback="mobile"] .nk-pdf-viewer { display: none; }
    .nk-pdf[data-fallback="mobile"] .nk-pdf-button-fallback { display: block; }
    .nk-pdf[data-fallback="mobile"] .nk-pdf-text { display: block; }
    .nk-pdf[data-fallback="mobile"] .nk-pdf-button { margin-top: 0; }

}
