/* Estilos básicos para el carrusel del portafolio */
.portfolio-page .portfolio-swiper {
    width: 100%;
    height: 400px; /* Ajusta la altura según necesites */
    margin-top: 30px;
    margin-bottom: 30px;
}

.portfolio-swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Centrar contenido de la slide */
    display: flex;
    justify-content: center;
    align-items: center;
}

.portfolio-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Para que la imagen cubra el espacio sin deformarse */
}

/* Estilos para los botones de navegación y paginación si quieres personalizarlos */
.portfolio-swiper .swiper-button-next,
.portfolio-swiper .swiper-button-prev {
    color: #007aff; /* Cambia el color si quieres */
}

.portfolio-swiper .swiper-pagination-bullet-active {
    background: #007aff; /* Cambia el color si quieres */
}