/* app/assets/stylesheets/components/touch_interactions.css */
/* 
  Estilos específicos para mejorar la experiencia táctil en dispositivos móviles
  Incluye prevención de selección de texto, eliminación de highlight al tocar,
  y efectos de escala al tocar elementos interactivos
*/
.interactive-element, .category-button, .category-card, .carousel-control, .control-button, .nav-btn {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.nav-btn {
  transition: transform 0.1s ease;
}

.nav-btn:active {
  transform: scale(0.95);
}

.control-button:active {
  transform: scale(0.9);
}

.carousel-control:active {
  transform: scale(0.95);
}

.category-card:active {
  opacity: 0.9;
}

.category-button:active {
  opacity: 0.8;
}

.hidden {
  display: none !important;
}