*{padding:0px;
    margin:0px;
}
#header ul{
  margin: auto;
  font-family: 'Architects Daughter', cursive;
}

ul, ol{
      list-style:none;
}
.nav li a{
      background-color:#66d7d1;
      color: #000;
      text-decoration:none;
      padding:20px 120px;
      display:block
}
.nav li a:hover{
      background-color: #fff87f;
}
.nav> li{
      float: left;
}
.nav li ul{
      display: none;
      position: absolute;
      min-width:140px;
}
.nav li:hover> ul{
      display: block;
}
.nav li ul li {
      position:relative;
}
.nav li ul li {
      right: -140px;
      top: 0px;
}
.body{
      font-family:'open sans' ;
}
.contenedor{
      padding: 60px 0;
      width: 90%;
      max-width: 1000px; 
      margin: auto;
      overflow: hidden;
}
.titulo{
      columns: #a509cc; 
      font-size: 30px;
      text-align: center;
      margin-bottom: 60px; 
}
body {
color: #000;
font-family: 'Bad Script', cursive;
font-family: 'Rock Salt', cursive;
font-family: 'Yusei Magic', sans-serif;
font-weight: bolder;
float: center;
}
nav{
text-align: right;
padding: 30px  50px 0 0;
}
nav > a{
color: #fff;
font-weight: none;
text-decoration: none;
margin-right: 10px;
}
nav > a:hover{
text-decoration: underline;
}
header .textos_header{
display: flex;
height: 430px;
width: 100%;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
}
.textos_header h1{
      font-size: 50px;
      color: #000;
}
.textos_header h2{
font-size: 30px;
font-weight: 300;
color: #000;
}
.wave{
position: absolute;
bottom: 0;
width: 100%;
}
header{
    width: 100%;
    height: 600px;
    background: #feac5e; 
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #feac5e, #c779d0, #4bc0c8); 
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, hsla(29, 100%, 73%, 0.233), hsla(294, 48%, 65%, 0.281), hsla(184, 53%, 54%, 0.253)), url(https://i.pinimg.com/originals/a9/af/83/a9af8396a32ca03abd09b8045af9df9a.jpg);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+*/
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}
/*Galeria*/

.Fichas-interactivas{
      background: #A3E4D7;
}

.galeria-fichas{
      display: flex;
      justify-content: space-evenly;
      flex-wrap: wrap;
}

.imagen-fichas{
      width: 24%;
      margin-bottom: 10px;
      height: 320px;
      overflow: hidden;
      position: relative;
      cursor: pointer;
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, .5);
}

.imagen-fichas > img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
}

.hover-galeria{
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      transform: scale(1);
      background: hsl(48, 89%, 50%, .7);
      transition: transform .5s;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
}

.hover-galeria2{
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      transform: scale(1);
      background: rgba(109, 230, 129, 0.733);
      transition: transform .5s;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
}     

.hover-galeria3{
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      transform: scale(1);
      background: rgba(134, 132, 241, 0.774);
      transition: transform .5s;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
}

.hover-galeria img{
      width: 180px;
}

.hover-galeria p{
      color: #17202A;
}

.imagen-fichas:hover .hover-galeria{
            transform: scale(0);
}

.hover-galeria2 img{
      width: 180px;
}

.hover-galeria2 p{
      color: #17202A;
}

.imagen-fichas:hover .hover-galeria2{
            transform: scale(0);
}

.hover-galeria3 img{
      width: 180px;
}

.hover-galeria3 p{
      color: #17202A;
}

.imagen-fichas:hover .hover-galeria3{
            transform: scale(0);
}