/* Contenedores generales */
::-webkit-scrollbar {
    display: none;
}

.container-eventos,
.container-promociones,
.container-servicios {
    position: absolute;
    display: flex;
    width: 1713px;
    height: 511px;
    transition: transform 0.5s ease-in-out;
}

/* Elementos individuales */
.container-eventos-item,
.container-promociones-item,
.container-servicios-item {
    display: flex;
    border-radius: 10px;
    margin-right: 80px;
    background-color: #ffffff;
    width: 713px;
    height: 511px;
    flex-shrink: 0;
    box-shadow: 0px 0px 12px 0px #40404036;
    overflow: hidden;
}

/* Imagen */
.container-img {
    background-color: rgb(194, 194, 194);
    width: 301px;
    height: 510px;
    overflow: hidden;
}

.container-img img {
    height: 100%;
}

/* Información */
.container-info {
    margin-left: 31px;
    margin-right: 17px;
    margin-top: 37px;
    margin-bottom: 12px;
    width: 409px;
}

.title {
    overflow: hidden;
    width: 383px;
    height: 65px;
    font-family: sans-serif;
    font-size: 28px;
    color: #00CAB2;
    font-family: 'gotham_black';
}

.description {
    overflow: hidden;
    width: 380px;
    height: 338px;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-right: 68px;
    color: rgb(21, 21, 21);
    font-family: 'gotham_Light'
}

.date-act {
    overflow: hidden;
    width: 120px;
    height: 27px;
    font-family: sans-serif;
    font-size: 23px;
    color: #00CAB2;
    font-family: 'gotham_Medium';
    margin-left: 260px;
}

/* Slider */
.slider-container {
    position: relative;
    left: 80px;
    top: 294px;
    width: 1830px;
    height: 511px;

    display: flex;
    align-items: center;
    overflow-x: auto;
    scrollbar-width: none;
}

.arrow {
    font-size: 52px;
    position: absolute;
    top: 890px;
    left: 1773px;
    transform: translateY(-50%);
    background-color: #00CAB2;
    color: #fff;
    border: none;
    padding: 15px 23px;
    cursor: pointer;
    border-radius: 50px;
    z-index: 4;
    box-shadow: 0px 0px 56px 11px #00cab2a1;
}

.left-arrow {
    z-index: -10;
    left: 10px;
}

.right-arrowX {
    right: 10px;
}

.title-activity {
    position: absolute;
    top: 240px;
    left: 84px;
    color: #00CAB2;
    font-size: 40px;
    font-family: system-ui;
    font-weight: 600;
}