/* Sentidos: micro-movimiento sutil. Nada que salga del contenedor. */
button, .tarjeta, [role="button"] {
  -webkit-tap-highlight-color: rgba(232, 119, 34, .18);
  transition: transform 90ms ease, box-shadow 160ms ease;
}
button:active, [role="button"]:active, .tarjeta:active {
  transform: scale(.97);
  box-shadow: 0 0 0 2px rgba(232, 119, 34, .28), 0 0 14px rgba(232, 119, 34, .22);
}
@media (hover: hover) and (pointer: fine) {
  .tarjeta:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0, 0, 0, .12); }
  .tarjeta:active { transform: scale(.98); }
}
@media (prefers-reduced-motion: reduce) {
  button, .tarjeta, [role="button"] { transition: none; }
  button:active, [role="button"]:active, .tarjeta:active, .tarjeta:hover { transform: none; }
}
.eya-sentidos-btn {
  position: fixed; left: 12px; bottom: 12px; width: 44px; height: 44px; z-index: 50;
  border-radius: 50%; border: 1px solid rgba(128, 128, 128, .4); padding: 0;
  background: rgba(255, 255, 255, .85); color: #333; cursor: pointer;
  display: flex; align-items: center; justify-content: center; opacity: .75;
}
.eya-sentidos-btn:hover, .eya-sentidos-btn:focus-visible { opacity: 1; }
.eya-sentidos-btn svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }