/* ESTILOS ADAPTADOS PRIVILEGIOS VINCULACION  */

.Card--horizontal--beneficio {
    width: 23%;
    padding: 20px 16px;
    gap: 20px;
}

.Card--horizontal--beneficio p {
    font-size: var(--font--size--p--M);
}

.Card--horizontal--beneficio {
    text-align: left;
}

.tabs-horizontal__contenedor__item .button--third {
    text-align: left;
}

.tabs-horizontal__contenedor__item.active {
    padding: 0px 10px;
}

.cont--lateral__txt ul li {
    line-height: 2em;
    margin-left: 20px;
    padding-left: 10px;
}

.cont--lateral__txt ul li::marker {
    font: normal normal normal 1em/1 FontAwesome;
    content: "\f05d";
    color: var(--color--acento--100);
    margin-right: 5px;
}

/*CARD FERIA*/
.card--feria {
    display: flex;
    flex-wrap: wrap;
}

.card--feria>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 12px;
    width: 22%;
    padding: 15px;
}

.card--feria p {
    color: var(--color--neutral--0);
    margin: 0;
}

.card--feria a {
    padding: 5px;
}

.card--feria a {
    color: var(--color--neutral--0);
}

.card--feria a:hover {
    text-decoration: underline;
    color: var(--color--neutral--0);
}

.card--feria__item p {
    color: var(--color--neutral--0);
}

.card--feria__item img {
    width: 75%;
}

@media (max-width: 1200px) {
    .componente--guia .guia__contenido #li1 img {
        height: 280px;
    }
}

@media (max-width: 992px) {
    .Card--horizontal--beneficio {
        width: 47%;
    }


    .card--feria>div {
        padding: 15px 5px;
    }

    .feria-eventos .Card--horizontal--beneficio {
        width: 30%;
        padding: 10px 15px;
    }

    .cont--lateral__img {
        display: none;
    }
}

@media (max-width: 768px) {
    .card--feria>div {
        width: 45%;
    }


}


@media (max-width: 576px) {
    .Card--horizontal--beneficio {
        width: 90%;
        margin-top: 0;
    }

        .feria-eventos .Card--horizontal--beneficio {
        width: 100%;
    }

    .card--feria__item img {
        width: 55%;
    }

    .card--feria>div {
        width: 100%;
    }
    .tabs-horizontal__contenedor__item.active {
    padding: 30px 10px 0px;
}
}