.container-porque {
    padding: 20px 16px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
}

.headerpq {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.title-porque {

    margin-bottom: 0;
    padding-bottom: 0;
    color: #2C2C2C;
}

.subtitle-porque {
    margin-bottom: 0;
    padding-bottom: 0;
    color: var(--Color-Content-General-2, rgba(71, 71, 71, 0.80));

}

.colorpq {
     color: var(--Color-Content-General-2, rgba(71, 71, 71, 0.80));
}

.cards-pq {
    max-width: 328px;
}

.content-porque ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.content-porque ul li {
    list-style: none;
}

.list-ventajas {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.negritapq {
    margin-bottom: 0;
    color: #2C2C2C;
}
.textpq {
    margin-bottom: 0;
}

.listado-porque {
    display: flex;
    flex-direction: column;
    gap: 24px;
}


.item-card-pq {
    display: flex !important;
    flex-direction: column;
    gap: 32px;
}

.img-cards-pq.familia {
    border-radius: 16px;
}

.porque-navigation-icons__next {
    background-image: url("/documents/20122/21755674/Right.svg");
    background-size: cover;
    width: 27px;
    height: 27px;
}

.porque-navigation-icons__prev.swiper-button-disabled {
    background-image: url("/documents/20122/21755674/Left-Disabled.svg");
}

.porque-navigation-icons__next.swiper-button-disabled {
    background-image: url("/documents/20122/21755674/Right-Disabled.svg");
}

.porque-navigation-icons-prev__container:has(.navigation-icons__prev.swiper-button-disabled) {
    border: var(--border-width-s, 1px) solid var(--Color-Button-Border-Disabled, #BFBFBF);
}

.porque-navigation-icons-next__container:has(.navigation-icons__next.swiper-button-disabled) {
    border: var(--border-width-s, 1px) solid var(--Color-Button-Border-Disabled, #BFBFBF);
}

.porque-navigation-icons-prev__container,
.porque-navigation-icons-next__container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border-radius: var(--border-radius-xxl, 100px);
    border: var(--border-width-s, 1px) solid var(--Color-Button-Border-Active, #2F6852);
    background-color: var(--Color-Surface-General-1, #FFF);
}

.porque-navigation-icons__prev {
    background-image: url("/documents/20122/21755674/Left.svg");
    background-size: cover;
    width: 27px;
    height: 27px;
}

.porque-navigation-icons__paginate {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: var(--border-radius-xxl, 100px);
    border: var(--border-width-s, 1px) solid var(--Color-Button-Border-Active, #2F6852);
    background-color: var(--Color-Surface-General-1, #FFF);
    padding: 8px;
    margin: 0px 16px;
    width: 96px !important;
    top: 0 !important;
}

.porque-navigation-icons__container {
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: 32px;
}

@media (min-width: 576px) {
    .container-porque {
        padding: 20px 42px;

    }

    .cards-pq {
        max-width: 492px;
    }
}

@media (min-width: 768px) {
    .container-porque {
        padding: 20px 48px;

    }

    .cards-pq {
        max-width: 672px;
    }
}

@media (min-width: 992px) {
    .container-porque {
        padding: 20px 82px;
    }

    .cards-pq {
        display: flex;
        flex-direction: column;
        gap: 56px;
    }

    .item-card-pq {
        flex-direction: row;
        gap: 24px;
        align-items: center;
    }

    .porque-navigation-icons__container {
        display: none;
    }

    picture,
    .content-porque {
        flex: 1;
    }

    .listado-porque {
        gap: 32px;
    }

    .downpq {
        flex-direction: row-reverse;
    }

    .img-cards-pq {
        padding-right: 8px;
    }

    .img-cards-pq.familia {
        padding-left: 8px;
        padding-right: 0;
    }

    .cards-pq {
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .container-porque {
        padding: 20px 102px 40px;

    }
}

@media (min-width: 1920px) {
    .container-porque {
        padding: 20px 324px 40px;

    }
}