



/*   PRODUCTS */
.conte_productos{
    width: 100%;
    display: table;
    text-align: center;
} 
.producto{
    width: 70%;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
    
}
.slider{ 
    width: 100%;
    background: #555;
    text-align: center;
    position: relative;
}
.wp{
    }
.wp img{
    width: 40px;
    margin-bottom: 4px;
    margin-top: 4px;
}


.boton_apreciar{
    text-align: center;
    padding: 10px 15px 10px 15px;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    border-radius:10px;
    margin-bottom: 5px;
    background: #1111;

}
.boton_apreciar a{
    color:#000;
    text-decoration: none;
    }

@media (min-width:1024px){

.conte_slider{
    width: 100%;
    display: table;
}

    
/*   PRODUCTS */
.conte_productos{
    width: 100%;
    display: table;
    text-align: center;
    padding-left: 13%; 
} 
.producto{
    width: 25%;
    float: left; 
    padding: 0px;    
    margin-right: 5%;
    transform: scale(1);
    transition: 0.5s ease;
}
.producto:hover{
    transform: scale(1.1);
    transition: 0.5s ease;
}
.slider{
    width: 100%; 
    border: none;
    height: auto;
    
}
.wp{
    z-index: 100000;
    }
.wp img{
        width: 40px;
    z-index: 100000;
    }

.boton_apreciar{
    text-align: center;
    padding: 10px 15px 10px 15px;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    border-radius:10px;
    margin-bottom: 5px;
    background: #1111;
}
.boton_apreciar a{
    color:#000;
    text-decoration: none;
    }
.wat{
    width: 100%;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    padding: 0px;
}
.wat a{
    color: #000;
    }
.wat img{
    width: 60px;
}  
.volver{
    width: 220px;
    background: #065192;
    color: white;
    font-weight: bold;
    display: table;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 15px;
    border-radius: 20px;
    float: right;
    margin-right: 100px;
}
    .volver a{
        color: white;
        text-decoration: none;
    }
}