/**
 * Las clases de estado que pone y quita el JavaScript.
 * Fuera de toda capa, para que ganen siempre a los patrones.
 */

/* El panel solo se despliega en celular: en escritorio siempre está a la vista
   y no debe perder su display propio. */
@media (max-width: 63.999rem) {
  .ud-header__panel.esta-abierto {
    display: block;
  }
}

.ud-nav__grupo.esta-abierto > .ud-nav__submenu {
  display: block;
}

.ud-nav__grupo.esta-abierto > .ud-nav__disparador .ud-nav__caret {
  transform: translateY(0.1em) rotate(225deg);
}

/* Cualquier carrusel mientras se arrastra con el mouse: sin scroll-snap, que
   pelearía contra el puntero, y sin selección accidental. */
.ud-carrusel.esta-arrastrando {
  cursor: grabbing;
  scroll-snap-type: none;
  user-select: none;
}

/* Botón de WhatsApp mientras el footer está a la vista. */
.ud-whatsapp.esta-oculto {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}