/* ==========================================================================
   CULTURE IMPORT — AJUSTES (tema-filho)
   Carregado DEPOIS do CSS do Hello Elementor, então vence sem editar o pai.

   ⚠️ Regra de ouro: enquanto estamos validando, mantenha os ajustes ESCOPADOS
   sob `.cic-preview` (nossa página de preview). Só promova uma regra para o
   escopo global depois de confirmar que não afeta a home publicada.
   ========================================================================== */

/* Paleta da marca (reutilizável nos ajustes) */
:root{
  --ci-brand:#7c3aed;
  --ci-brand-2:#a855f7;
  --ci-brand-3:#c084fc;
  --ci-ink:#0a0a12;
  --ci-bg:#f3f4f8;
  --ci-pix:#12b76a;
  --ci-text:#1f2233;
  --ci-line:#e7e6ef;
  --ci-radius:16px;
  --ci-grad:linear-gradient(135deg,#8b5cf6,#6d28d9);
  --ci-grad-dark:linear-gradient(180deg,#12101f,#0a0a12);
}

/* -------------------------------------------------------------------------
   ESCOPO DE PREVIEW — tudo daqui pra baixo só afeta a nossa página oculta
   ------------------------------------------------------------------------- */
.cic-preview{
  background:var(--ci-bg);
  color:var(--ci-text);
  font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  min-height:60vh;
}
.cic-preview *{box-sizing:border-box}

/* container central da maquete */
.cic-preview .cic-wrap{max-width:1200px;margin-inline:auto;padding:24px 18px 60px}

/* cabeçalho da maquete */
.cic-preview .cic-hd{
  display:flex;align-items:center;gap:12px;margin-bottom:20px;
  font-family:"Sora",system-ui,sans-serif;font-weight:800;font-size:22px;color:var(--ci-text);
}
.cic-preview .cic-hd .dot{width:12px;height:12px;border-radius:50%;background:var(--ci-grad)}

/* nota de placeholder */
.cic-preview .cic-note{
  background:#fff;border:1px dashed var(--ci-brand-3);border-radius:var(--ci-radius);
  padding:22px;color:var(--ci-text);line-height:1.6;box-shadow:0 8px 30px rgba(20,16,45,.06);
}
.cic-preview .cic-note b{color:var(--ci-brand)}
.cic-preview .cic-note code{background:#f3f0ff;color:#5b21b6;padding:2px 7px;border-radius:6px;font-size:13px}

/* Nota: ajustes que precisam VENCER o conceito ficam em overrides.css
   (carregado por último). Ex.: tratamento das imagens reais do WooCommerce. */