#Slider_Section {
    width: 430px;
    height: 296px;
    top: 149px;
    position: absolute;
}

.Slider {

    overflow: hidden;
    width: 430px;
    height: 296px;
    position: absolute;
    left: 0;
    top: 0px;

}

.slider-container {
    position: relative;
    width: 100%;
    height: 100%;
    /* Ajusta según necesites */
}

.slider-image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.slider-image.active {
    opacity: 1;
}

.Frame1 {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 15px;
    z-index: 10;

    width: 115px;
    height: 24px;

    top: 272px;
    overflow: hidden;
}

.dot {
    cursor: pointer;
    transition: transform 0.3s ease;
}

.dot:hover {
    transform: scale(1.2);
}

.dot.active svg circle {
    fill: #007bff;
    /* Color para el dot activo */
}

.dot svg circle {
    fill: #D9D9D9;
    transition: fill 0.3s ease;
}

/* --- SLIDER --- */

.Ozonoterapia1 {
    width: 430px;
    height: 262px;
    position: absolute;
    top: 0;
    left: 0;
}



.Frame1 .Ellipse1,
.Frame1 .Ellipse2,
.Frame1 .Ellipse3 {
    position: absolute;
}

.Frame1 .Ellipse1 {
    left: 15px;
    top: 2px;
}

.Frame1 .Ellipse2 {
    left: 48px;
    top: 2px;
}

.Frame1 .Ellipse3 {
    left: 81px;
    top: 2px;
}