/* Personalización de la paginación */
.swiper-pagination {
    position: relative; /* Cambiar de absoluta a relativa */
    margin-top: 70px; /* Espacio encima de los dots */
    text-align: center; /* Centrar los dots */
}

.swiper-pagination-bullet {
    width: 30px; /* Aumentar el tamaño de los dots */
    height: 20px;
    background-color: rgba(69, 199, 149, 0.3); /* Color con opacidad */
    opacity: 2;
    border-radius: 50%;
    margin: 0 8px; /* Espacio entre los dots */
}

.swiper-pagination-bullet-active {
    background-color: #202020; /* Color del dot activo */
}