.elementor-kit-8{--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-8 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 *//* MEGA MENU - SOLUÇÕES*/
.menu-item-45 {
    position: relative; /* Referência para o posicionamento do mega menu */
}

/* Zera os estilos padrão do Elementor dentro do mega menu */
.mega-menu.mega-menu-solucoes .elementor,
.mega-menu.mega-menu-solucoes .elementor-section,
.mega-menu.mega-menu-solucoes .elementor-container,
.mega-menu.mega-menu-solucoes .elementor-column,
.mega-menu.mega-menu-solucoes .elementor-widget-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Força layout horizontal no grid do seu template */
.mega-menu.mega-menu-solucoes .elementor-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px;
}

/* Estado inicial - escondido e deslocado para cima */
.mega-menu.mega-menu-solucoes {
    display: block; /* Mantém no fluxo para animação */
    position: absolute;
    top: calc(100% + 50px);
    left: 50%;
    transform: translateX(calc(-50% - 141px)) translateY(-20px);
    width: 1140px;
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    opacity: 0;
    pointer-events: none; /* Evita clique quando fechado */
    transition: transform 0.4s ease, opacity 0.4s ease;
    z-index: 9999;
}

/* Estado quando aberto */
.mega-menu.mega-menu-solucoes.open {
    opacity: 1;
    transform: translateX(calc(-50% - 141px)) translateY(0);
    pointer-events: auto;
}



/* MEGA MENU - INTEGRAÇÃO*/
.menu-item-46 {
    position: relative; /* Referência para o posicionamento do mega menu */
}

/* Zera os estilos padrão do Elementor dentro do mega menu */
.mega-menu.mega-menu-integracao .elementor,
.mega-menu.mega-menu-integracao .elementor-section,
.mega-menu.mega-menu-integracao .elementor-container,
.mega-menu.mega-menu-integracao .elementor-column,
.mega-menu.mega-menu-integracao .elementor-widget-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Força layout horizontal no grid do seu template */
.mega-menu.mega-menu-integracao .elementor-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px;
}

/* Estado inicial - escondido e deslocado para cima */
.mega-menu.mega-menu-integracao {
    display: block; /* Mantém no fluxo para animação */
    position: absolute;
    top: calc(100% + 50px);
    left: 50%;
    transform: translateX(calc(-50% - 141px)) translateY(-20px);
    width: 1140px;
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    opacity: 0;
    pointer-events: none; /* Evita clique quando fechado */
    transition: transform 0.4s ease, opacity 0.4s ease;
    z-index: 9999;
}

/* Estado quando aberto */
.mega-menu.mega-menu-integracao.open {
    opacity: 1;
    transform: translateX(calc(-50% - 141px)) translateY(0);
    pointer-events: auto;
}


/* COR DOS CARDS MEGA MENU */
/* CARD 1 */
.card-1 {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}

.card-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #f1f1fe;
  transition: left 0.4s ease;
  z-index: 0;
}

.card-1 .head-1 {
  position: relative;
  color: #000000;
  transition: color 0.4s ease;
  z-index: 1;
}

.card-1 p,
.card-1 img {
  position: relative;
  z-index: 1;
}

.card-1:hover::before {
  left: 0;
}

.card-1:hover .head-1 {
  color: #6f56ae;
}

.card-1 .head-1,
.card-1 .head-1 h1,
.card-1 .head-1 h2,
.card-1 .head-1 h3,
.card-1 .head-1 h4,
.card-1 .head-1 h5,
.card-1 .head-1 h6 {
  color: #000000 !important;
  transition: color 0.4s ease;
  position: relative;
  z-index: 1;
}

.card-1:hover .head-1,
.card-1:hover .head-1 h1,
.card-1:hover .head-1 h2,
.card-1:hover .head-1 h3,
.card-1:hover .head-1 h4,
.card-1:hover .head-1 h5,
.card-1:hover .head-1 h6 {
  color: #6f56ae !important;
}

/* CARD 2 */
.card-2 {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}

.card-2::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #eefbe6;
  transition: left 0.4s ease;
  z-index: 0;
}

