/* Glass card system: doble capa de vidrio + reflejo superior + bordes glow */

.glass {
  background: var(--glass-base);
  backdrop-filter: var(--blur-md);
  -webkit-backdrop-filter: var(--blur-md);
  border: 1px solid var(--border-subtle);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  transition:
    transform var(--dur-quick) var(--ease-out),
    box-shadow var(--dur-quick) var(--ease-out),
    border-color var(--dur-quick) var(--ease-out);
}

/* Specular highlight superior (reflejo iOS) */
.glass::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.08) 30%,
    rgba(255, 255, 255, 0.18) 50%,
    rgba(255, 255, 255, 0.08) 70%,
    transparent 100%);
  pointer-events: none;
}

.glass:hover {
  background: var(--glass-elev);
  border-color: var(--border-glow);
  box-shadow: var(--shadow-elev), var(--shadow-glow);
  transform: translateY(-4px);
}

/* Halo de anomalía (delta > 15%) — ámbar tenue, no rojo */
.glass.anomaly {
  box-shadow:
    var(--shadow-card),
    inset 0 0 24px rgba(251, 191, 36, 0.18);
  border-color: rgba(251, 191, 36, 0.36);
}