.elementor-kit-14{--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-14 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 *//* Animação da Seta de Serviços - Transrefer */
@keyframes seta-voando {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    40% {
        transform: translateX(40px); /* Distância que ela voa para a direita */
        opacity: 0; /* Desaparece */
    }
    50% {
        transform: translateX(-40px); /* Teleporta invisível para a esquerda */
        opacity: 0;
    }
    60% {
        opacity: 1; /* Fica visível novamente */
    }
    100% {
        transform: translateX(0); /* Desliza de volta à posição inicial */
        opacity: 1;
    }
}

/* Aplicando a classe interativa */
.anim-seta-servico {
    display: inline-flex;
    align-items: center;
    overflow: hidden !important; /* Esconde a seta quando ela passa do limite */
}

/* Alvo da animação (Pode ser ícone do botão ou widget de ícone) */
.anim-seta-servico .elementor-button-icon i,
.anim-seta-servico .elementor-icon i,
.anim-seta-servico svg {
    display: inline-block;
}

/* O Gatilho: Quando passar o mouse no Card/Botão, a seta anima */
.anim-seta-servico:hover .elementor-button-icon i,
.anim-seta-servico:hover .elementor-icon i,
.anim-seta-servico:hover svg {
    animation: seta-voando 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.trf-form-header {
    background-color: #042970!important;
    border-top: 5px solid #E31E24;
    padding: 35px 20px;
    text-align: center;
    margin-bottom: 25px;
}


/* Desativar scroll horizontal no Desktop */
@media (min-width: 1025px) {
    html, body {
        max-width: 100%;
        overflow-x: hidden !important;
    }
    
    /* Previne que o container principal do Elementor vaze conteúdo */
    .elementor-page {
        overflow-x: hidden !important;
    }
}

/*anular animação caixa de icone*/

/* Desativa a animação da classe customizada do container */
.anim-seta-servico:hover,
.anim-seta-servico:hover * {
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-animation: none !important;
    animation: none !important;
}

/* Garante que o widget específico do print não se mova */
.elementor-element-c9e7cbd:hover .elementor-icon-box-wrapper,
.elementor-element-c9e7cbd:hover .elementor-icon-box-icon {
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-animation: none !important;
    animation: none !important;
}/* End custom CSS */