.actData .cm-filters {
    position: relative;
    width: fit-content;
    margin: 50px auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

.actData .contWrapper {
    flex: 1;
    overflow: visible; /* en desktop todo se ve */
}

.actData .contData {
    border-radius: 41px;
    background: transparent;
    box-shadow: 0 0 6.3px 0 rgba(0, 51, 255, 0.25);
    width: fit-content;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    position: relative; /* necesario para indicator */
    z-index: 1;
    padding: 3px;
}

.actData .cm-filters a {
    color: #3869FF;
    font-family: "FS Emeric";
    font-size: 12px;
    font-style: normal;
    font-weight: 350;
    line-height: 120%;
    letter-spacing: 0.25px;
    padding: 6px 16px;
    border: unset;
    position: relative;
    z-index: 3;
    background-color: transparent;
    transition: all .6s linear;
    white-space: nowrap;
}

.actData .cm-filters a.is-active {
    background-color: unset;
    color: white;
}

.actData .cm-filters .indicator {
    position: absolute;
    bottom: 4px;
    background: #0066ff;
    border-radius: 41px;
    z-index: 0;
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    height: 85%;
    top: 8%;
}

/* Flechas ocultas en desktop */
.actData .cm-filters .scrollBtn {
    display: none;
}

.actData .cm-filters .contData a:last-of-type{ margin: 0!important; }


/* Mobile & tablet (<992px) */
@media (max-width: 991px) {
    .actData .cm-filters {
        width: 100%;
        gap: 0;
        position: relative;
        border-radius: 41px;
        background: transparent;
        box-shadow: 0 0 6.3px 0 rgba(0, 51, 255, 0.25);
        z-index: 1;
        padding: 3px;
        margin: 32px auto;
    }

    .actData .cm-filters .indicator {
        height: 100%;
        top: 0;
    }

    .actData .contData{
        border: unset;
        border-radius: unset;
        padding: unset;
    }

    .actData .contWrapper {
        flex: 1;
        overflow-x: auto;
        scroll-behavior: smooth;
        scroll-behavior: smooth;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .actData .contWrapper::-webkit-scrollbar {
        display: none;
    }

    .actData .cm-filters .scrollBtn {
        display: flex;
        background: #F2F3F5;
        border: unset;
        border-radius: 50%;
        width: 28px;
        height: 28px;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 18px;
        line-height: 1;
        flex-shrink: 0;
        user-select: none;
    }

    .actData .cm-filters .scrollBtn.hidden {
        display: none !important;
    }
}


/*Big Cards*/
.actData .cm-big-card{
    border-radius: 8px;
    box-shadow: 0 4px 12.8px 0 rgba(33, 37, 41, 0.15);
    padding: 8px;
    min-height: 365px;
}

.actData .cm-big-card .cardData{
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(12px);
    width: 50%;
    padding: 16px;
    height: 100%;
}

.actData .cm-big-card .cardData .title *,
.actData .cm-big-card .cardData .title{
    color:#212529;
    font-family: "FS Emeric";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 18px */
    letter-spacing: -0.15px;
    margin: 0;
}

.actData .cm-big-card .cardData .title{
    margin-bottom: 8px;
}

.actData .cm-big-card .cardData .description {
    color: #666;
    font-family: "FS Emeric";
    font-size: 14px;
    font-style: normal;
    font-weight: 350;
    line-height: 120%;
    display: -webkit-box;
    -webkit-line-clamp: 4;   /* 👈 máximo de 3 líneas */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.actData .cm-big-card .cardData .dataCont{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.actData .cm-big-card .cardData .dataCont .downSection .tags{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    padding-bottom: 16px;
    margin-bottom: 8px;
    border-bottom: 1px solid #212529;
}

.actData .cm-big-card .cardData .dataCont .downSection .tags .tag{
    border-radius: 4px;
    background: #666;
    padding: 3px 6px 2px 6px;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.actData .upData .row{
    position: relative;
    margin: 0;
}

.actData .upData .row::after {
    content: "";
    display: block;
    width: 98%;
    height: 1px;
    background-color: #ECECEC;
    margin: 8px auto 32px auto;
}


.actData .cm-big-card .cardData .dataCont .downSection .tags .tag img{
    width: 8px;
    height: 8px;
    object-fit: contain;
}

.actData .cm-big-card .cardData .dataCont .downSection .tags .tag *,
.actData .cm-big-card .cardData .dataCont .downSection .tags .tag span{
    color: #FFF;
    font-family: "FS Emeric";
    font-size: 12px;
    font-style: normal;
    font-weight: 450;
    line-height: 120%; /* 14.4px */
    letter-spacing: 0.05px;
}

.actData .arrowCont{
    border-top: 1px solid #212529;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 32px;
    padding-top: 8px;
}

.actData .arrowCont .iconSeparator{
    width: 10px;
    height: 10px;
}

/*Small Cards*/
/*.actData .cm-card{*/
/*    border-radius: 8px;*/
/*    box-shadow: 0 4px 12.8px 0 rgba(33, 37, 41, 0.15);*/
/*    padding: 8px;*/
/*    min-height: 424px;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: flex-end;*/
/*}*/

/*.actData .cm-card .contData{*/
/*    border-radius: 6px;*/
/*    background: rgba(33, 37, 41, 0.50);*/
/*    backdrop-filter: blur(12px);*/
/*    padding: 12px;*/
/*    min-height: 50%;*/
/*    flex-direction: column;*/
/*    justify-content: space-between;*/
/*}*/

/*.actData .cm-card .contData .title{*/
/*    color: #FFF;*/
/*    font-family: "FS Emeric";*/
/*    font-size: 18px;*/
/*    font-style: normal;*/
/*    font-weight: 600;*/
/*    line-height: 100%; !* 18px *!*/
/*    letter-spacing: -0.15px;*/
/*}*/

/*.actData .cm-card .contData .tags{*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    flex-wrap: wrap;*/
/*    gap: 5px;*/
/*    padding-bottom: 16px;*/
/*    margin-bottom: 8px;*/
/*    border-bottom: 1px solid #666666;*/
/*}*/

/*.actData .cm-card .contData .tags .tag{*/
/*    border-radius: 4px;*/
/*    background: #666;*/
/*    padding: 3px 6px 2px 6px;*/
/*    height: 100%;*/
/*    display: flex;*/
/*    flex-direction: row-reverse;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    gap: 6px;*/
/*}*/

/*.actData .cm-card .contData .tags .tag *,*/
/*.actData .cm-card .contData .tags .tag{*/
/*    color: #FFF;*/
/*    font-family: "FS Emeric";*/
/*    font-size: 12px;*/
/*    font-style: normal;*/
/*    font-weight: 450;*/
/*    line-height: 120%;*/
/*    letter-spacing: 0.05px;*/
/*}*/

/*.actData .cm-card .authorArrow{*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    gap: 15px;*/
/*}*/

/*.actData .cm-card .authorArrow .contUsers{ min-width: 90%; }*/

/*.actData .cm-card .authorArrow .contUsers *,*/
/*.actData .cm-card .authorArrow .contUsers{*/
/*    color: #ECECEC;*/
/*    font-family: "FS Emeric";*/
/*    font-size: 12px;*/
/*    font-style: normal;*/
/*    font-weight: 450;*/
/*    line-height: 120%;*/
/*    letter-spacing: 0.05px;*/
/*}*/

.card {
    height: 425px;
    background-position: center;
    background-size: cover;
    border-radius: 8px;
    box-shadow: 0 4px 12.8px 0 rgba(33, 37, 41, 0.15);
    overflow: hidden;
    position: relative;
}
.actData .card .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(33, 37, 41, 0.00) 35.07%, rgba(33, 37, 41, 0.80) 62.05%);
    z-index: 1;
}
.actData .card .card--content {
    border-radius: 6px;
    background-color: rgba(33, 37, 41, 0.50);
    backdrop-filter: blur(12px);
    display: flex;
    min-height: 212px;
    padding: 12px;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    bottom: 6px;
    left: 6px;
    right: 6px;
    z-index: 5;
}
.actData .card.light .card--content { background-color: rgba(255, 255, 255, 0.80); }
.actData .card--title {
    color: #FFF;
    font-family: "FS Emeric";
    font-size: 18px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.actData .card--excerpt {
    color: #FFF;
    font-family: "FS Emeric";
    font-size: 14px;
    font-style: normal;
    font-weight: 350;
    line-height: 120%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 8px 0 16px 0;
}
.actData .card.light .card--title { color: #212529; }
.actData .card.light .card--excerpt { color: #666; }
.actData .card--time {
    color: #ECECEC;
    font-family: "FS Emeric";
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.05px;
}
.actData .card.light .card--time { color: #666 }
.actData .chips--container {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 8px;
}
.actData .card--chip {
    display: flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    padding: 3px 6px 1px 6px;
    border-radius: 4px;
    background-color: #4B4F54;
}
.actData .card.light .card--chip { background-color: #666; }
.actData .card--chip .name {
    color: #ECECEC;
    font-family: "FS Emeric";
    font-size: 12px;
    font-style: normal;
    font-weight: 450;
    line-height: 120%;
    letter-spacing: 0.05px;
}
.actData .card--author {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 8px;
    border-top: 1px solid #666;
    margin-top: 16px;
}
.actData .card--author .name {
    color: #ECECEC;
    font-family: "FS Emeric";
    font-size: 12px;
    font-style: normal;
    font-weight: 450;
    line-height: 120%;
    letter-spacing: 0.05px;
}
.actData .card.light .card--author .name { color: #666; }
.actData .card--author svg { color: #fff; }
.actData .card.light .card--author svg { color: #666; }
.actData .cta {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin: 40px auto 0 auto;
    color: #03F;
    font-family: "FS Emeric";
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.25px;
    padding: 8px 16px 6px 16px;
    border-radius: 100px;
    border: 1px solid #03F;
}

.nav-links .page-numbers.dots{ color: #03F; box-shadow: unset;}
.nav-links .page-numbers{
    font-family: "FS Emeric";
    font-weight: 300;
    font-size: 12px;
    min-width: 30px;
    box-shadow: 0 0 6.3px 0 rgba(0, 51, 255, 0.25);
    border-color: transparent;
    color: #03F;
    transition: all .3s linear;
}
.nav-links .page-numbers.current{ background-color: #03F; }

.nav-links .page-numbers.next {
    background: url(../icons/arrow-right.svg) no-repeat center / 15px 15px;
    border: unset;
    border-radius: 100px;
    box-shadow: unset;
}


.nav-links .page-numbers.prev {
    background: url(../icons/arrow-left-blue.svg) no-repeat center / 15px 15px;
    border: unset;
    box-shadow: unset;
    border-radius: 100px;
}

/*Accesibility btns*/
.nav-links .page-numbers:not(.next,.prev):hover{background-color: #03F; color: #FFF;}

.nav-links .page-numbers:focus,
.nav-links .page-numbers:focus-visible {
    outline: 2px solid #3869FF;
    outline-offset: 3px;
    border-radius: 100px;
}

@media screen and (max-width: 767px){
    .actData .cm-big-card .cardData .description {
        -webkit-line-clamp: 4;
    }

    .actData .miniCards .card{
        min-height: 490px;
        height: 100%;
    }

    .actData .cm-big-card{
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        min-height: 490px;
        height: 100%;
    }

    .actData .cm-big-card .cardData .dataCont{
        gap: 20px;
    }

    .actData .cm-big-card .cardData{
        width: 100%;
        min-height: 50%;
        height: auto;
    }
}