/* ==================================================
HEADER
================================================== */

header {
width: 100%;
padding: 20px 0;
background-color: #000000;
color: #B8AD81;
}

.contenedor {
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 0 30px;

display: flex;
align-items: center;
justify-content: center;

gap: 40px;


}

.logo-titulo {
display: flex;
align-items: center;
gap: 10px;
}

.logo-titulo a {
    display: flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    color: inherit;
}

.logo-titulo a:link,
.logo-titulo a:visited,
.logo-titulo a:hover,
.logo-titulo a:active {
    text-decoration: none;
    color: inherit;
}


.img-pequena {
width: 70px;
height: auto;
}

/* ==================================================
TÍTULO DEL HEADER
================================================== */

.titulo {
    font-family: "Alex Brush", cursive;
    font-size: 50px;
    font-weight: normal;
    color: #B8AD81;
    padding: 0%;
}


/* ==================================================
ESLOGAN DEL HEADER
================================================== */

#Eslogan {
font-family: "Alex Brush", cursive;
font-size: 30px;
font-weight: normal;
letter-spacing: 2px;
text-align: center;
}