/* -----------------------------
   ESTADO BASE: visibles
-------------------------------- */
.hide-on-project{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  transition:
    transform .45s cubic-bezier(.19,1,.22,1),
    opacity .35s ease;
}

/* -----------------------------
   EN PÁGINA DE PROYECTO:
   se esconden al cargar
-------------------------------- */
.page-project .hide-on-project{
  opacity: 0;
  transform: translateY(18px);
  pointer-events: none;
}

/* -----------------------------
   CUANDO ABRÍS EL MENÚ:
   reaparecen
-------------------------------- */
.page-project.menu-open .hide-on-project{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}