/* #mek-logo-wrap {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
}
#mek-logo-wrap svg {
  display: block;
  height: 34px;  
  width: auto;
}

#mek-logo-wrap .n1,
#mek-logo-wrap .n2,
#mek-logo-wrap .n3,
#mek-logo-wrap .n4,
#mek-logo-wrap .n5,
#mek-logo-wrap .n6,
#mek-logo-wrap .n7,
#mek-logo-wrap .n8 {
  transform-box: fill-box;
  transform-origin: center;
  transition:
    opacity 0.5s cubic-bezier(0.76, 0, 0.24, 1),
    transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
}

#mek-logo-wrap .n1 { transition-delay: 0s;    }
#mek-logo-wrap .n2 { transition-delay: 0.04s; }
#mek-logo-wrap .n3 { transition-delay: 0.08s; }
#mek-logo-wrap .n4 { transition-delay: 0.12s; }
#mek-logo-wrap .n5 { transition-delay: 0.16s; }
#mek-logo-wrap .n6 { transition-delay: 0.20s; }
#mek-logo-wrap .n7 { transition-delay: 0.24s; }
#mek-logo-wrap .n8 { transition-delay: 0.28s; }

#mek-logo-wrap.collapsed .n1,
#mek-logo-wrap.collapsed .n2,
#mek-logo-wrap.collapsed .n3,
#mek-logo-wrap.collapsed .n4,
#mek-logo-wrap.collapsed .n5,
#mek-logo-wrap.collapsed .n6,
#mek-logo-wrap.collapsed .n7,
#mek-logo-wrap.collapsed .n8 {
  opacity: 0;
  transform: translateX(-40px);
} */


#mek-logo-wrap {
  display: inline-flex;
  align-items: center;
  /* overflow: hidden; */
}

#mek-logo-wrap svg {
  display: block;
  height: 48px;
  /* ajusta al tamaño de tu header */
  width: auto;

  @media (max-width:1367px) {
    height: 35px;
  }
}

/* Todas las letras: se desvanecen a la izquierda */
#mek-logo-wrap .letter {
  transform-box: fill-box;
  transform-origin: center;
  transition:
    opacity 0.5s cubic-bezier(0.76, 0, 0.24, 1),
    transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
}

#mek-logo-wrap.collapsed .letter {
  opacity: 0;
  transform: translateX(-40px);
}

/* El icono no desaparece: se desliza a la izquierda
   para ocupar el hueco de las letras */
#mek-logo-wrap #ICONO-M {
  transform-box: fill-box;
  transform-origin: center;
  transition: transform 0.6s cubic-bezier(0.76, 0, 0.24, 1);
  transition-delay: 0.1s;
}

#mek-logo-wrap.collapsed #ICONO-M {
  transform: translateX(-300px);
}