.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-1c9a149:#007BFF;--e-global-color-c4bc64e:#FAF9F6;--e-global-color-1ddd26b:#FFFFF0;--e-global-color-df4533e:#F5F5F5;--e-global-color-ce262fe:#FFFAFA;--e-global-color-00923ee:#001833;--e-global-color-55c860d:#00244C;--e-global-color-04f7256:#003166;--e-global-color-ed03210:#003D7F;--e-global-color-f58e86b:#4B4B4B;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:44px;--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Exo 2";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-font-weight:800;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:700;--e-global-typography-40dd6b2-font-family:"Exo 2";--e-global-typography-40dd6b2-font-size:22px;--e-global-typography-40dd6b2-font-weight:800;--e-global-typography-f15395a-font-family:"Roboto";--e-global-typography-f15395a-font-size:16px;--e-global-typography-f15395a-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- Efeito de Troca de Imagem do Logo (Cor Perfeita) --- */

/* 1. Prepara o terreno: Define o logo CIANO como "fundo" do container */
.logo-muda-cor a {
    /* COLE ABAIXO O LINK QUE VOCÊ COPIOU DA BIBLIOTECA DE MÍDIA */
    background-image: url(https://traffiqpro.com.br/wp-content/uploads/2025/11/Traffiq-Pro-Agencia-de-Marketing-Medico-Favicon-Ciano.webp);

    background-size: contain; /* Garante que o logo ciano caiba certinho */
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block; /* Garante que o container tenha tamanho */
}

/* 2. Configura a imagem BRANCA (que fica por cima) */
.logo-muda-cor img {
    /* Cria uma transição suave para a transparência */
    transition: opacity 0.3s ease-in-out;
    /* Garante que ela comece visível, tapando o fundo ciano */
    opacity: 1;
    display: block; /* Remove espaços extras abaixo da imagem */
}

/* 3. O que acontece ao passar o mouse (Hover) */
.logo-muda-cor:hover img {
    /* A imagem branca fica transparente... */
    opacity: 0;
    /* ...revelando a imagem ciano vibrante que estava escondida no fundo. */
}/* End custom CSS */