.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--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;}.elementor-kit-7 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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 *//* --- CÓDIGO DO RODAPÉ (MANTIDO) --- */
html, body {
    height: 100%;
    margin: 0;
}
body {
    display: flex;
    flex-direction: column;
}
.elementor-location-header + .elementor-section, 
.elementor-location-header + .e-con { 
    flex-grow: 1; 
}
.elementor-location-footer {
    margin-top: auto;
}

/* --- CÓDIGO DO MASCOTE CORRIGIDO (NOVA ESTRATÉGIA) --- */

/* Garante que o container não estique e o balão apareça */
.mascote-zap {
    overflow: visible !important;
    width: auto !important;
    /* Z-index alto para garantir que fique sobre tudo */
    z-index: 9999 !important; 
}

/* O Balão de Fala */
.mascote-zap::before {
    content: "Orçamento Rápido ⚡";
    position: absolute;
    
    /* NOVA ESTRATÉGIA: Posiciona a partir da ESQUERDA do mascote */
    top: 50%;
    left: 0; 
    /* Move o balão 100% para fora à esquerda e centraliza verticalmente */
    transform: translateX(-100%) translateY(-50%);
    /* Cria um pequeno espaço fixo de 15px entre o balão e o mascote */
    margin-left: -15px;
    
    /* Estilo Visual */
    background-color: #FFFFFF;
    color: #1e293b;
    padding: 10px 18px;
    border-radius: 20px 20px 0 20px;
    font-size: 14px;
    font-weight: 700;
    font-family: sans-serif;
    white-space: nowrap;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    
    /* Animação de Entrada */
    opacity: 0;
    /* Usa uma animação específica para o balão */
    animation: aparecerBalao 0.5s ease-out forwards;
    animation-delay: 1s;
}

/* O Triângulo do Balão (A setinha) */
.mascote-zap::after {
    content: "";
    position: absolute;
    
    /* NOVA ESTRATÉGIA PARA A SETA */
    top: 65%;
    left: 0;
    /* Move a seta 100% para a esquerda */
    transform: translateX(-100%);
    /* A mesma margem negativa do balão para alinhar a ponta perfeitamente */
    margin-left: -15px;

    border-width: 8px;
    border-style: solid;
    /* Cor branca na borda ESQUERDA faz a seta apontar para a DIREITA */
    border-color: transparent transparent transparent #FFFFFF;
    
    opacity: 0;
    /* Usa uma animação específica para a seta */
    animation: aparecerSeta 0.5s ease-out forwards;
    animation-delay: 1s;
}

/* Animação Keyframes para o BALÃO (inclui translateY) */
@keyframes aparecerBalao {
    0% {
        opacity: 0;
        /* Começa um pouco mais longe */
        transform: translateX(-120%) translateY(-50%);
    }
    100% {
        opacity: 1;
        /* Termina na posição final correta */
        transform: translateX(-100%) translateY(-50%);
    }
}

/* Animação Keyframes para a SETA (NÃO inclui translateY) */
@keyframes aparecerSeta {
    0% {
        opacity: 0;
        /* Começa um pouco mais longe */
        transform: translateX(-120%);
    }
    100% {
        opacity: 1;
        /* Termina na posição final correta */
        transform: translateX(-100%);
    }
}

/* Ocultar no Celular */
@media (max-width: 767px) {
    .mascote-zap::before,
    .mascote-zap::after {
        display: none !important;
    }
}/* End custom CSS */