/*Estilsos para el swiper slider de productos*/
/*--Botones derecha e izquierda--*/
.borderedDirection i{
    border:solid 2px silver;
    padding:10px;border-radius:5px;
    color:silver;transition:all ease-in .3s;
}

.borderedDirection i:hover{
    border-color:var(--negroClaro);color:var(--negroClaro);
}

/*-- Estilos flex titúlo + botón --*/
.flexTitleButtonSeeAll{
    display:flex;
    justify-content:space-between;
    margin:20px 0px 20px 0px;
    align-items:center;
}

.flexTitleButtonSeeAll h2{
    font-size:30px;font-family:'Oswald',sans-serif;font-weight:700;
}

.flexTitleButtonSeeAll a{
    padding:20px;
    background-color:var(--negroClaro);
    color:var(--blanco);
    font-family:'Oswald',sans-serif;
    letter-spacing:3px;
    font-weight:bold;
    transition:all ease .3s;
    font-size:15px;
}

.flexTitleButtonSeeAll a:hover{
    background-color:var(--principal);
}

/*--Estilos para el slider--*/
.cardsProductContainer{
    margin:0px;
}

.widthTotal .swiper-slide{
    margin-top:0px;
}


.widthTotal .swiper-button-prev, .widthTotal .swiper-button-next{
    margin:0px;
  }

  


.swiper-backface-hidden .swiper-slide{
    height:auto;
}
.cardProduct{
    background-color:var(--blanco);
    border:1px solid #f8f8f8;
    padding:10px;display: block;
    width:310px;
}

.cardProduct .containImgSlideProduct {
    width:100%;
    height:280px;
    overflow: hidden;
    transition: all ease .3s;
    position: relative;
    background-color:#fcfcfc;
}

.cardProduct .containImgSlideProduct img{
    width:100%;
    height:100%;
    transform: scale(1.2); /* Amplia la imagen un 20% */
    transition: all ease .3s;
}

.cardProduct:hover .containImgSlideProduct img{
    transform: scale(1.3);
}


.nameProductInSlide{
    width:100%;
    font-weight:600;
    font-size:15px;
    padding:10px 0px;
    text-align:left;
    text-transform:uppercase;
}



.flexPreciosInSlide{
    display:flex;margin-bottom:15px;
}

.flexPreciosInSlide .precio,.flexPreciosInSlide .preciocnegroClaro{font-size:15px;letter-spacing:3px;}

.preciocnegroClaro{color:var(--negroClaro);font-weight:600;}

.flexPreciosInSlide .precio:nth-child(1){
    color:var(--red);font-weight:600;
}


.flexPreciosInSlide .precio:nth-child(2n){
    padding-left:20px;
    text-decoration:line-through;
}








.cardProduct a{
    display: block;
    width:100%;font-weight:400;letter-spacing:3px;
    padding:15px 10px;font-size:15px;font-family:'Oswald',sans-serif;
    background-color:var(--negroClaro);
    color:var(--blanco);text-align:center;
    transition:all ease-in .3s;
}

.cardProduct a:hover{
    background-color:var(--principal);color:var(--blanco);letter-spacing:2px;
}


.divOfert,.divAgotado{
    padding:4px 15px;padding-top:5px;
    color:var(--blanco);
    position:absolute;
    z-index:1;top:0;
    font-family:'Roboto';
    letter-spacing:1px;
    font-size:11px;
    text-align:center;
}

.divOfert{
    background-color:var(--red);
}

.divAgotado{
    background-color:var(--silver);
}







/*ESTILOS ADICIONALES FUERA DEL SLIDER COMO TAL*/
.containerOnProductosTotal{
    width:100%;margin:auto;max-width:1400px;height:auto;
}
.flexContainerProductss{
    display:flex;
    justify-content:center;
    flex-wrap: wrap;
    margin:20px 0px;
}

.flexContainerProductss .cardProduct{
    margin:10px;
}







/*---- ESTILOS PARA LAS CATEGORÍAS -----*/
.subTitleStripe{
    width:100%;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    margin:10px;
    margin-top:50px;
    }
    
    .subTitleStripe h2{
        width:100%;text-transform: uppercase;
        text-align:center;letter-spacing:2px;
        font-size:30px;
    }
    .subTitleStripe .stripe{
        width:50px;
        margin-top:-15px;
        margin-left:-15px;
        height:3px;
        background-color:orange;
    }
    
    
    .flexCategoryItems{
        width:100%;
        height:auto;
        display:flex;
        justify-content:space-between;
        align-items:center;
        flex-wrap: wrap;
        margin-top:20px;
        margin-bottom:20px;
    }
    
    .controlImgNameItemCategory{
        width:400px;
        height:350px;
        margin:10px;
        border-radius:30px;
        background-color:var(--blanco);

        border:1.5px solid #e6e6e6;

        transition:all ease .3s;
        overflow:hidden;
        position: relative;
    }
    
    .controlImgNameItemCategory img{
        width:100%;height:100%;
        transition:all ease .3s;
    }
    
    
    .controlImgNameItemCategory:hover img{
        transform:scale(1.1);
    }
    
    .cjNameCategory{
        position:absolute;
        top:0;display:flex;
        justify-content:center;
        align-items:center;
        width:100%;
        height:100%;
    }
    
    .controlImgNameItemCategory .nameCategory{
        padding:8px 35px;
        letter-spacing:3px;
        font-weight:400;
        background-color:var(--negroClaro);
        color:var(--blanco);
        font-size:17px;
        text-transform: uppercase;
        margin-top:50%;
        font-weight:500;
    }
    
    .controlImgNameItemCategory:hover img{
        opacity:0.9;
    }
    



    .flexContenedorContribuciones{
        display:flex;
        justify-content:center;
        gap:20px;
        flex-wrap:wrap;
        margin-bottom:35px;
    }

    .flexContenedorContribuciones img{
        width:300px;
        height:300px;
    }




