/* 
    Created on : 9 dic 2025, 19:53:13
    Author     : daniel
*/
:root{
    --color_oscuro:#13252f;
    --color_claro:#425750;
}
@font-face {
    font-family: 'Ultra';
    src: url("Ultra-Regular.ttf") format('truetype');
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: 'Unifraktur';
    src: url("UnifrakturCook-Bold.ttf") format('truetype');
    font-style: normal;
    font-weight: 700;
}
body{
    display: flex;
    flex-direction: column;
    padding: 0 6vw;
    background-image: url("french-restaurant-fondo.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--color_claro);
    color:#FFF;
}
header {}
h1{
    color: #FFF;
}
h2{
    font-size: 5vw;
}
h3{
    font-size: 2vw;
}
#titulo{
    height: 25vw;
    font-family: Unifraktur, serif;
    font-size: 15vw;
    line-height: 0.8;
    text-align: center;
    text-shadow: 0.5vw 0.3vw 0.2vw var(--color_oscuro), 0.9vw 0.9vw 0vw var(--color_claro);
    margin-bottom: 4vw;
    margin-top: 4vw;
}
#contenedor{
    background-color: var(--color_claro);
    font-family: Ultra, sans;
    font-size: 1vw;
    display: flex;
    width: 100%;
}
.sopa{
    width: 18vw;
    margin: 0 auto;
}
aside {
    font-size: 2vw;
    color: #FFF;
    width: 18vw;
    padding: 1vw;
    margin-right: 2vw;
    float: left;
    background-color:var(--color_oscuro);
}
article{
    margin: 0 auto;
    font-family: Times serif;
    font-weight: 700;
    font-size: 1.3vw;
}
article p{
    line-height: 1;
}
article h2{
    font-family: Ultra, serif;
    font-size: 5vw;
}
article h3{
    font-family: Ultra, serif;
    font-size: 2vw;
}
#centrar{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#receta{
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}
footer{
    background-color: var(--color_oscuro);
    margin-bottom: 4vw;
    margin-top: 4vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1.5vw;
    font-size:  0.8vw;
}
nav a{
    display: flex;
    color:#FFF;
    flex-direction:row;
}
nav{
    width: 25%;
    padding: 0 2vw;
    display: flex;
    flex-direction: column;
}
nav img{
    width: 3vw;
    padding:  5px 10px;
}
#enlaces{
    width: 25%;
    padding: 0 2vw;
}
#nosotros{
    width: 25%;
    padding: 0 2vw;
}
#contacto{
    width: 25%;
    padding: 0 2vw;
}
#mapa{
    width: 25%;
    padding: 0 2vw;
}
#mapa img{
    width: 14vw;
}