/* ---------- HEADER */

.menu {
    overflow-x: hidden;
    height: 100vh;
}
.menu-enlaces {
    padding: 32px 48px 48px 48px;
    width: 480px;
    top: 48px;
    right: 6%;
}

#btn-menu {
    position: absolute;
    top: 25%;
    right: 2%;
    z-index: 15;
}

#btn-menu img {
    width: 24px;
    height: auto;
}

#bg-cerrar {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}





/* ---------- MENSAJE PORTADA */

.mensaje-portada {
    width: 400px;
    position: absolute;
    top: 40vh;
    right: 5vw;
    z-index: 15;
}

.pie-portada {
    position: fixed;
    height: 25vh;
    bottom: 0;
    left: 0;
    z-index: 0;
}

/* ---------- BODY */



.pagina section {
    padding: 2% 8%;
}
.pagina section div.hoja,
.pagina section div.foto {
    width: 49.8%;
    display: inline-block;
    vertical-align: top;
}

.pagina section div.foto {
    padding: 0 2%;
}
.pagina section div.foto img {
    width: 100%;
    height: auto;
}

section.destacado {
    margin: 0 8%;
    display: flex;
    align-items: center;
}
section.destacado div {
    width: 50%;
}
section.destacado div.titulo {
    text-align: right;
    padding-right: 4%;
    font-size: 56px;
}

.destacado-v2 {
    display: flex;
  }
  .destacado-v2 .hoja {
    margin-right: 1%;
  }
  .destacado-v2 .hoja:nth-child(2) {
    display: flex;
  }
  .destacado-v2 .hoja-internas:nth-child(1) {
    width: 60%;
  }
  .destacado-v2 .hoja-internas:nth-child(2) {
    width: 40%;
    padding: 0 4%;
  }
  .destacado-v2 .hoja-internas:nth-child(2) img{
    width: 100%;
  }



/* ---------- <GALERIAS> */

section.galeria-fotos img {
    width: 248px;
    height: 164px;
}

  

/* ---------- FOOTER */

footer {
    display: flex;
    padding: 4%;
    padding-top: 2%;
}
footer section {
    width: 33%;
    padding-left: 4%;

}

div.btn-contacto {
    top: 20%;
    right: 5%;
}