/**
* MEDIA QUERY MANAGER
**/
@keyframes preLoader {
  0% {
    top: 0;
    opacity: 1;
  }
  100% {
    top: 100%;
    opacity: 0;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@-webkit-keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
  }
}
@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
  }
}
@-webkit-keyframes movecircles {
  0% {
    margin-left: 1000px;
  }
  100% {
    margin-left: -1000px;
  }
}
@-moz-keyframes movecircles {
  0% {
    margin-left: 1000px;
  }
  100% {
    margin-left: -1000px;
  }
}
@-o-keyframes movecircles {
  0% {
    margin-left: 1000px;
  }
  100% {
    margin-left: -1000px;
  }
}
@keyframes upDown {
  0% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes footerHeart {
  0% {
    transform: scale(0);
  }
  25% {
    transform: scale(0.5);
    color: red;
  }
  50% {
    transform: scale(1);
    color: red;
  }
}

#preLoader {
  position: fixed;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  animation: preLoader 0.6s 1s linear forwards;
  background-color: #ffffff;
}


.mt-10 {
  margin-top: 6rem;
}

/* Ocultar menú ORIGINAL cuando MeanMenu está activo */
@media (max-width: 991px) {
  .nav-menu {
    display: none !important;
  }
}

.main-menu-container.menu-bg-overlay {
    background: transparent !important;
}

/* Estado normal (arriba) */
nav.navbar-menu.float-right {
    background: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    transition: all 0.3s ease;
}

/* Estado con scroll */
.main-menu-container.menu-bg-overlay nav.navbar-menu.float-right {
    background-color: #ffffff;
    padding: 10px 18px;
    border-radius: 14px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}
.main-menu-container.menu-bg-overlay nav.navbar-menu.float-right {
    transform: translateY(2px);
}

/* Color NORMAL de los links cuando aparece el cuadro */
.main-menu-container.menu-bg-overlay nav.navbar-menu a {
    color: #111111; /* o #000 si lo prefieres */
}