/* menu.css */

/* ==================================================
   ACCESO AL MENÚ DE ESCRITORIO
================================================== */

.menu-icon {
  display: inline-flex;
  align-items: center;

  gap: 8px;

  color: inherit;

  cursor: pointer;
  text-decoration: none;
}

.menu-icon img,
.menu-icon .menu-gif {
  width: 30px;
  height: 30px;

  object-fit: contain;

  transition: transform 0.22s ease;
}

.menu-icon:hover img,
.menu-icon:hover .menu-gif {
  transform: scale(1.08);
}

/* ==================================================
   BOTÓN DE SALIR
================================================== */

.logout-btn {
  display: inline-flex;
  align-items: center;

  gap: 7px;
  padding-left: 10px;

  border: 0;

  color: inherit;
  background: transparent;

  font-size: 1rem;

  cursor: pointer;
}

.logout-btn .door-icon {
  width: 25px;
  height: 25px;

  object-fit: contain;

  transition: transform 0.35s ease;
}

.logout-btn:hover .door-icon {
  transform: translateX(3px);
}