.CarouselCardsHover {
    --card-padding: 1rem;
    --hover-transition: all .2s ease;
    padding: var(--card-padding);
    padding: 0 2.5rem;
    /* gap: 4rem;*/
    /* display: flex;*/
    /* overflow-x: auto;*/
    /*justify-content: center;*/
    text-align:center;
}

    .CarouselCardsHover .CallToAction a {
        --cta-font-size: .875rem;
        --cta-padding-y: 0m;
        --cta-padding-x: 0;
        padding: var(--cta-padding-y)var(--cta-padding-x);
        font-size: var(--cta-font-size);
        width: 100%
    }

    .CarouselCardsHover .tp-card {
        width: 18rem;
        min-width: 18rem;
        height: 26rem;
        position: relative;
        overflow: hidden;
        border-radius: var(--rounded);
    }

        .CarouselCardsHover .tp-card:hover {
            transition: .7s;
            transform: scale(1.1);
        }

        .CarouselCardsHover .tp-card img {
            border-radius: var(--rounded-2xl)
        }

        .CarouselCardsHover .tp-card .tp-card__body {
            border-radius: var(--rounded);
        }

        .CarouselCardsHover .tp-card img {
            /*object-fit: cover;*/
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0
        }

        .CarouselCardsHover .tp-card .tp-card__body {
            padding: var(--card-padding);
            z-index: 10;
            flex-direction: column;
            justify-content: space-between;
            width: 100%;
            height: 100%;
            display: flex;
            position: relative
        }

        .CarouselCardsHover .tp-card .tp-card__cta {
            --cta-font-size: .875rem;
            --cta-padding-y: 0;
            --cta-padding-x: 1rem;
            font-weight: var(--font-weight-bold);
            border-radius: var(--rounded-2xl);
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 1.75rem
        }

        .CarouselCardsHover .tp-card .tp-card__title {
            font-weight: var(--font-weight-bold);
            text-align: center;
            font-size: 1.6rem;
            font-family: var(--font-tpSans-exLight);
            line-height: 1;
            margin-top: 15px;
        }

        .CarouselCardsHover .tp-card:hover .tp-card__verse {
            opacity: 1;
            pointer-events: auto;
        }

        .CarouselCardsHover .tp-card .tp-card__verse {
            z-index: 20;
            transition: var(--hover-transition);
            padding: var(--card-padding);
            background: var(--color-white);
            pointer-events: none;
            opacity: 0;
            flex-direction: column;
            justify-content: space-between;
            display: flex;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0
        }

            .CarouselCardsHover .tp-card .tp-card__verse .description {
                text-align: center;
                overflow-y: auto;
            }

            .CarouselCardsHover .tp-card .tp-card__verse .icon {
                height: 50px;
                position: relative;
            }

                .CarouselCardsHover .tp-card .tp-card__verse .icon img {
                    object-fit: contain;
                    width: 100%;
                }


    .CarouselCardsHover .CallToAction a {
        padding: 0.4rem 0
    }

    .CarouselCardsHover .tp-card__verse p {
        margin-top: 2rem;
    }


    .CarouselCardsHover .CallToAction {
        position: relative;
        align-content: end;
        display: inline-grid;
    }

    .CarouselCardsHover :not(.tp-card__verse) > .CallToAction {
        height: 100%;
    }

    .CarouselCardsHover.tp-card__verse.centralizar-texto {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: 100%;
        padding: 1rem;
    }

        .CarouselCardsHover.tp-card__verse.centralizar-texto .description {
            width: 100%;
        }



    .CarouselCardsHover .tp-card .tp-card__verse:not(:has(.icon)) .description {
        display: grid;
        justify-content: center;
        align-items: center;
        flex-grow: 1;
        width: 100%;
    }