.elementor-kit-231{--e-global-color-primary:#552583;--e-global-color-secondary:#FDB927;--e-global-color-text:#7A7A7A;--e-global-color-accent:#00D4FF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-primary );}.elementor-kit-231 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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 *//* --- MERCADORIA LIVRE: IDENTIDADE VISUAL GLOBAL --- */

/* 1. Cores e Tipografia Base */
:root {
    --roxo-ml: #552583;
    --ciano-ml: #00D4FF;
    --texto-escuro: #333333;
    --fundo-limpo: #FFFFFF;
}

/* 2. Formatação de Títulos (H1 a H4) em todas as abas */
h1, h2, h3, h4 {
    color: var(--roxo-ml) !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
}

/* 3. Destaques em Azul Ciano (Negritos e Links) */
strong, b, a {
    color: var(--ciano-ml);
}

/* 4. Padronização de Botões (Conversão de Elite) */
.elementor-button {
    background-color: var(--ciano-ml) !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease-in-out !important;
    box-shadow: 0 4px 15px rgba(0, 212, 255, 0.2) !important;
}

.elementor-button:hover {
    background-color: var(--roxo-ml) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(85, 37, 131, 0.3) !important;
}/* End custom CSS */