*{
    margin:0;
}
body {
    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url(img/landscape-2.png);
    background-size: cover;
    background-position: center;
}

a.hover {
    opacity: 0.5;

}

.map-container {
    position: relative;
    width: 70%;
    padding-bottom: 75%;
    /* 4:3 aspect ratio (ajusta esto según tu preferencia) */
}

.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Estilos movil */
@media (max-width:680px) {

header {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 25px;   



}    

nav a {
font-size: 0.6em;
margin-right: 25px;
}
head img {
width: 50px;
margin: 10px;
}

}