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

/* =========================================================
   TReinaCOM Landings - Design System Oficial
   Padrão Exclusivo: Clean Light Mode (Harmonizado com a Loja)
   Módulo: Base, Variáveis, Containers e Estrutura Geral
   ========================================================= */

:root {
  --lp-bg: #f8fafc;
  --lp-bg2: #f1f5f9;
  --lp-bg3: #e2e8f0;
  --lp-bg4: #cbd5e1;
  --lp-text: #1e293b;
  --lp-text2: #475569;
  --lp-text3: #64748b;
  --lp-text4: #94a3b8;
  --lp-card-bg: #ffffff;
  --lp-card-border: #e2e8f0;
  --lp-card-hover: #6366f1;
  --lp-heading: #0f172a;
  --lp-accent: #4f46e5;
  --lp-accent2: #7c3aed;
  --lp-accent3: #8b5cf6;
  --lp-green: #059669;
  --lp-amber: #d97706;
  --lp-red: #dc2626;
  --lp-btn-sec-bg: #ffffff;
  --lp-btn-sec-border: #e2e8f0;
  --lp-table-row-hover: rgba(99, 102, 241, .06);
  --lp-table-highlight: #f5f3ff;
  --lp-hero-from: #f8fafc;
  --lp-hero-mid: #f1f5f9;
  --lp-hero-to: #eef2ff;
  --lp-shadow: 0 10px 30px rgba(0, 0, 0, .06);
  --lp-tag-bg: #eef2ff;
  --lp-tag-color: #4f46e5;
  --lp-tag-green-bg: #ecfdf5;
  --lp-tag-amber-bg: #fffbeb;
  --lp-tag-red-bg: #fef2f2;
}

/* Oculta admin-bar apenas se estiver dentro do iframe */
body.is-inside-iframe #wpadminbar {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.is-inside-iframe,
html.is-inside-iframe {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html,
body.tc-landing-body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  background-color: var(--lp-bg) !important;
  background: var(--lp-bg) !important;
  color: var(--lp-text) !important;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body.tc-landing-body * {
  box-sizing: border-box;
}

/* Blindagem de Títulos e Textos */
body.tc-landing-body h1,
body.tc-landing-body h2,
body.tc-landing-body h3,
body.tc-landing-body h4,
body.tc-landing-body .tc-section-title h2,
body.tc-landing-body .tc-benefit-card h3,
body.tc-landing-body .tc-product-body h3,
body.tc-landing-body .tc-faq-q,
body.tc-landing-body .tc-cta-section h2 {
  color: var(--lp-heading) !important;
}

body.tc-landing-body p,
body.tc-landing-body .tc-section-title p,
body.tc-landing-body .tc-benefit-card p,
body.tc-landing-body .tc-product-desc,
body.tc-landing-body .tc-faq-a,
body.tc-landing-body .tc-cta-section p {
  color: var(--lp-text2) !important;
}

/* Blindagem de visibilidade contra regras externas */
body.tc-landing-body .tc-section,
body.tc-landing-body .tc-hero,
body.tc-landing-body .tc-product-card,
body.tc-landing-body .tc-benefit-card,
body.tc-landing-body .tc-product-grid,
body.tc-landing-body .tc-comparison-wrapper,
body.tc-landing-body .tc-faq-list,
body.tc-landing-body .tc-cta-section,
body.tc-landing-body .tc-lp-footer {
  opacity: 1 !important;
  visibility: visible !important;
  display: block;
}

body.tc-landing-body .tc-product-grid,
body.tc-landing-body .tc-benefits-grid {
  display: grid !important;
}

/* =========================================================
   Container e Estrutura Principal (Espaço Mínimo Lateral 100% Unificado)
   ========================================================= */

.tc-lp-container,
body.is-inside-iframe .tc-lp-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 12px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

/* =========================================================
   Seções e Títulos Gerais (Espaçamento Otimizado e Compacto)
   ========================================================= */

.tc-section {
  padding: 32px 0;
}

.tc-section-title {
  text-align: center;
  margin-bottom: 20px;
}

.tc-section-title h2 {
  font-size: 1.95rem;
  font-weight: 800;
  color: var(--lp-heading) !important;
  margin-bottom: 6px;
}

.tc-section-title p {
  color: var(--lp-text2) !important;
  max-width: 620px;
  margin: 0 auto;
  font-size: 0.98rem;
}

@media (max-width: 640px) {
  .tc-section {
    padding: 24px 0;
  }

  .tc-section-title {
    margin-bottom: 16px;
  }

  .tc-section-title h2 {
    font-size: 1.6rem;
  }
}