/*
 * otro día de vida — soft-UI utility classes
 * Companion to the color/typography tokens in theme.json.
 * Add these as "Additional CSS class(es)" on blocks in the editor.
 */

.oddv-glass {
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 20px;
  box-shadow: 0 14px 34px rgba(43, 36, 32, 0.09);
}

.oddv-gradient-text {
  background: linear-gradient(135deg, var(--wp--preset--color--contrast) 20%, var(--wp--preset--color--gold) 130%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.oddv-blob {
  border-radius: 50%;
  filter: blur(80px);
  pointer-events: none;
}

@keyframes oddv-pulse-glow {
  0%, 100% { opacity: 0.35; transform: scale(1); }
  50% { opacity: 0.65; transform: scale(1.1); }
}
.oddv-pulse-glow {
  animation: oddv-pulse-glow 6s ease-in-out infinite;
}

@keyframes oddv-pulse-dot {
  0%, 100% { box-shadow: 0 0 0 6px rgba(217, 164, 65, 0.16); }
  50% { box-shadow: 0 0 0 11px rgba(217, 164, 65, 0.30); }
}
.oddv-pulse-dot {
  animation: oddv-pulse-dot 3.2s ease-in-out infinite;
}