body {
    overflow-x: hidden;
    width: 100vw;
    font-family: 'Nunito', arial;
    
    margin: 0;
    padding: 0;
    background-color: black;
}





/*Estilos Barra Nav*/
nav {
    background-color: black;
    width: 100vw;
}

.nav-link {
    margin-left: 1rem;
    font-size: 1.2rem;
}




/*Estilos index.html*/

video {
    filter: grayscale(100%);
    margin: 0;
    padding: 0;
    width: 100vw;
    height: auto;
}

.welcome{
    margin-top: 1em
}
#japones{
    font-size: 2em;
    color: white;
    text-align: center;
}

.texto {
    margin: 0;
    padding: 0;
    background-color: black;
    color: aliceblue;
}

.textos {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.7em;
    margin: 2em;
    padding: 0em;
}

#img-texto {
    width: 45vw;
    padding: 0em 2em 0em 2em;

}

#tituloBienvenido{
    font-family: 'Nanum Brush Script','Finger Paint', cursive;
}

.text-center {
    letter-spacing: 0.2em;
    font-weight: bold;
    font-family: 'Amatic SC','Nunito', cursive;
    padding: 1.5em;
    font-size: 3em;
    background-color: black;
    color: rgb(128, 128, 128);
}





/*Estilos cards para páginas sushi.html & vino.html */

.card {
    margin: 0em;
    padding: 0.5em;
}

.card-body {
    font-size: 1.3em;
}

.card-title {
    font-size: 1.7em;
}

.precio {
    font-size: 1.5em;
}

.productos {
    margin: 1.5em 0em 1.5em 0em;
}







/*Estilos reservas.html*/

.cabecera {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}


.reserva-cabecera{
    display:flex;
    justify-content: center;
    padding-bottom: 8em;
    margin-top: 1em

}



#calle{

    text-align: center;
    font-size: 4em;
    font-family: 'Nanum Brush Script','Finger Paint', cursive;
    padding: 3em 0em 0em 0em;
    color: white;
}

.reserva {
    margin: 0.5em;
    padding: 0.5em;
    background-color: #fff;
    border-radius: 1em;
}


#map{
    margin: 1em;
    padding: 0em;
    width: 40em;
    height: 20em;
    border-radius: 2em;
}

#mapa{
    display: flex;
    justify-content: center;

}
#mapa a{
    text-decoration: none;
    color: white;
}

.texto-reservas{
    margin-top: 10em;
}


/*Estilos formulario Reservas*/

.form {
    padding-top: 15%;
    padding-bottom: 15%;
    text-align: center;
}

.reserva {
    padding: 1em;
    background-color: #fff;
    border-radius: 1em;
}

h2 {
    margin-bottom: 20px;
    color: rgb(128, 128, 128);
}

form {
    text-align: left;
}

label {
    display: block;
    margin-bottom: 1em;
}

input {
    width: 100%;
    padding: 0.5em;
    margin-bottom: 0.2em;
    border: 0.2em solid #ccc;
    border-radius: 0.5em;
}

button {
    background-color: rgb(0, 0, 0);
    color: white;
    border: none;
    margin-top: 1em;
    padding: 1em 2em;
    border-radius: 0.5em;
    cursor: pointer;
}

button:hover {
    background-color: rgba(44, 47, 44, 0.766);
}

p {
    margin-top: 10px;
}



/*Estilos carrusel*/

.carrusel{
    display: flex;
    justify-content: center;
    width: 40%;
    margin-bottom: 4em;

}


#fondoCarrusel{
    background-color:rgba(0, 0, 0, 0.43); 
    margin: 0em;
}


  .carousel-control-prev,
  .carousel-control-next {
    background-color: transparent;
    color: #000; 
  }

  .carousel-control-prev:hover,
  .carousel-control-next:hover {
    color: #fff; 
    background-color: transparent;
  }



/* Media query para pantallas de 1100px o menos */
@media (max-width: 1100px) {

    h2{
        font-size: 1.2em;
        padding: 2em 0 0 0;
    }

    #img-acogedor{
        padding-bottom: 4em;
    }
    
    .textos {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.3em;
        margin: 2em;
        padding-top: 6em;
    }
    
    #img-texto {
        width: 100%;
        padding: 0em;
    
    }
    
    .text-center {
        padding: 0.4em;
        font-size: 1.3em;
    }

    #sueca{
        padding: 0em 0em 3em 0em;
        color: white;
        font-size: 1em;
    }

    #producto{
        margin: 0em;
    }

    #calle{
        text-align: center;
        font-size: 2em;
        font-family: 'Nanum Brush Script','Finger Paint', cursive;
        padding: 3em 0em 0em 0em;
        color: white;
    }

    #map{
        margin: 2em;
        padding: 0em;
        width: 15em;
        height: 20em;
        border-radius: 2em;
    }

    .carrusel{
        width: 60%;
    }
}


.footerPrincipal{
    border-radius: 1em;
    background-color: white;
    color: rgb(128, 128, 128);
    font-size: 1em;
    padding: 1em;
}


#logo{
    width: 2em;
    margin: 0em;
}

#nameRrss{
    margin: 0em;
    font-size: 1.3em;
    padding: 0em 0.7em 0.7em 0em;
    
}

.rrss{
    display: flex;
    justify-content: center;
    font-family: 'Amatic SC', Courier, monospace;
    font-weight: bolder;
}


.footer{
    display: flex;
    justify-content: center;
}

.footer a{
    color: inherit;
    text-decoration: none;
}







/*
Estilos de cabecera que no decido si añadir o no.

.imgCabeceraVino{
    display: flex;
    justify-content: center;
    background-color: rgb(28, 26, 26);
    width: 100vw;
}

#bebidaCabecera{
    width: 50vh;
    margin: 0;
    filter: grayscale(100%);
}
*/