/* ==========================================================================
   Estilos Globais • Pacote All-in-One de Landing Page
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --primary-color: #10b981;
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  background-color: #080c14;
  color: #f8fafc;
  overflow-x: hidden;
}

.glass-card {
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-card-hover:hover {
  border-color: rgba(16, 185, 129, 0.4);
  transform: translateY(-4px);
  transition: all 0.3s ease;
}

.pulse-btn {
  animation: pulse-glow 2.5s infinite;
}

@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.5);
  }
  50% {
    box-shadow: 0 0 0 16px rgba(16, 185, 129, 0);
  }
}

/* Oculta seções que não pertencem ao layout ativo */
body[data-active-layout="vendas-diretas"] [data-layout]:not([data-layout="vendas-diretas"]),
body[data-active-layout="leads-whatsapp"] [data-layout]:not([data-layout="leads-whatsapp"]),
body[data-active-layout="institucional"] [data-layout]:not([data-layout="institucional"]) {
  display: none !important;
}

/* Oculta modelos de checkout que não pertencem ao modelo ativo */
body[data-active-checkout="conversao-rapida"] [data-checkout-layout]:not([data-checkout-layout="conversao-rapida"]),
body[data-active-checkout="duas-colunas"] [data-checkout-layout]:not([data-checkout-layout="duas-colunas"]),
body[data-active-checkout="clean-minimalista"] [data-checkout-layout]:not([data-checkout-layout="clean-minimalista"]) {
  display: none !important;
}

/* Elementos de Demonstração RMTI (ocultos por padrão no pacote do cliente) */
.demo-only,
#demoTopBar,
.demo-bar,
#btnEditAdmin,
.demo-checkout-bar {
  display: none !important;
}

/* Visíveis APENAS quando a página estiver explicitamente em modo demonstração */
body.demo-mode .demo-only,
body.demo-mode #demoTopBar,
body.demo-mode .demo-bar,
body.demo-mode .demo-checkout-bar {
  display: block !important;
}

body.demo-mode header #btnEditAdmin {
  display: inline-flex !important;
}