@import url(../variables.css);
.bannerBox{
    width: 100vw;        
    height: auto;      
}
.imgBanner{
    width: 100vw;       
    height: auto;    
}
.mainProductos{
    width: 90vw;
    height: auto;
    margin: 10vh 0 0 5vw;    
    /*background-color: greenyellow;*/   
}
.mainProductosBox{
    width: 90vw;
    /* border: 1px solid red; */    
}
.mainPotenciatp{
    margin-top: 5rem;
}

.subProductosBox{    
    width: 80vw;    
    margin:0 auto;    
    /* padding:2px;        */
    height: auto;    
    display: flex;    
    justify-content:space-between;  
    /* background-color: violet; */
    /* border: 1px solid blue;   */
}

.subProductosBox__title{
    color: var(--fondo);
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 38px;       
}
.bt__slider{
    border: none;
    background: transparent;    
}
.btbox__slider{ 
    position: relative;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: 1px solid #DEDBDB;  
    /* background-color: aqua; */
}
.btnimg__slider {
    position: absolute;
    top: 18%;
    right:38%;
    width: 0.9rem;
    height: auto;
    color: #DEDBDB; 
} 

.btbox__slider:hover {    
    transform: scale(1.3); 
    background-color: var(--color-primary);        
}
/* .contenedor__productos{
    margin: 0 3vw 3vw 3vw;
    background-color: var(--color_fondo_claro);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
} */
.contenedor__productos{
    /*background-color:fuchsia;*/
    height:24rem;
    width:70vw;   
    margin: 0 auto 1rem;
    display:flex;
    gap: 1.7vw;
    padding: 0 2rem;
    justify-content:flex-start;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;     
    -webkit-overflow-scrolling:touch;
}
.contenedor__productos::-webkit-scrollbar{
    height:5px;
    width:2px;
    border:1px solid #d5d5d5;
    background: #e5e5e5;    
}
.contenedor__productos::-webkit-scrollbar-track{
    -webkit-nox-shadow: inset 0 0 6px rgba(0,0,0,.3);
}
.contenedor__productos::-webkit-scrollbar-thumb{
    background-color: var(--color-primary);
    outline:1px solid (#eee);
} 

/* .card{
    /* box-sizing: border-box; 
    position: absolute;
    
    display: flex;
    width: 16rem;
    height: 21rem;
    max-width: 16rem;
     width: 266px;    
    max-height: 21rem;
    height: 359px;
    margin: 3vh 1rem;
    padding: 1vh;
    flex-direction: column;
    row-gap: 2vh;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #DEDBDB;
    border: 1px solid #c5c5c5;
    border-radius: 100%;
    box-shadow: 2px 2px 2px 1px rgba(197, 197, 197, 1);   
    box-shadow:  0 0 30px 8px #0c72d6, 0 0 5px 1px #000000;
} 
 */

 .card {
    flex: 0 0 auto;
    width: 16rem;
    height: 21rem;
    max-width: 16rem;       
    max-height: 21rem;
    text-align: center;
	object-fit: cover;
	cursor: pointer;	    
    border: 1px solid #DEDBDB;    
    /*overflow: hidden;*/
 }

.card:hover{
    transform: scale(1.1);    
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    transition: all 0.8s ease
}

.cardImg{
    height: 14rem;    
    padding-bottom: 1rem;
    border-bottom: 0.3rem solid #000000;   
}
.cardDBox{    
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 2.3fr 1fr;
    row-gap: 0.5vw;
}

.cardDescripcion{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
}

.cardPrecio{
    font-family: 'Poppins';
    font-style: bold;
    font-weight: 800;
    font-size: 14px;
    line-height: 21px;
}

.mainBanner__inferior{   
    margin-top:5vh; 
}