body {
  padding-bottom: 20px;
}

.navbar {
  margin-bottom: 20px;
}



.carrusel-wrapper {
    margin: 0 auto 50px auto;
    max-width: 1000px;
    position: relative;
}

.carrusel-track {
    display: flex;
    overflow-x: auto; 
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    gap: 15px; 

    padding: 20px 10%; 
    

}


.carrusel-slide {
   
    flex: 0 0 80%; 
    max-width: 700px; 
    scroll-snap-align: center; 
    transition: transform 0.3s ease;
}

.carrusel-slide img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    border: 4px solid #df127b;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
    display: block;
}


.carrusel-slide:hover {
    transform: scale(1.02);
}


.carrusel-instruccion {
    text-align: center;
    color: var(--color-texto-principal);
    font-size: 0.9rem;
    margin-top: 15px;
    opacity: 0.7;
    font-weight: bold;
}


@media (min-width: 768px) {
    .carrusel-slide {

        flex: 0 0 60%; 
    }
}