/*Scroll*/

html{
    scroll-behavior: smooth;
}


/* Fin de Scroll*/


*{
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}



label{
   transition: all 1s ease;
}


.centrar-carrusel{
    width: 90%;
    text-align: center;
    vertical-align: middle;
    margin:  3vmax auto;
    
}



.relative{
    position: relative;
    
}



section.relative div ul{
    display: flex;
    max-width: 100%;
    overflow: auto;
    
     
    
    
}



section.relative div ul li {
    margin: 1vw;
    box-shadow: 1px 1px 4px black;
    border-radius: 1px;
    background: var(--background-producto);
}

section.relative div ul::-webkit-scrollbar{
    width: 2px;
    
}

[type="radio"]{
   border: none;
    -webkit-appearance: none;
     -moz-appearance: none;
    
}


/* [id*="mi-carrusel"]:checked ~ li {
    
 
} */




h4 {
    height: 23px;
    width: 5vmax;
    border: 1px solid #f3efef;
    border-radius: 1%;
    position: relative;
    bottom: 16px;
    display: inline-block;
    font-size: 18px;
    color: var(--secundario);
    background: var(--primario);
    box-shadow: 1px 2px 5px black;
    margin-bottom: 2px;
   
    
}


[src*="img/producto-"]{
    width: 70vmin;
    
    
}

.figure__producto{
    width: 40vw;     
}

#contenedor-carrusel{
    margin-top: 14vmax;
}

@media (max-width: 320px){
    figure .figure__producto{
        width: 100vw;     
    }

   
     }
     
@media (min-width: 360px){
    
    [src*="img/producto-"]{
    width: 75vmin;   
    
}

 
.figure__producto{
    width: 100vw;   
    
}
    
    h4 {
    height: 28px;
    width: 4vmax;
    border: 1px solid #f3efef;
    border-radius: 1%;
    position: relative;
    bottom: 2rem;
    display: inline-block;
    font-size: 20px;
    color: var(--secundario);
     background: var(--primario);
    box-shadow: 1px 2px 5px black;
    margin-bottom: 2px;
   
   
}
    
}



@media (min-width: 375px){
    [src*="img/producto-"]{
        width: 75vmin;        
        
    }
    .figure__producto {
        width: 100vw;
    }
}

@media screen and(min-width: 414px){
    /*    Centrar carrusel*/
    
    .centrar-carrusel {
        width: 73%;
        text-align: center;
        vertical-align: middle;
        margin: 2vmax auto;
    }  

}

@media screen and(min-height: 768px414px){
    /*    Centrar carrusel*/
    
     

}


@media(min-width:420px){
    /*    Productos*/
    
      [src*="img/producto-"] {
    width: 30vmin;
}

.figure__producto{
    width: 40vmin;   
    
}
    
    
    section.relative div ul li{
        margin: 176px 0 10px 10px;
    }

    
/*    Centrar carrusel*/
    
    .centrar-carrusel {
    width: 73%;
    text-align: center;
    vertical-align: middle;
    margin: 2vmax auto;
}
    
/*    H4*/
    
    

h4 {
    height: 24px;
    width: 4vmax;
    border: 1px solid #f3efef;
    border-radius: 1%;
    position: relative;
    bottom: 12px;
    display: inline-block;
    font-size: 14px;
    color: var(--secundario);
    background: var(--primario);
    box-shadow: 1px 2px 5px black;
    cursor: pointer;
    margin-bottom: 2px;
   
}
    
    
}