.detalleproducto{
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.detalleproducto .titulo{
    display: flex;
    width: 100%;
    height: 20vh;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    font-family: 'Times New Roman', Times, serif;
    color: greenyellow;
}


.producto{
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

/* INICIA COLUMA 1*/

.producto .desc{
    
    width: 40%;
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.producto .desc .foto{
    height: 40vh;
    display: flex;
    justify-content: center;
    align-content: center;
    background-size: cover;
}

.producto .desc .foto img{
    width: 400px;
    height: 350px;
}


.producto .desc .info{
    width: 80%;
    height: 40vh;
    margin: auto;
    font-size: 14px;
    }

/* TERMINA COLUMA 1*/

/* INICIA COLUMA 2*/

.producto .valor{
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;  
    min-height: 80vh;
}

.producto .valor .foto1{    
    padding: 10px;
}

.producto .valor .foto2{    
    padding: 10px;
}

/* TERMINA COLUMA 2*/

/* INICIA RECECTA */

.receta{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 50vh;
    padding: 10px;
    background-color: #708090;
}

.receta  p{
    font-size: 14px; 
    color: white;  
}

.receta .tituloreceta{
    width: 90%;
    height: 10vh;
    display: flex;
    justify-content: center;
    align-items: center;
    color: greenyellow;
}

.receta .ingredientes{
    width: 90%;
    min-height: 15vh;
    display: flex;
    flex-wrap: wrap;
}

.receta .ingredientes h4{
    width: 90%;
    color: greenyellow;
}
.receta .ingredientes .ingre{
    width: 90%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


.receta .preparacion{
    width: 90%;
    min-height: 25vh;
    padding: 20px 0px;
}

.receta .preparacion h4{
    color: greenyellow;
}

.receta .preparacion p {
    line-height: 2;
}
/* TERMINA RECETA 3*/


/* INICIA DISPONIBILIDAD*/

.disponible{
    width: 100%;
    min-height: 20vh;
    display: flex;
    flex-direction: column;
    background-color: rgb(104, 230, 104);
    justify-content:center;
    align-items: center;
    padding: 20px;
}

.disponible h4{
    width: 96%;  
    min-height: 5vh;  
}

.disponible .meses{
    width: 96%;
    min-height: 15vh;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;

}

.disponible .meses .uno{
    width: 100px;
    height: 80px;
    background-color: white;
    color: black;
    margin: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.disponible .meses .uno img{
    width: 80px;
    height: 80px;  
}


.disponible .meses .uno div{
    text-align: center;
    background-color: black;
    color: white;
}

/* TERMINA DISPONIBILIDAD*/

@media (max-width:858px){

    .producto .titulo{
        height: 5vh;
    }

    .producto{
        flex-direction: row;
        align-items: center;
    }

    .producto .desc .foto img{
        width: 360px;
        height: 360px;
    }

    .producto .desc .info{
        width: 100%;
        font-size: 16px;
    }


    }



@media (max-width:760px){

    .producto{
        flex-direction: column;
        align-items: center;
    }

    .producto .desc .foto img{
        width: 260px;
        height: 260px;
    }

    .producto .desc .info{
        width: 100%;
        font-size: 14px;
    }    

    .receta .ingredientes .ingre{
        flex-direction: column;
    }

    }