/* =========================================================================
   ESSENTI — Estilo editorial/minimalista para os widgets do Elementor.
   Aplique as classes CSS na aba "Avançado" de seções/colunas/widgets.
   ========================================================================= */

/* Tipografia base dentro do Elementor */
.elementor-widget-heading .elementor-heading-title { font-family: var(--essenti-font-heading); color: var(--essenti-ink); font-weight: 400; letter-spacing: -0.01em; }
.elementor-widget-text-editor, .elementor-widget-icon-list .elementor-icon-list-text { font-family: var(--essenti-font-body); color: var(--essenti-ink-soft); }

/* Rótulo / eyebrow (classe: essenti-eyebrow) */
.essenti-eyebrow .elementor-heading-title,
.elementor-widget-heading.essenti-eyebrow .elementor-heading-title {
    font-family: var(--essenti-font-body) !important; font-size: 0.72rem !important;
    letter-spacing: 0.26em; text-transform: uppercase; color: var(--essenti-gold-ink) !important; font-weight: 600;
}

/* Botões do Elementor — contorno sóbrio por padrão */
.elementor-button { font-family: var(--essenti-font-body); font-weight: 500; border-radius: 0; letter-spacing: 0.02em; background: transparent; color: var(--essenti-ink); border: 1px solid var(--essenti-ink); transition: all var(--essenti-transition); }
.elementor-button:hover { background: var(--essenti-ink); color: #fff; }
/* Botão em link editorial (classe: essenti-linkbtn) */
.essenti-linkbtn .elementor-button { border: 0; border-bottom: 1px solid var(--essenti-gold); padding: 0 0 3px; background: none; color: var(--essenti-ink); border-radius: 0; }
.essenti-linkbtn .elementor-button:hover { background: none; color: var(--essenti-gold-ink); border-color: var(--essenti-gold-ink); }
/* Botão dourado discreto p/ fundo escuro (classe: essenti-goldbtn) */
.essenti-goldbtn .elementor-button { border-color: var(--essenti-gold); color: #fff; }
.essenti-goldbtn .elementor-button:hover { background: var(--essenti-gold); color: #2c2c2e; border-color: var(--essenti-gold); }

/* Divisor dourado fino (o widget "Divisor" já herda; classe opcional) */
.elementor-widget-divider .elementor-divider-separator { border-top-color: var(--essenti-line); }
.essenti-gold-divider .elementor-divider-separator { border-top-color: var(--essenti-gold) !important; }

/* Seções */
.essenti-section-warm { background-color: var(--essenti-warm); }
.essenti-section-dark { background-color: #4c4c4e; }
.essenti-section-dark .elementor-heading-title, .essenti-section-dark h1, .essenti-section-dark h2, .essenti-section-dark h3 { color: #fff; }
.essenti-section-dark .elementor-widget-text-editor { color: rgba(255,255,255,0.72); }

/* Item com fio superior (classe: essenti-hairline-top) — para diferenciais/listas */
.essenti-hairline-top { border-top: 1px solid var(--essenti-line); padding-top: 22px; }

/* Linha de tratamento editorial (classe: essenti-treat-row) */
.essenti-treat-row { border-bottom: 1px solid var(--essenti-line); padding-block: 24px; }
.essenti-treat-row .elementor-heading-title { font-size: 1.5rem; }

/* Placeholder de imagem discreto (classe: essenti-figure) — em coluna/seção */
.essenti-figure { background: var(--essenti-warm); border: 1px solid var(--essenti-line); min-height: 320px; display: flex; align-items: flex-end; padding: 16px; }
.essenti-figure .elementor-widget-text-editor { font-size: 0.62rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--essenti-ink-soft); }