.elementor-1164 .elementor-element.elementor-element-1f16839{--display:flex;--min-height:300px;--overlay-opacity:0.2;}.elementor-1164 .elementor-element.elementor-element-1f16839:not(.elementor-motion-effects-element-type-background), .elementor-1164 .elementor-element.elementor-element-1f16839 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#090058;}.elementor-1164 .elementor-element.elementor-element-1f16839::before, .elementor-1164 .elementor-element.elementor-element-1f16839 > .elementor-background-video-container::before, .elementor-1164 .elementor-element.elementor-element-1f16839 > .e-con-inner > .elementor-background-video-container::before, .elementor-1164 .elementor-element.elementor-element-1f16839 > .elementor-background-slideshow::before, .elementor-1164 .elementor-element.elementor-element-1f16839 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1164 .elementor-element.elementor-element-1f16839 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://copattiengenharia.com.br/wp-content/uploads/2026/01/Design-sem-nome-2026-01-09T100959.124.png");--background-overlay:'';background-position:center center;}.elementor-1164 .elementor-element.elementor-element-f31eeb7{--display:flex;}.elementor-1164 .elementor-element.elementor-element-acae3d1{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1164 .elementor-element.elementor-element-ab20c6c{text-align:center;}.elementor-1164 .elementor-element.elementor-element-ab20c6c img{width:81%;}.elementor-1164 .elementor-element.elementor-element-acedcf9.elementor-element{--align-self:center;}.elementor-1164 .elementor-element.elementor-element-acedcf9 .elementor-menu-toggle{margin:0 auto;}.elementor-1164 .elementor-element.elementor-element-acedcf9 .elementor-nav-menu--dropdown a, .elementor-1164 .elementor-element.elementor-element-acedcf9 .elementor-menu-toggle{color:var( --e-global-color-c546c7d );fill:var( --e-global-color-c546c7d );}.elementor-1164 .elementor-element.elementor-element-acedcf9 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-0a9ffd1 );}.elementor-1164 .elementor-element.elementor-element-562b3b3 .elementor-button{background-color:var( --e-global-color-primary );fill:var( --e-global-color-6b0ce64 );color:var( --e-global-color-6b0ce64 );border-style:none;}.elementor-1164 .elementor-element.elementor-element-562b3b3.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-1164 .elementor-element.elementor-element-fa20391{--display:flex;}.elementor-1164 .elementor-element.elementor-element-6e77f81{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-1164 .elementor-element.elementor-element-6e77f81.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1164 .elementor-element.elementor-element-dc9477a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-57px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-1164 .elementor-element.elementor-element-acae3d1{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1164 .elementor-element.elementor-element-acae3d1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for nav-menu, class: .elementor-element-acedcf9 *//* Muda a cor das linhas do ícone do menu para branco */
.elementor-1164 .elementor-element.elementor-element-acedcf9 .elementor-menu-toggle i,
.elementor-1164 .elementor-element.elementor-element-acedcf9 .elementor-menu-toggle svg {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* Garante que as linhas continuem brancas no estado ativo */
.elementor-1164 .elementor-element.elementor-element-acedcf9 .elementor-menu-toggle.elementor-active i {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-562b3b3 *//* Cria o contêiner para o brilho dentro do botão */
.elementor-1164 .elementor-element.elementor-element-562b3b3 .elementor-button {
    position: relative;
    overflow: hidden; /* Importante: impede que o brilho saia das bordas do botão */
}

/* Cria a faixa de luz (pseudo-elemento ::after) */
.elementor-1164 .elementor-element.elementor-element-562b3b3 .elementor-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%; /* Começa bem à esquerda, fora da visão */
    width: 200%; /* Mais largo que o botão para o efeito completo */
    height: 100%;
    /* O segredo: um gradiente linear inclinado que imita uma faixa de luz */
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0) 40%,
        rgba(255, 255, 255, 0.7) 50%, /* O pico de luz branca e brilhante no meio */
        rgba(255, 255, 255, 0) 60%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-20deg); /* Inclina a faixa de luz */
}

/* Define a animação ao carregar e ao passar o mouse */
.elementor-1164 .elementor-element.elementor-element-562b3b3 .elementor-button:hover::after,
.elementor-1164 .elementor-element.elementor-element-562b3b3 .elementor-button::after {
    animation: shineEffect 3s infinite ease-in-out; /* Velocidade e repetição */
}

/* Configuração do movimento da animação (da esquerda para a direita) */
@keyframes shineEffect {
    0% {
        left: -150%;
    }
    100% {
        left: 150%; /* Termina bem à direita, fora da visão */
    }
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-6e77f81 *//* Força a cor branca em todos os estados do link no menu */
.elementor-1164 .elementor-element.elementor-element-6e77f81 a {
    color: #ffffff !important;
}

/* Garante que o link continue branco mesmo após ser clicado ou visitado */
.elementor-1164 .elementor-element.elementor-element-6e77f81 a:visited, 
.elementor-1164 .elementor-element.elementor-element-6e77f81 a:hover, 
.elementor-1164 .elementor-element.elementor-element-6e77f81 a:active {
    color: #ffffff !important;
}/* End custom CSS */