@media (min-width:481px){

    body{
        margin: 0;
        background-color: rgb(37, 36, 36);
        
    }
    a{
        font-family: 'Carattere', cursive;
        text-decoration: none;
    }

    h1{
        font-family: 'Carattere', cursive;
        font-size:80px;
        text-align: center;
        color: #ecc69a;
    }
    h2{
        font-family: 'Carattere', cursive;
        text-align: center;
        font-size: 50px;
        color: #ecc69a;
    }
    h3{
        font-size: 30px;
        font-weight: bold;
    }
    ul{
        padding-left: 1em;
    }
    .header-contenedor{
        /* background-color: #000; */
    }
    .logo-carta-contenedor{
        
    }
    .redes-sociales{
        position: absolute;
        top: 5px;
        right: 10px;
    }
    .redes-sociales-iconos{
        width: 50px;
        height: 50px;
    }
    .logo-carta-icono{
        width: 70px;
        height: 70px;
        border-radius: 50%;
    }
    .header-wifi{
        display: flex;
        justify-content: center;
        text-align: center;
        flex-direction: column;
        margin: .5em;
        font-family: 'Carattere', cursive;
        font-size: 30px;
        line-height: 45%;
        color: #ecc69a;
    }

    .sandwiches-contenedor{
        
        display: flex;
        align-items: center;
        justify-content: space-around;
        gap: .5em;
        margin-bottom: 2em;
    }

    .item{
        border-radius: 8px;
        margin: 1em;
        padding: .3em;
        color: #2e2314;
        background-image: url(./images/fondo-items03.jpeg);
    }

    .principal{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .nombre-producto{
        font-family: 'Carattere', cursive;
        font-size: 40px;
        font-weight: 100;
        line-height: 110%;
        margin-left: .5em;
        
    }
    .descripcion{
        margin: .5em;
        font-family: 'Carattere', cursive;
        font-size: 30px;
        line-height: 90%;
        
    }

    .precio-producto{
        /* font-family: 'Carattere', cursive; */
    }
    
    .button-precio{
        border: 1px solid bisque;
        border-radius: 8px;
        font-size:18px;
        font-weight: bold;
        margin: .5rem;
        padding: 3px;
        color: white;
        background-color: #382817;
    }
    .carrousel-destacados{
        display: flex;
        justify-content: center;
        
    }
    
    .carousel-inner{
        width: 380px;
        height: 380px;
    }
    .carrousel-destacado{
        width: 380px;
        height: 380px;
        border-radius: 50%;
    }

    .contenedor-imagenes{
        display: flex;
        justify-content: space-evenly;
        flex-direction: row;
        flex-wrap: wrap;
        /* margin: 1rem; */
    }

    .img-contenedor-imagenes{
        width: 150px;
        height: 150px;
        margin: 1rem;
    }

    /* .img-contenedor-imagenes{
        width: 160px;
        height: 160px;
        margin: .8rem;
    } */

    /* .footer-contenedor{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        border-radius: 8px;
        margin: 1em;
        padding: .3em;
        height: fit-content;
        font-family: 'Carattere', cursive;
        background-image: url(./images/fondo-items03.jpeg);
    }
    .footer-span{
        font-size: 23px;
        margin: .2rem;
        color: #2e2314;
        
    } */

    .sandwiches-contenedor-grid{
        /* border: 1px solid #f7ba74;
        border-radius: 25px; */
        /* margin: .5em;
        text-align: left;
        color: #ecc69a; */
    }

    .sandwiches-contenedor-grid{
        /* display: grid; */
        /* grid-template-columns: 20em 20em; */
        /* grid-template-columns: 285px 25px; */
        /* margin: 1em; */
        /* padding: 0px; */
        /* background-color: #252424; */
        /* margin: 1em;
        text-align: left;
        margin: 0px;
        padding: 0px; */
    }
    /* .grid-precios-sandwiches{
        padding-left: 0px;
    }
    .grid-productos{
        padding: 0px;
        margin: 0px;
    } */
    /* .img-sandwiches-portada{
        width: 6.5em;
        height: 6.5em;
        
        border-radius: 50%;
    } */
    /* .sandwiches-contenedor{
        display: flex;
        justify-content: space-around;
        gap: .5em;
        margin-bottom: 2em;
    } */
    /* .button-precio{
        border: 1px solid bisque;
        border-radius: 50px;
        font-weight: bold;
        color: #252424;
        background-color: #ecc69a;
    } */

    .footer-contenedor{
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        /* align-items: center; */
        border: 1px solid #000;
        border-radius: 8px;
        margin: .5em;
        padding: .1em;
        /* height: fit-content; */
        font-family: 'Carattere', cursive;
        /* background-image: url(./images/fondo-carta.jpeg); */
        background-color: #252323;
    }
    .footer-span{
        font-size: 20px;
        margin: .2rem;
        color: #ecc69a;
        
    }

}


@media (max-width:480px){
    body{
        margin: 0;
        background-color: rgb(37, 36, 36);
        
    }
    a{
        font-family: 'Carattere', cursive;
        text-decoration: none;
    }

    h1{
        font-family: 'Carattere', cursive;
        font-size:80px;
        text-align: center;
        color: #ecc69a;
    }
    h2{
        font-family: 'Carattere', cursive;
        text-align: center;
        font-size: 50px;
        color: #ecc69a;
    }
    h3{
        font-size: 30px;
        font-weight: bold;
    }
    ul{
        padding-left: 1em;
    }
    .header-contenedor{
        /* background-color: #000; */
    }
    .logo-carta-contenedor{
        
    }
    .redes-sociales{
        position: absolute;
        top: 5px;
        right: 10px;
    }
    .redes-sociales-iconos{
        width: 50px;
        height: 50px;
    }
    .logo-carta-icono{
        width: 70px;
        height: 70px;
        border-radius: 50%;
    }
    .header-wifi{
        display: flex;
        justify-content: center;
        text-align: center;
        flex-direction: column;
        margin: .5em;
        font-family: 'Carattere', cursive;
        font-size: 30px;
        line-height: 45%;
        color: #ecc69a;
    }

    .sandwiches-contenedor{
        
        display: flex;
        align-items: center;
        justify-content: space-around;
        gap: .5em;
        margin-bottom: 2em;
    }

    .item{
        border-radius: 8px;
        margin: 1em;
        padding: .3em;
        color: #2e2314;
        background-image: url(./images/fondo-items03.jpeg);
    }

    .principal{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .nombre-producto{
        font-family: 'Carattere', cursive;
        font-size: 40px;
        font-weight: 100;
        line-height: 110%;
        margin-left: .5em;
        
    }
    .descripcion{
        margin: .5em;
        font-family: 'Carattere', cursive;
        font-size: 30px;
        line-height: 90%;
        
    }

    .precio-producto{
        /* font-family: 'Carattere', cursive; */
    }
    
    .button-precio{
        border: 1px solid bisque;
        border-radius: 8px;
        font-size:18px;
        font-weight: bold;
        margin: .5rem;
        padding: 3px;
        color: white;
        background-color: #382817;
    }
    .carrousel-destacados{
        display: flex;
        justify-content: center;
        
    }
    
    .carousel-inner{
        width: 380px;
        height: 380px;
    }
    .carrousel-destacado{
        width: 380px;
        height: 380px;
        border-radius: 50%;
    }

    .contenedor-imagenes{
        display: flex;
        justify-content:center;
        flex-direction: row;
        flex-wrap: wrap;
        /* margin: .1rem; */
    }

    .img-contenedor-imagenes{
        width: 150px;
        height: 150px;
        margin: 1rem;
    }

    /* .img-contenedor-imagenes{
        width: 160px;
        height: 160px;
        margin: 1rem;
    } */

    /* .footer-contenedor{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        border-radius: 8px;
        margin: 1em;
        padding: .3em;
        height: fit-content;
        font-family: 'Carattere', cursive;
        background-image: url(./images/fondo-items03.jpeg);
    }
    .footer-span{
        font-size: 23px;
        margin: .2rem;
        color: #2e2314;
        
    } */

    .sandwiches-contenedor-grid{
        /* border: 1px solid #f7ba74;
        border-radius: 25px; */
        /* margin: .5em;
        text-align: left;
        color: #ecc69a; */
    }

    .sandwiches-contenedor-grid{
        /* display: grid; */
        /* grid-template-columns: 20em 20em; */
        /* grid-template-columns: 285px 25px; */
        /* margin: 1em; */
        /* padding: 0px; */
        /* background-color: #252424; */
        /* margin: 1em;
        text-align: left;
        margin: 0px;
        padding: 0px; */
    }
    /* .grid-precios-sandwiches{
        padding-left: 0px;
    }
    .grid-productos{
        padding: 0px;
        margin: 0px;
    } */
    /* .img-sandwiches-portada{
        width: 6.5em;
        height: 6.5em;
        
        border-radius: 50%;
    } */
    /* .sandwiches-contenedor{
        display: flex;
        justify-content: space-around;
        gap: .5em;
        margin-bottom: 2em;
    } */
    /* .button-precio{
        border: 1px solid bisque;
        border-radius: 50px;
        font-weight: bold;
        color: #252424;
        background-color: #ecc69a;
    } */

    .footer-contenedor{
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        /* align-items: center; */
        border: 1px solid #000;
        border-radius: 8px;
        margin: .5em;
        padding: .1em;
        /* height: fit-content; */
        font-family: 'Carattere', cursive;
        /* background-image: url(./images/fondo-carta.jpeg); */
        background-color: #252323;
    }
    .footer-span{
        font-size: 20px;
        margin: .2rem;
        color: #ecc69a;
        
    }
}

/* ------------------------------------------- */

@media (max-width:380px){
    body{
        /* font-family: 'Carattere', cursive; */
        margin: 0;
        background-image: url(./images/fondo-carta.jpeg);
        /* background-size: contain; */
        /* background-color: rgb(37, 36, 36); */
    }
    ul{
        font-family: 'Carattere', cursive;
        font-size: 1.8em;
    }
    p{
        color:rgba(116, 8, 8, 0.719);
    }
    a{
        font-family: 'Carattere', cursive;
        font-size:28px;
        /* font-weight:100; */
        color:#ecc69a;
        text-decoration: none;
    }
    h1{
        font-family: 'Carattere', cursive;
        font-size:80px;
        font-weight: 100;
        text-align: center;
        color:#ecc69a
    }
    h2{
        font-family: 'Carattere', cursive;
        font-size: 50px;
        font-weight: 100;
        text-align: center;
        margin: 1.5rem;
        color:#ecc69a;
    }
    /* .header-prueba{
        
        margin: 0;
        background-image: url(./images/fondo-tienda.jpeg);
    }
    .logo-prueba{
        position: absolute;
        top:35px;
        left: 10px;
        width: 5em;
        height: 5em;
        border-radius: 50%;
    } */
    .logo-carta-contenedor{
        
    }
    .redes-sociales{
        position: absolute;
        top: 5px;
        right: 10px;
    }
    .redes-sociales-iconos{
        width: 50px;
        height: 50px;
    }
    .logo-carta-icono{
        width: 70px;
        height: 70px;
        border-radius: 50%;
    }
    .header-wifi{
        display: flex;
        justify-content: center;
        text-align: center;
        flex-direction: column;
        border: 1px solid #000;
        border-radius: 8px;
        padding: .3em;
        background-color: #252323;
        margin: .2em;
        /* margin: .5em; */
        font-family: 'Carattere', cursive;
        font-size: 28px;
        line-height: 45%;
        color: #ecc69a;
    }
    .header-wifi span{
        margin: 1rem;
        color:#ecc69a;
    }
    .nav-contenedor{
        display: flex;
        justify-content:space-evenly;
        /* flex-direction: row; */
        flex-wrap: wrap;
        
        
    }
    .nav-contenedor-button{
        border: 1px solid #000;
        border-radius: 8px;
        padding: .3em;
        /* background-color: #252424; */
        /* background-image: url(./images/fondo-prueba-item.jpeg); */
        /* background-image: url(/images/fondo-carta.jpeg); */
        background-color: #252323;
        margin: .2em;
    }

    /* imagenes- destacados*/
    .destacados-contenedor{
        text-align: center;
        color: #ecc69a;
    }

    .imagenes-contenedor{
        display: flex;
        justify-content:center;
        flex-direction: row;
        flex-wrap: wrap;
        
    }

    .img-contenedor-imagenes{
        width: 150px;
        height: 150px;
        margin: .5rem;
    }

    /* .img-fluid{
        width: 6.5em;
        height: 6.5em;
        margin-bottom: 1.5em;
    } */
    /* carrousel destacados */
    .carrousel-destacados{
        display: flex;
        justify-content: center;
    }
    
    .carousel-inner{
        width: 200px;
        height: 200px;
    }
    .carrousel-destacado{
        width: 200px;
        height: 200px;
        border-radius: 50%;
    }

    /* .carousel-inner{
        width: 22em;
        height: 20em;
    }
    .carrousel-destacado{
        width: 22em;
        height: 20em;
        border-radius: 50%;
    } */

    /* footer */

    .footer-contenedor{
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        /* align-items: center; */
        border: 1px solid #000;
        border-radius: 8px;
        margin: .5em;
        padding: .1em;
        /* height: fit-content; */
        font-family: 'Carattere', cursive;
        /* background-image: url(./images/fondo-carta.jpeg); */
        background-color: #252323;
    }
    .footer-span{
        font-size: 20px;
        margin: .2rem;
        color: #ecc69a;
        
    }

}