/* ── Google Font Inter ── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/* ── Animações dos blocos brilhosos ── */
@keyframes shimmer {
  0% { transform: translateX(-100%) skewX(-12deg); }
  100% { transform: translateX(250%) skewX(-12deg); }
}

@keyframes spin-border {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.shimmer-btn::after {
  content: '';
  position: absolute;
  top: -20%;
  left: 0;
  width: 40%;
  height: 140%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.22), transparent);
  animation: shimmer 3s ease-in-out infinite;
  pointer-events: none;
}

.shimmer-btn-green::after {
  background: linear-gradient(90deg, transparent, rgba(110,255,168,0.28), transparent);
  animation: shimmer 2.4s ease-in-out infinite;
}

.glow-card {
  position: relative;
}

.glow-card::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  background: linear-gradient(120deg,
    rgba(110,255,168,0.25),
    rgba(255,255,255,0.04),
    rgba(110,255,168,0.15),
    rgba(255,220,80,0.1),
    rgba(110,255,168,0.2)
  );
  background-size: 300% 300%;
  animation: spin-border 5s ease infinite;
  z-index: 0;
  pointer-events: none;
}

.glow-card > * {
  position: relative;
  z-index: 1;
}

input::placeholder {
  color: rgba(154, 184, 166, 0.5);
}
@media (max-width: 600px) {
  /* Os botões empilham em telas pequenas */
  .blocos-container-botoes {
    flex-direction: column !important;
    width: 100% !important;
  }
  .blocos-container-botoes button {
    width: 100% !important;
    min-width: unset !important;
  }
}

/* v38: integração visual mínima solicitada — remove apenas a faixa externa escura */
[data-prompt8-mounted="true"] {
  background: transparent !important;
}

/* v39: camada verde escurecida para harmonizar as notas com os cards */
body:has(.cash-shell) {
  background-color: #ffffff !important;
  background-image: linear-gradient(rgba(2, 35, 22, .65), rgba(2, 35, 22, .65)), url('/visual-assets/cash-time-dollar-notes-reference-lossless-v2_ab861c69.webp') !important;
}

@media (max-width: 768px) {
  body:has(.cash-shell) {
    background-color: #ffffff !important;
    background-image: linear-gradient(rgba(2, 35, 22, .65), rgba(2, 35, 22, .65)), url('/visual-assets/cash-time-dollar-notes-reference-lossless-v2_ab861c69.webp') !important;
  }
}