/* consent.css — Banner de consentimiento (Consent Mode). Marca: #8c52ff / Inter. */

.stm-consent {
  position: fixed;
  left: 50%;
  bottom: 1.25rem;
  transform: translateX(-50%) translateY(150%);
  z-index: 2147483600; /* por encima del botón flotante de WhatsApp */
  width: min(680px, calc(100vw - 2rem));
  background: #ffffff;
  color: #1a1a2e;
  border: 1px solid rgba(140, 82, 255, 0.25);
  border-radius: 18px;
  box-shadow: 0 18px 50px rgba(24, 12, 56, 0.22);
  padding: 1.1rem 1.25rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-family: 'Inter', system-ui, sans-serif;
  opacity: 0;
  transition: transform .45s cubic-bezier(.22,1,.36,1), opacity .35s ease;
}

.stm-consent.is-visible {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
}

.stm-consent__text {
  margin: 0;
  font-size: .9rem;
  line-height: 1.5;
  color: #44425a;
}

.stm-consent__text strong { color: #1a1a2e; }

.stm-consent__text a {
  color: #8c52ff;
  font-weight: 600;
  text-decoration: underline;
}

.stm-consent__actions {
  display: flex;
  gap: .55rem;
  flex-shrink: 0;
}

.stm-consent__btn {
  font-family: inherit;
  font-size: .88rem;
  font-weight: 600;
  border-radius: 999px;
  padding: .6rem 1.15rem;
  cursor: pointer;
  border: 1px solid transparent;
  transition: transform .15s ease, background .2s ease, color .2s ease;
  white-space: nowrap;
}

.stm-consent__btn:active { transform: scale(.96); }

.stm-consent__btn--accept {
  background: linear-gradient(135deg, #8c52ff, #6a35d9);
  color: #fff;
  box-shadow: 0 8px 20px rgba(140, 82, 255, 0.35);
}

.stm-consent__btn--accept:hover { filter: brightness(1.06); }

.stm-consent__btn--reject {
  background: transparent;
  color: #6b6880;
  border-color: rgba(107, 104, 128, 0.35);
}

.stm-consent__btn--reject:hover {
  background: rgba(107, 104, 128, 0.08);
  color: #44425a;
}

@media (max-width: 640px) {
  .stm-consent {
    flex-direction: column;
    align-items: stretch;
    text-align: left;
    bottom: .75rem;
    padding: 1rem;
    gap: .85rem;
  }
  .stm-consent__actions { justify-content: stretch; }
  .stm-consent__btn { flex: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .stm-consent { transition: opacity .2s ease; transform: translateX(-50%) translateY(0); }
}