.card-2 .head-2 {
  position: relative;
  color: #000000;
  transition: color 0.4s ease;
  z-index: 1;
}

.card-2 p,
.card-2 img {
  position: relative;
  z-index: 1;
}

.card-2:hover::before {
  left: 0;
}

.card-1:hover .head-1 {
  color: #469b2f;
}

.card-2 .head-2,
.card-2 .head-2 h1,
.card-2 .head-2 h2,
.card-2 .head-2 h3,
.card-2 .head-2 h4,
.card-2 .head-2 h5,
.card-2 .head-2 h6 {
  color: #000000 !important;
  transition: color 0.4s ease;
  position: relative;
  z-index: 1;
}

.card-2:hover .head-2,
.card-2:hover .head-2 h1,
.card-2:hover .head-2 h2,
.card-2:hover .head-2 h3,
.card-2:hover .head-2 h4,
.card-2:hover .head-2 h5,
.card-2:hover .head-2 h6 {
  color: #469b2f !important;
}

/* CARD 3 */
.card-3 {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}

.card-3::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #fffee7;
  transition: left 0.4s ease;
  z-index: 0;
}

.card-3 .head-3 {
  position: relative;
  color: #000000;
  transition: color 0.4s ease;
  z-index: 1;
}

.card-3 p,
.card-3 img {
  position: relative;
  z-index: 1;
}

.card-3:hover::before {
  left: 0;
}

.card-3:hover .head-3 {
  color: #e3a628;
}

.card-3 .head-3,
.card-3 .head-3 h1,
.card-3 .head-3 h2,
.card-3 .head-3 h3,
.card-3 .head-3 h4,
.card-3 .head-3 h5,
.card-3 .head-3 h6 {
  color: #000000 !important;
  transition: color 0.4s ease;
  position: relative;
  z-index: 1;
}

.card-3:hover .head-3,
.card-3:hover .head-3 h1,
.card-3:hover .head-3 h2,
.card-3:hover .head-3 h3,
.card-3:hover .head-3 h4,
.card-3:hover .head-3 h5,
.card-3:hover .head-3 h6 {
  color: #e3a628 !important;
}

/* CARD 4 */
.card-4 {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}

.card-4::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #eaf7fe;
  transition: left 0.4s ease;
  z-index: 0;
}

.card-4 .head-4 {
  position: relative;
  color: #000000;
  transition: color 0.4s ease;
  z-index: 1;
}

.card-4 p,
.card-4 img {
  position: relative;
  z-index: 1;
}

.card-4:hover::before {
  left: 0;
}

.card-4:hover .head-4 {
  color: #186cd6;
}

.card-4 .head-4,
.card-4 .head-4 h1,
.card-4 .head-4 h2,
.card-4 .head-4 h3,
.card-4 .head-4 h4,
.card-4 .head-4 h5,
.card-4 .head-4 h6 {
  color: #000000 !important;
  transition: color 0.4s ease;
  position: relative;
  z-index: 1;
}

.card-4:hover .head-4,
.card-4:hover .head-4 h1,
.card-4:hover .head-4 h2,
.card-4:hover .head-4 h3,
.card-4:hover .head-4 h4,
.card-4:hover .head-4 h5,
.card-4:hover .head-4 h6 {
  color: #186cd6 !important;
}

/* CARD 5 */
.card-5 {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}

.card-5::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #fdf7ee;
  transition: left 0.4s ease;
  z-index: 0;
}

.card-5 .head-5 {
  position: relative;
  color: #000000;
  transition: color 0.4s ease;
  z-index: 1;
}

.card-5 p,
.card-5 img {
  position: relative;
  z-index: 1;
}

.card-5:hover::before {
  left: 0;
}

.card-5:hover .head-5 {
  color: #e87d09;
}

.card-5 .head-5,
.card-5 .head-5 h1,
.card-5 .head-5 h2,
.card-5 .head-5 h3,
.card-5 .head-5 h4,
.card-5 .head-5 h5,
.card-5 .head-5 h6 {
  color: #000000 !important;
  transition: color 0.4s ease;
  position: relative;
  z-index: 1;
}

