/*ANIMACIONES*/

ul {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
}

.menu2 {
  display: flex;
  /*justify-content: center;space-evenly;*/
  /*border: 3px solid red;*/
  height: 1.8cm;
  margin-left: -0.5cm;
  background: transparent;
  margin-top: -1.3cm;
}

/* .menu li {
    margin-right: 70px;
  } */

/*RECUADRO DND ESTA METIDO EL ICONO A GIRAR*/
.menu2 a {
  position: relative;
  display: block;
  overflow: hidden;
  background: transparent;
  /*border:3px solid green;*/
}

.menu2 a span {
  transition: transform 0.7s ease-out;
}

.menu2 a span:first-child {
  display: inline-block;
  padding: 10px;
}

.menu2 a span:last-child {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-100%);
}

/* .menu i {
    font-size: 30px;
  } */

.menu2 a:hover span:first-child {
  transform: translateY(100%);
}

.menu2 a:hover span:last-child,
.menu2[data-animation] a:hover span:last-child {
  transform: none;
}

/* ANIMATIONS
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
.menu2[data-animation="to-top"] a span:last-child {
  transform: translateY(100%);
}

.menu2[data-animation="to-top"] a:hover span:first-child {
  transform: translateY(-100%);
}

.menu2[data-animation="to-right"] a span:last-child {
  transform: translateX(-100%);
}

.menu2[data-animation="to-right"] a:hover span:first-child {
  transform: translateX(100%);
}

.menu2[data-animation="to-left"] a span:last-child {
  transform: translateX(100%);
}

.menu2[data-animation="to-left"] a:hover span:first-child {
  transform: translateX(-100%);
}
.icon {
  width: 79px;
}

.icon2 {
  width: 67px;
  margin-top: 3px;
  margin-left: 9px;
}
.mesEnTabla {
  font-family: "barlow";
  font-weight: bold;
  margin-left: 15%;
}
.cale {
  font-size: 20px;
  margin-left: 35px;
  margin-top: 17px;
}
.flechaD {
  margin-top: 1cm;
}
/*FIN CSS ANIMACIONES*/