/* ═══════════════════════════════════════════════
   ZONA TRAUMÁTICA — Mobile Liquid Glass
   Backdrop-filter + neon glow + CSS reveals
   ═══════════════════════════════════════════════ */
@media (max-width: 768px) {
  :root {
    --glass-bg: rgba(10, 10, 15, 0.6);
    --glass-border: rgba(220, 38, 38, 0.12);
    --glass-blur: 20px;
  }

  /* Liquid glass on all cards */
  .product-card,
  .why-card,
  .step-card,
  .testimonial-card,
  .faq-item {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(var(--glass-blur)) saturate(1.3);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.3);
    border: 1px solid var(--glass-border) !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.3),
                inset 0 1px 0 rgba(255,255,255,0.05);
  }

  /* Nav glass */
  .nav {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(var(--glass-blur)) saturate(1.4);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.4);
    border-bottom: 1px solid var(--glass-border) !important;
  }

  /* Neon glow on primary buttons */
  .btn-primary,
  .nav-cta {
    box-shadow: 0 0 15px rgba(var(--primary-rgb), 0.3);
    animation: btnGlow 2s ease-in-out infinite;
  }
  @keyframes btnGlow {
    0%, 100% { box-shadow: 0 0 15px rgba(var(--primary-rgb), 0.3); }
    50% { box-shadow: 0 0 30px rgba(var(--primary-rgb), 0.5); }
  }

  /* Trust numbers glow */
  .trust-num {
    text-shadow: 0 0 20px rgba(var(--accent-rgb), 0.4);
  }

  /* CSS-only scroll reveal */
  .reveal-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease,
                transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  .reveal-up.visible {
    opacity: 1;
    transform: translateY(0);
  }

  /* Plan section glass */
  .plan-section {
    background: var(--glass-bg) !important;
  }
  .plan-product {
    background: rgba(17, 17, 24, 0.7) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  /* Countdown glass */
  .countdown-item {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid var(--glass-border) !important;
  }

  /* Archetype cards glass */
  .archetype-card {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid var(--glass-border) !important;
  }
  .archetype-card.active {
    box-shadow: 0 0 20px rgba(var(--archetype-rgb), 0.2);
  }

  /* Quiz glass */
  .quiz-opt {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  /* WhatsApp float larger on mobile */
  .wa-float {
    width: 56px; height: 56px;
    bottom: 20px; right: 16px;
    font-size: 1.6rem;
  }

  /* Live notification full width on mobile */
  .live-notification {
    left: 12px; right: 12px; bottom: 90px;
    max-width: none;
  }

  /* Footer responsive */
  .footer-inner {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  /* SEO content responsive */
  .seo-content {
    padding: 40px 16px;
  }
  .seo-content h2 {
    font-size: 1.3rem;
  }
  .seo-content h3 {
    font-size: 1rem;
  }
}