.card-5:hover .head-5,
.card-5:hover .head-5 h1,
.card-5:hover .head-5 h2,
.card-5:hover .head-5 h3,
.card-5:hover .head-5 h4,
.card-5:hover .head-5 h5,
.card-5:hover .head-5 h6 {
  color: #e87d09 !important;
}

/* CARD 6 */
.card-6 {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}

.card-6::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #eafdf5;
  transition: left 0.4s ease;
  z-index: 0;
}

.card-6 .head-6 {
  position: relative;
  color: #000000;
  transition: color 0.4s ease;
  z-index: 1;
}

.card-6 p,
.card-6 img {
  position: relative;
  z-index: 1;
}

.card-6:hover::before {
  left: 0;
}

.card-6:hover .head-6 {
  color: #2c9da6;
}

.card-6 .head-6,
.card-6 .head-6 h1,
.card-6 .head-6 h2,
.card-6 .head-6 h3,
.card-6 .head-6 h4,
.card-6 .head-6 h5,
.card-6 .head-6 h6 {
  color: #000000 !important;
  transition: color 0.4s ease;
  position: relative;
  z-index: 1;
}

.card-6:hover .head-6,
.card-6:hover .head-6 h1,
.card-6:hover .head-6 h2,
.card-6:hover .head-6 h3,
.card-6:hover .head-6 h4,
.card-6:hover .head-6 h5,
.card-6:hover .head-6 h6 {
  color: #2c9da6!important;
}

/* CARD GERAL */
.card-geral {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}

.card-geral::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #ffeee8;
  transition: left 0.4s ease;
  z-index: 0;
}

.card-geral .head-geral {
  position: relative;
  color: #000000;
  transition: color 0.4s ease;
  z-index: 1;
}

.card-geral p,
.card-geral img {
  position: relative;
  z-index: 1;
}

.card-geral:hover::before {
  left: 0;
}

.card-geral:hover .head-geral {
  color: #ff3800;
}

.card-geral .head-geral,
.card-geral .head-geral h1,
.card-geral .head-geral h2,
.card-geral .head-geral h3,
.card-geral .head-geral h4,
.card-geral .head-geral h5,
.card-geral .head-geral h6 {
  color: #000000 !important;
  transition: color 0.4s ease;
  position: relative;
  z-index: 1;
}

.card-geral:hover .head-geral,
.card-geral:hover .head-geral h1,
.card-geral:hover .head-geral h2,
.card-geral:hover .head-geral h3,
.card-geral:hover .head-geral h4,
.card-geral:hover .head-geral h5,
.card-geral:hover .head-geral h6 {
  color: #ff3800!important;
}

/* LINKS BASE DO MENU (todos os itens, inclusive mega menus) */
.elementor-location-header .elementor-nav-menu .menu-item > a {
  color: #fff;
  position: relative;
  padding-right: 20px !important;
  transition: color 0.3s ease;
}

/* SETA EM TODOS OS ITENS */
.elementor-location-header .elementor-nav-menu .menu-item > a::after {
  content: "›";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  color: inherit;
  font-size: 1.2em;
  background: none !important; /* remove o fundo verde */
  transition: transform 0.3s ease, color 0.3s ease;
  opacity: 1 !important;
  display: inline-block;
  line-height: 1;
}
.elementor-location-header .elementor-nav-menu .menu-item > a::after {
  right: 5px; /* aproxima mais da palavra */
}

/* HOVER */
.elementor-location-header .elementor-nav-menu .menu-item:hover > a,
.elementor-location-header .elementor-nav-menu .menu-item:hover > a::after {
  color: #FF693F;
}
.elementor-location-header .elementor-nav-menu .menu-item:hover > a::after {
  transform: translateY(-50%) rotate(90deg);
}

/* ATIVO */
.elementor-location-header .elementor-nav-menu .current-menu-item > a,
.elementor-location-header .elementor-nav-menu .current-menu-item > a::after {
  color: #FF693F;
}
.elementor-location-header .elementor-nav-menu .current-menu-item > a::after {
  transform: translateY(-50%) rotate(90deg);
}


/* TROCA DE LOGOMARCA DARK/LIGHT */
.logo-dark { display: none; }
.header-light .logo-light { display: none; }
.header-light .logo-dark { display: block; }


