/* preview.css · SÓ PARA O PREVIEW (data-el-preview: não é importado nem analisado).
   Reproduz o que o WordPress já dá: a base do tema Hello + widgets Atomic e as
   Configurações do site do Elementor (kit). Nunca copie isto para o CSS do
   projeto: seletores de tag e de body quebram a UI do editor (B201/B202).

   No Elementor, configurar em Configurações do site:
   - Fundo do site: --cep-creme (#FEF5A8)
   - Tipografia do corpo: OutfitVar (Outfit variável), cor --cep-verde-escuro
   - Links: --cep-verde-escuro, hover --cep-verde, sem sublinhado
   - Fontes personalizadas: OverHeat e Outfit (assets/fonts)
   - Seleção de texto: fundo --cep-limao */

/* ---- base do tema Hello + widgets Atomic ---- */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6, p { margin: 0; }
img { max-width: 100%; height: auto; border-style: none; }
button, input, select, textarea { font: inherit; }

/* ---- Configurações do site (kit) ---- */
/* Fonte de fallback do kit: Verdana. O token de fonte tem um nome só
   (--cep-fonte-titulo: OverHeat), então o fallback entra aqui, como face da
   própria família. Desde 02/10 a OverHeat é a versão OFICIAL completa (215
   glifos: acentos, cedilha, algarismos e pontuação), em Regular e Italic; a
   DEMO antiga (58 glifos, sem nada disso) está em _tools/fontes-antigas/.
   No Elementor: Fontes personalizadas, com as duas faces. */
@font-face { font-family: "OverHeat"; src: local("Verdana"); font-weight: 400; }
@font-face { font-family: "OverHeat"; src: url("../assets/fonts/OverHeat-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "OverHeat"; src: url("../assets/fonts/OverHeat-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "OutfitVar"; src: local("Verdana"); font-weight: 100 900; }
@font-face { font-family: "OutfitVar"; src: url("../assets/fonts/Outfit-Variable.ttf") format("truetype"); font-weight: 100 900; font-display: swap; }
html { scroll-behavior: smooth; }
body {
  overflow-x: hidden;
  background: var(--cep-creme);
  font-family: var(--cep-fonte-texto), Verdana, sans-serif;
  color: var(--cep-verde-escuro);
}
a { color: var(--cep-verde-escuro); text-decoration: none; }
a:hover { color: var(--cep-verde); }
::selection { background: var(--cep-limao); color: var(--cep-verde-escuro); }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* ---- popups: sem JS ficam fora da página (no WordPress quem abre é o Elementor) ---- */
:root:not(.has-js) [data-el-doc="popup"] { display: none; }