/*
 * Correcao minima de contraste do footer (Elementor template ID 733).
 *
 * Causa raiz comprovada (26/07/2026), via calculo de especificidade CSS real
 * e confirmacao com getComputedStyle() no navegador:
 *
 * A paleta global do site (widget HTML "custom-scripts", id a1b2c3d4, injetado
 * na pagina) define DUAS camadas de regras conflitantes, ambas com !important:
 *
 *   1) Regras especificas do footer (pretendiam vencer):
 *        footer .elementor-heading-title { color: var(--sand) !important; }
 *        footer .elementor-icon-list-text { color: var(--sand) !important; }
 *      Especificidade: (0 ids, 1 classe, 1 elemento).
 *
 *   2) Regras genericas, criadas para outras secoes do site com FUNDO CLARO
 *      (sem a palavra "footer" no seletor):
 *        .elementor-widget-heading .elementor-heading-title { color: var(--night) !important; }
 *        .elementor-widget-icon-list .elementor-icon-list-text { color: var(--espresso) !important; }
 *      Especificidade: (0 ids, 2 classes, 0 elementos).
 *
 * Como ambas as camadas usam !important, a especificidade decide o empate.
 * (0,2,0) > (0,1,1) [2 classes vence 1 elemento + 1 classe], entao a regra
 * generica (pensada para fundo claro) vence incorretamente dentro do footer
 * (fundo escuro, --espresso #3D3630):
 *   - Titulo "Fale conosco" (widget lhy4h52z): recebe --night (#1E1B18,
 *     quase preto) sobre fundo #3D3630 - praticamente invisivel.
 *   - Endereco/e-mail (widget k81apih4) e telefone/WhatsApp (widget r4v74wu5):
 *     recebem --espresso (#3D3630) - EXATAMENTE a mesma cor do fundo do
 *     footer - totalmente invisivel.
 *   - Os icones (color/fill: var(--amber)) nao sao afetados por esse
 *     conflito e continuam visiveis - por isso "alguns icones aparecem, mas
 *     seus textos nao".
 *
 * Correcao: regras escopadas em .elementor-733 + IDs dos widgets afetados,
 * com especificidade (0,3,0) - estritamente maior que (0,2,0) da regra
 * generica conflitante - garantindo vitoria na cascata independentemente de
 * ordem de carregamento. !important e necessario aqui porque a regra que
 * esta sendo sobreposta tambem usa !important; sem !important esta correcao
 * perderia de qualquer forma.
 *
 * Nenhuma dimensao, espacamento ou estrutura foi alterada. Icones nao foram
 * tocados (ja estavam corretos).
 *
 * Widget rx54ph9f (e-mail "comercial@telasmaxime.com") identificado durante
 * a verificacao com getComputedStyle() no navegador real - sofre exatamente
 * do mesmo conflito (mesma regra generica vencedora), adicionado a mesma
 * correcao.
 */

.elementor-733 .elementor-element-lhy4h52z .elementor-heading-title {
  color: var(--sand, #D6C6A8) !important;
}

.elementor-733 .elementor-element-k81apih4 .elementor-icon-list-text {
  color: var(--sand, #D6C6A8) !important;
}

.elementor-733 .elementor-element-rx54ph9f .elementor-icon-list-text {
  color: var(--sand, #D6C6A8) !important;
}

.elementor-733 .elementor-element-r4v74wu5 .elementor-icon-list-text {
  color: var(--sand, #D6C6A8) !important;
}

/*
 * Titulo "Traga luz e estilo para sua casa" (widget eimmplww), identificado
 * em 26/07/2026 - mesmo conflito das regras acima, mesma regra generica
 * vencedora (.elementor-widget-heading .elementor-heading-title { color:
 * var(--night) !important; }).
 *
 * O Elementor configura este titulo com color: var(--e-global-color-d047d19)
 * (#FFFFFF, branco), mas essa cor era apenas uma tentativa de deixar o texto
 * visivel, nao a decisao visual final. Decisao confirmada: usar --sand
 * (bege), igual ao titulo "Fale conosco" e aos demais textos do footer.
 */
.elementor-733 .elementor-element-eimmplww .elementor-heading-title {
  color: var(--sand, #D6C6A8) !important;
}