.slider-container {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top:1.5em;
}

.slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slide {
    min-width: 100%;
}

.slide img {
    width: 100%;
    display: block;
}


.slider-controls {
    position: absolute; /* Coloca los controles sobre el slider */
    bottom: 20px; /* Ajusta la distancia desde la parte inferior */
    left: 50%;
    transform: translateX(-50%); /* Centra horizontalmente */
    display: flex;
    gap: 10px; /* Espacio entre los botones */
}

.slider-controls button {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 8px; /* Reduce el padding para un tamaño más acorde */
    font-size: 16px; /* Reduce el tamaño de la fuente si es necesario */
    cursor: pointer;
    border-radius: 50%;
    width: 30px; /* Reduce el ancho */
    height: 30px; /* Reduce la altura */
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider-controls button.active {
    background-color: white;
    color: black;
}

.slide_2 {
    min-width: 100%;
}

.slide_2 img {
    width: 100%;
    display: block;
}