*{
    border: 0;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
    
    .contenedor-carrusel{
        background-color: rgba(255, 255, 255, 0.882);
        display: flex;
        align-content: center;
        justify-content: center;
        padding-top: 1px;
        padding-bottom: 10px;
        
    }
    .carrusel{
        position: relative; 
        max-width: 66.5%;
        
        overflow: hidden; 
        
        padding: 20px;
        
    
        border-radius: 10px; 
        box-shadow: 0 4px 8px rgba(211, 212, 212, 0); /*brillo*/
    }

    
    .carrusel-1{
        display: flex; 
        gap: 18.8px; 
        
        
        transition: transform 0.5s ease-in-out;
    }
    
    .caja{
        /*min-width: 150px; 
        max-width: 250px;*/ 
        width: 190px;
        height: 300px;
        flex: 1 0 auto; 
        box-sizing: border-box; 
        background: white; 
        border-radius: 10px; 
        box-shadow: 0 2px 5px rgba(0,0,0,0.1); 
        overflow: hidden;
    }
    .caja:hover{
        /*max-width: 200px; */
        box-shadow: 0 2px 5px rgba(18, 170, 230, 0.701); /*margen da color*/
    }
        
    .caja img{
        width: 100%; 
        height: 200px; 
        object-fit: cover;
    }
    .caja-contenido{
        padding: 10px; 
        text-align: center;
        

    }
    .caja-contenido h1{
        margin: 10px 0; 
        margin-top: 5px;
        font-size: 15.5px;
        
    }
    .carrusel-1 a{
        text-decoration: none;
        color: inherit;
    }

    .controles{
        display: flex; 
        justify-content: space-between; 
        position: absolute; 
        top: 50%; 
        width: 100%; 
        transform: translateY(-50%);
    }
    .prev, .next {
        background-color: rgba(0, 0, 0, 0.5); 
        color: white; 
        border: none;
        padding: 10px; 
        cursor: pointer; 
        font-size: 18px; 
        border-radius: 50%;
    }
    
    .prev { margin-left: -5px; }
    .next { margin-right: 50px; }

    @media (max-width: 600px){
        .carrusel{
            width: 226px;
            background-color: rgba(127, 255, 212, 0);
            .prev { margin-left: -20px; }
            .next { margin-right: 20px;}
        }
    }