/* Estilos del carrusel */
.section-carousel {
    overflow: hidden; /* Para ocultar las tarjetas que se desborden del contenedor */
    transition: transform 0.3s ease;
}
.card {
    width: 286px; /* Ancho de las tarjetas */
    height: 405px; /* Alto de las tarjetas */
    flex: 0 0 auto; /* Para que las tarjetas no se estiren */
    display: flex; 
    flex-direction: column; 
    align-items: center;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 8px 10px 8px rgba(0, 0, 0, 0.1); /* Sombra */
}

.card img {
    width: 70%; /* Ajusta la imagen para que ocupe todo el ancho de la tarjeta */
    height: auto; /* Mantén la proporción de la imagen */
    margin: 30px 20px 0 20px;
}
.card-text{
    color: #676767;
    font-weight: 700;
    margin-bottom: 70px
}
.card-text2{
    font-size: 14px;
    margin-bottom: 5px;
}

.card:last-child {
    margin-right: 0; /* Elimina el margen derecho de la última tarjeta */
}
.contenedor-wrap{
    height: 600px;
}
.swiper-slide{
    width: auto;
}

/* Agrega aquí los estilos necesarios */


.card-visible {
    display: block;
}

.card-hidden {
    display: none;
}
.button-slider{
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 20px;
    gap: 10px;
    border: none;
    background: none;
}
.control-button{
    background: none;
    border: none;
    cursor: pointer;
    opacity: 60%;
}