/* Contenedor del slider */
.swiper-container {
    width: 100%;
    max-width: 800px; /* Limita el ancho máximo */
    margin: 0 auto; /* Centra el slider en la página */
    padding: 20px 0; /* Espaciado superior e inferior */
}

/* Estilo de las diapositivas */
.swiper-slide {
    background: #f9f9f9; /* Fondo claro */
    border: 1px solid #e0e0e0; /* Borde sutil */
    border-radius: 10px; /* Bordes redondeados */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra ligera */
    padding: 20px; /* Espaciado interno */
    text-align: center; /* Centra el contenido */
    font-family: 'Arial', sans-serif; /* Fuente legible */
    color: #333; /* Color del texto */
}

/* Títulos de las reseñas */
.swiper-slide h3 {
    font-size: 1.2rem; /* Tamaño de fuente moderado */
    margin-bottom: 10px; /* Espaciado inferior */
    color: #555; /* Color gris para el título */
}

/* Texto de las reseñas */
.swiper-slide p {
    font-size: 1rem; /* Tamaño de fuente del texto */
    line-height: 1.5; /* Espaciado entre líneas */
    color: #666; /* Color gris oscuro */
}

/* Paginación del slider */
.swiper-pagination {
    bottom: 10px; /* Ajusta la posición */
    text-align: center;
}

/* Botones de navegación */
.swiper-button-next,
.swiper-button-prev {
    color: #555; /* Color gris para los botones */
    opacity: 0.8; /* Transparencia */
    transition: opacity 0.3s ease; /* Animación de transición */
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 1; /* Opacidad total al pasar el mouse */
}

/* Puntos de paginación */
.swiper-pagination-bullet {
    background: #ddd; /* Color de los puntos */
    opacity: 0.7; /* Transparencia */
    transition: opacity 0.3s ease; /* Transición suave */
}

.swiper-pagination-bullet-active {
    background: #333; /* Punto activo más oscuro */
    opacity: 1; /* Sin transparencia */
}