@media(max-width:1330px){
.flexTitleButtonSeeAll{padding:10px;}
.flexContainerProductss .cardProduct{width:300px;}
.cardProduct .containImgSlideProduct{height:250px;}
}

@media(max-width:1290px){
.flexContainerProductss .cardProduct{width:280px;}
.cardProduct .containImgSlideProduct{height:230px;}

.flexCategoryItems{justify-content:center;}
}

@media(max-width:1210px){
.flexContainerProductss .cardProduct{width:260px;}
.cardProduct .containImgSlideProduct{height:210px;}
}

@media(max-width:1120px){
.flexContainerProductss .cardProduct{width:310px;}
.cardProduct .containImgSlideProduct{height:260px;}
}

@media(max-width:1000px){
.flexContainerProductss .cardProduct{width:280px;}
.cardProduct .containImgSlideProduct{height:240px;}
}

@media(max-width:900px){
.flexContainerProductss .cardProduct{width:270px;}
.cardProduct .containImgSlideProduct{height:230px;}
}

@media(max-width:880px){
.flexContainerProductss .cardProduct{width:260px;}
.cardProduct .containImgSlideProduct{height:230px;}
}

@media(max-width:850px){
.flexContainerProductss .cardProduct{width:245px;}
.cardProduct .containImgSlideProduct{height:205px;}
}

@media(max-width:800px){
.flexTitleButtonSeeAll h2{font-size:25px;}
.flexContainerProductss .cardProduct{width:235px;}
.cardProduct .containImgSlideProduct{height:195px;}
}
  
@media(max-width:770px){
.flexContainerProductss .cardProduct{width:350px;}
.cardProduct .containImgSlideProduct{height:310px;}
}

@media(max-width:754px){
.flexContainerProductss .cardProduct{width:320px;}
.cardProduct .containImgSlideProduct{height:280px;}
}

@media(max-width:682px){
.flexContainerProductss .cardProduct{width:300px;}
.cardProduct .containImgSlideProduct{height:260px;}
}

@media(max-width:642px){
.flexContainerProductss .cardProduct{width:260px;}
.cardProduct .containImgSlideProduct{height:220px;}
.flexTitleButtonSeeAll h2{font-size:18px;letter-spacing:2px;}
.flexTitleButtonSeeAll a{font-size:12px;letter-spacing:2px;}
}

@media(max-width:562px){
.flexContainerProductss .cardProduct{width:240px;}
.cardProduct .containImgSlideProduct{height:200px;}
}

@media(max-width:522px){
.flexContainerProductss .cardProduct{width:230px;}
.cardProduct .containImgSlideProduct{height:180px;}
}


@media(max-width:500px){
.flexTitleButtonSeeAll{margin:0px;margin-top:15px;}

/*Cambiando tamaños al card Product*/
.cardProduct .containImgSlideProduct{width:100%;height:200px;transition: all ease .3s;}
.nameProductInSlide{font-size:13px;}
.divOfert, .divAgotado{font-size:12px;width:80px;}
.flexPreciosInSlide .precio,.flexPreciosInSlide .preciocnegroClaro{font-size:12px;}
.flexPreciosInSlide .precio:nth-child(2n){padding-left:10px;}
.cardProduct a{font-size:12px;padding:5px 0px;}


.controlImgNameItemCategory{
    width:100%;
    height:auto;
}



    .subTitleStripe h2{
        font-size:20px;
    }


.widthMaxForSwiperSlider{margin:10px;}



.flexContainerProductss .cardProduct{width:210px;}
.cardProduct .containImgSlideProduct{height:170px;}
}


@media(max-width:460px){
.flexContainerProductss .cardProduct{width:190px;}
.cardProduct .containImgSlideProduct{height:140px;}  
.flexTitleButtonSeeAll h2{font-size:15px;letter-spacing:1px;}
.flexTitleButtonSeeAll a{padding-left:15px;padding-right:15px;font-size:10px;}
}
    
@media(max-width:420px){
.flexContainerProductss .cardProduct{width:180px;} 
.cardProduct .containImgSlideProduct{height:130px;}  
}


@media(max-width:415px){       
.flexTitleButtonSeeAll h2{font-size:15px;}
.cardProduct .containImgSlideProduct{height:150px;}
.cardProduct .containImgSlideProduct{height:150px;}
.divOfert, .divAgotado{font-size:10px;width:70px;}
}


@media(max-width:402px){
.flexContainerProductss .cardProduct{width:170px;}   
.cardProduct .containImgSlideProduct{height:150px;}
}

@media(max-width:382px){
.flexContainerProductss .cardProduct{width:160px;}  
.cardProduct .containImgSlideProduct{height:140px;} 
.flexPreciosInSlide .precio, .flexPreciosInSlide .preciocnegroClaro{letter-spacing: 1px;}  

}

@media(max-width:362px){
.flexContainerProductss .cardProduct{width:150px;} 
.cardProduct .containImgSlideProduct{height:130px;}
}

@media(max-width:342px){
.flexContainerProductss .cardProduct{margin:5px;}  
.flexTitleButtonSeeAll h2{letter-spacing:0px;} 
}