html{
    font-family: system-ui;
}
a{
    text-decoration: none;
}
body{
    background: url(Captura.PNG);
    background-repeat: no-repeat;
    background-position: center;
    
}

/** Tarjetas Restaurante **/

.wrap{
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.column-2.carta{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap: 1rem;
    row-gap: 1rem;
}

.plato-carta{
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
}

.img-plato-carta{
    display: flex;
    flex-basis: 25%;
    justify-content: center;
}

.img-plato-carta img{
    max-width: 100px;
    max-height: 75px;
}

.title-plato-carta{
    border: 1px solid #e5e5e5;
    border-bottom: none;
    border-top: none;
    flex-basis: 60%;
    padding: 0 1rem;
}

.precio-plato-carta{
display: flex;
flex-basis: 15%;
justify-content: center;
font-weight: bold;
}


@media (max-width:680px){
    .column-2.carta{
        grid-template-columns: repeat(1,1fr);
    }
}