.team-carousel-widget {
    width: 100%;
    padding-bottom: 40px; /* Espacio para la paginación */
    position: relative;
    overflow: hidden; /* Oculta las diapositivas que se salen del contenedor */
}

.team-carousel-widget .swiper-wrapper{
    height: 450px;
}
.team-member-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
}

/*
.team-member-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
    */

.team-member-image {
    width: 100%;
    height: 280px;
    object-fit: cover;
    display: block;
}

.team-member-info {
    padding: 20px;
}

.team-member-name {
    margin: 0 0 5px 0;
    font-size: 1.2em;
    font-weight: 600;
    color: #333;
}

.team-member-specialty {
    margin: 0;
    font-size: 0.95em;
    color: #000;
}

/* Estilos para la paginación (dots) */
.team-carousel-widget .swiper-pagination-bullet {
    background: var( --e-global-color-secondary );
    width: 21px;
    border-radius: 0;
    height: 3px;
    opacity: 1;
    width: 21px;
    border-radius: 0;
    height: 4px;
}

.team-carousel-widget .swiper-pagination-bullet-active {
    background: var( --e-global-color-accent ); /* Un color de ejemplo, puedes cambiarlo */
}

/* Anula un estilo de Elementor que causa conflicto con Swiper */
.elementor-widget-team_carousel .swiper-wrapper {
    display: flex;
}

/* Asegura que el ancho de la diapositiva sea calculado por Swiper.js */
.elementor-widget-team_carousel .swiper-slide {
    width: auto;
}

/* Posiciona la paginación en la parte inferior izquierda */
.team-carousel-widget .swiper-pagination {
    bottom: 0; /* Lo pega a la parte inferior del contenedor */
    left: 0;   /* Lo pega a la izquierda */
    width: auto; /* Ancho automático para que no ocupe el 100% */
    text-align: left; /* Alinea los puntos a la izquierda */
    position: absolute; /* Posicionamiento absoluto dentro del widget */
    padding: 0 20px; /* Un poco de espacio para que no esté pegado al borde */
}
