/* Ajustes finos de UX */
.btn, .tab, .seg a, #nav a, .day, .link { touch-action: manipulation; user-select: none; -webkit-user-select: none; }
.btn.is-loading { pointer-events: none; }
.ripple { position: absolute; border-radius: 50%; pointer-events: none; background: currentColor; opacity: .25; transform: scale(0); z-index: -1; }
#view, #adm-view { will-change: opacity; }
.rows li strong.ok { font-family: var(--font-head); }
@media (hover: none) { a.card:hover, .card.prod:hover, .day:hover { transform: none; } }
@media (max-width: 380px) {
  .card { padding: 1rem; border-radius: var(--r); }
  .tab, .seg a { font-size: .82rem; padding: 0 .5rem; }
  .stat strong { font-size: 1.6rem; }
}