#section-data-places,
#container-favorites-places {
    background-color: #f6f8f4 !important;
    /*     height: 30vh; */
    overflow: auto;
    /*     height: 30svh; */
    height: 100%;
    max-height: 60vh;
    max-height: 60svh;
}
#section-data-places::-webkit-scrollbar,
#container-favorites-places::-webkit-scrollbar {
    display: none;
}

.bg-plus-icon {
    background-color: #eeeeee;
    width: 50px !important;
    height: 50px !important;
}

.swiper-item-suggestions {
    width: 120px !important;
    height: 150px !important;
}

.swiper-slide-imgs {
    overflow: hidden;
    border-radius: 17px;
    position: relative;
}

.img-swiper {
    object-fit: cover;
    height: 100%;
}

.swiper-container {
    overflow: hidden;
}

.btn-cancelar {
    color: #1890ff;
}

.slide-top {
    -webkit-animation: slide-top 0.6s cubic-bezier(0.215, 0.61, 0.355, 1)
        forwards;
    animation: slide-top 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.slide-down {
    -webkit-animation: slide-down 0.6s cubic-bezier(0.215, 0.61, 0.355, 1)
        forwards;
    animation: slide-down 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

@keyframes slideOutTop {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(-100%);
        opacity: 0;
    }
}

.img-favorite,
.btn-more-info {
    border-radius: 12%;
}

.swiper-item-more-info {
    width: 100px !important;
    height: 100px !important;
}

.truncate-text-description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
}
#content {
    max-width: 600px;
    margin: 0 auto;
    background: white;
}
.texto {
    display: -webkit-box; /* Establece un contenedor flex para el corte */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3; /* Número de líneas que deseas mostrar */
    line-clamp: 3; /* Para navegadores modernos */
}
body {
    background: #34406a;
}
#content-categories {
    width: 100vw;
    height: 90svh;
    max-width: 600px;
    left: 50%;

    display: flex;
    flex-direction: column;
}

@-webkit-keyframes slide-top {
    0% {
        /* -webkit-transform: translateY(0); */
        /* transform: translateY(0); */
        bottom: -90svh;
    }

    100% {
        bottom: 0;
        /* -webkit-transform: translateY(-100%); */
        /* transform: translateY(-100%); */
    }
}

@keyframes slide-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translate(-50%, 0);
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translate(-50%, -100%);
    }
}
@-webkit-keyframes slide-down {
    0% {
        /* -webkit-transform: translateY(0); */
        /* transform: translateY(0); */
        bottom: 0;
    }

    100% {
        bottom: -90svh;
        /* -webkit-transform: translateY(-100%); */
        /* transform: translateY(-100%); */
    }
}

@keyframes slide-down {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translate(-50%, -100%);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translate(-50%, 0);
    }
}