/* Mega menu ativo */
.elementor-location-header .elementor-nav-menu .mega-ativo > a,
.elementor-location-header .elementor-nav-menu .mega-ativo > a::after {
  color: #FF693F;
}
.elementor-location-header .elementor-nav-menu .mega-ativo > a::after {
  transform: translateY(-50%) rotate(90deg);
}

/* Mega menu ativo - texto e seta */
.elementor-location-header .elementor-nav-menu .mega-ativo > a,
.elementor-location-header .elementor-nav-menu .mega-ativo > a span,
.elementor-location-header .elementor-nav-menu .mega-ativo > a::after {
  color: #FF693F !important;
}

/* Seta girada */
.elementor-location-header .elementor-nav-menu .mega-ativo > a::after {
  transform: translateY(-50%) rotate(90deg);
}

/* ===== Só altera quando header-light (bg-light) ===== */

/* Cor padrão do texto */
.elementor-location-header.header-light .elementor-nav-menu .menu-item > a {
  color: #333 !important; /* cinza escuro no fundo claro */
}

/* Hover */
.elementor-location-header.header-light .elementor-nav-menu .menu-item:hover > a {
  color: #FF693F !important; /* laranja no hover */
}

/* Ativo - mantém laranja */
.elementor-location-header.header-light .elementor-nav-menu .mega-ativo > a,
.elementor-location-header.header-light .elementor-nav-menu .current-menu-item > a,
.elementor-location-header.header-light .elementor-nav-menu .elementor-item-active {
  color: #FF693F !important;
}

/* Setas acompanham a cor do texto */
.elementor-location-header.header-light .elementor-nav-menu .menu-item > a::after {
  color: inherit !important;
}

/* Ícone em bg-dark - estado normal */
.elementor-location-header.header-dark .e-font-icon-svg.e-far-user-circle {
  color: #fff !important;
  fill: #fff !important;
  transition: all 0.3s ease;
}

/* Ícone em bg-dark - hover */
.elementor-location-header.header-dark .e-font-icon-svg.e-far-user-circle:hover {
  color: #FF6600 !important;
  fill: #FF6600 !important;
}

/* Ícone em bg-light - estado normal */
.elementor-location-header.header-light .e-font-icon-svg.e-far-user-circle {
  color: #666 !important;
  fill: #666 !important;
  transition: all 0.3s ease;
}

/* Ícone em bg-light - hover */
.elementor-location-header.header-light .e-font-icon-svg.e-far-user-circle:hover {
  color: #FF6600 !important;
  fill: #FF6600 !important;
}

/* PREVENIR SCROLL LATERAL */
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/*=========================*/

/* MACBOOK FECHADO */
.tela img {
    transform: perspective(2800px) translateX(0%) translateY(-5%) rotateX(-90deg) translateZ(0);
    transform-origin: center bottom;
    transition: all 0.7s ease;
}

/* MACBOOK ABERTO */
.tela img.telaaberta {
    transform: perspective(2800px) translateX(0%) translateY(0%) rotateX(0deg) translateZ(0);
    transform-origin: center bottom;
    transition: all 0.7s ease;
}

/* CARROSSEL INVISÍVEL */
.carrosseltela {
    opacity: 0 !important;
    filter: blur(10px) !important;
    transform: scale(1.35) translateY(70px) !important;
    transition: opacity 1s ease, filter 1s ease, transform 1s ease !important;
}

/* CARROSSEL VISÍVEL */
.carrosseltelavisivel {
    opacity: 1 !important;
    filter: blur(0px) !important;
    transform: scale(1.35) translateY(-6px) !important;
}


/*=========================*/

/* EXIBIR TELA E BASE NO EDITOR */
.elementor-editor-active .tela img{
    transform: perspective(2800px) translateX(0%) translateY(0%) rotateX(0deg) translateZ(0);
    transform-origin: center bottom;
    transition: all 0.7s ease;
}

/* EXIBIR SLIDE NO EDITOR */
.elementor-editor-active .carrosseltela {
    opacity: 1;
    filter: blur(0px);
    transition: all 0.7s ease;
}/* End custom CSS */