.elementor-14145 .elementor-element.elementor-element-6c0c9dd{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:22px;--padding-bottom:22px;--padding-left:11px;--padding-right:10px;}.elementor-14145 .elementor-element.elementor-element-6c0c9dd:not(.elementor-motion-effects-element-type-background), .elementor-14145 .elementor-element.elementor-element-6c0c9dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-64f8d38 ) 0%, #000000 22%);}.elementor-14145 .elementor-element.elementor-element-5544d3e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:wrap;--align-content:center;--margin-top:9%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14145 .elementor-element.elementor-element-4d51fae > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 30px 0px;}.elementor-14145 .elementor-element.elementor-element-4d51fae{text-align:center;}.elementor-14145 .elementor-element.elementor-element-4d51fae img{width:67%;opacity:1;}.elementor-14145 .elementor-element.elementor-element-9bf9b90{width:100%;max-width:100%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-6c0c9dd *//* Define o estilo da barra lateral */
.elementor-14145 .elementor-element.elementor-element-6c0c9dd {
    width: 250px; /* largura da barra lateral */
    overflow: auto; /* permite rolar o conteúdo da barra lateral se ultrapassar a largura definida */
    position: fixed; /* fixa a barra lateral na posição durante a rolagem */
    transition: all .3s ease !important; /* adiciona uma transição suave para todas as propriedades CSS */
    overflow-x: hidden; /* oculta a rolagem horizontal */
    z-index: 1; /* define a ordem de empilhamento da barra lateral */
}

/* Define o estilo do botão de alternância da barra lateral */
.sidebar-toggle{
    cursor: pointer; /* altera o cursor do mouse para uma mãozinha para indicar que é clicável */
    transition: all .3s ease; /* adiciona uma transição suave para todas as propriedades CSS */
    padding: 0px; /* espaçamento interno do botão */
}

/* Define o estilo dos elementos dentro da barra lateral quando o corpo está abrindo */
body.opening .elementor-14145 .elementor-element.elementor-element-6c0c9dd  .sidebar-alinhamento {
  justify-content: center !important; /* centraliza os elementos dentro da barra lateral */
}

/* Define o estilo da barra lateral quando o corpo está abrindo */
body.opening .elementor-14145 .elementor-element.elementor-element-6c0c9dd{
    width: 80px !important; /* altera a largura da barra lateral quando o corpo está abrindo */
}

/* Define o estilo dos itens do menu dentro da barra lateral quando o corpo está abrindo */
body.opening .elementor-14145 .elementor-element.elementor-element-6c0c9dd .elementor-icon-list-items li a {
    padding: 0px !important; /* remove o preenchimento dos itens do menu */
    height: 34px; /* define a altura dos itens do menu */
}

/* Define a transição de estilo para o texto dos itens do menu */
.elementor-14145 .elementor-element.elementor-element-6c0c9dd .elementor-icon-list-text {
    transition: all 0.3s ease; /* adiciona uma transição suave para todas as propriedades CSS */
}

/* Define o estilo do texto dos itens do menu quando o corpo está abrindo */
body.opening .elementor-14145 .elementor-element.elementor-element-6c0c9dd .elementor-icon-list-text {
    opacity: 0; /* torna o texto dos itens do menu transparente */
    font-size: 0px; /* define o tamanho da fonte como zero */
}

/* Define o estilo do logotipo dentro da barra lateral */
.elementor-14145 .elementor-element.elementor-element-6c0c9dd .logo {
    transition: all 0.3s ease; /* adiciona uma transição suave para todas as propriedades CSS */
    width: 100%; /* largura do logotipo */
}

/* Define o estilo do logotipo dentro da barra lateral quando o corpo está abrindo */
body.opening .elementor-14145 .elementor-element.elementor-element-6c0c9dd .logo {
  padding-top: 10px; /* espaçamento superior do logotipo */
  padding-bottom: 5px; /* espaçamento inferior do logotipo */
       width: 50px; /* largura do logotipo quando o corpo está abrindo */
}

/* Define a transição de estilo para a imagem do logotipo */
body.opening  .elementor-14145 .elementor-element.elementor-element-6c0c9dd .logo img {
    transition: all 0.3s ease; /* adiciona uma transição suave para todas as propriedades CSS */
}

/* Define o estilo do usuário dentro da barra lateral */
.elementor-14145 .elementor-element.elementor-element-6c0c9dd .user {
    transition: all 0.3s ease; /* adiciona uma transição suave para todas as propriedades CSS */
    width: 100%; /* largura do elemento de usuário */
}

/* Define o estilo do usuário dentro da barra lateral quando o corpo está abrindo */
body.opening .elementor-14145 .elementor-element.elementor-element-6c0c9dd .user {
    padding-top: 10px; /* espaçamento superior do usuário */
  padding-bottom: 5px; /* espaçamento inferior do usuário */
  width: 50px; /* largura do elemento de usuário quando o corpo está abrindo */
}

/* Define a transição de estilo para a imagem do usuário */
body.opening  .elementor-14145 .elementor-element.elementor-element-6c0c9dd .user img {
    transition: all 0.3s ease; /* adiciona uma transição suave para todas as propriedades CSS */
}

/* Define o estilo da primeira lista de itens dentro da barra lateral quando o corpo está abrindo */
body.opening .elementor-14145 .elementor-element.elementor-element-6c0c9dd .list1 {
    padding-top: 12px; /* espaçamento superior da lista 1 */
  padding-bottom: 5px; /* espaçamento inferior da lista 1 */
}

/* Define o estilo da segunda lista de itens dentro da barra lateral quando o corpo está abrindo */
body.opening .elementor-14145 .elementor-element.elementor-element-6c0c9dd .list2 {
    padding-top: 12px; /* espaçamento superior da lista 2 */
  padding-bottom: 5px; /* espaçamento inferior da lista 2 */
}

/* Define o estilo do nome dentro da barra lateral quando o corpo está abrindo */
body.opening .elementor-14145 .elementor-element.elementor-element-6c0c9dd .nome {
    display: none; /* oculta o nome */
    transition: all .3s ease; /* adiciona uma transição suave para todas as propriedades CSS */
    margin-left: 0px !important; /* margem esquerda do nome */
}

/* Define a margem esquerda dos elementos após o cabeçalho e antes do rodapé */
header + *,
[data-elementor-type="header"] + *,
footer,
[data-elementor-type="footer"]{
    margin-left: 250px; /* margem esquerda dos elementos */
    transition: all 0.3s ease !important; /* adiciona uma transição suave para todas as propriedades CSS */
}

/* Define a margem esquerda dos elementos após o cabeçalho e antes do rodapé quando o corpo está abrindo */
body.opening header + *,
body.opening [data-elementor-type="header"] + *,
body.opening footer,
body.opening [data-elementor-type="footer"]{
    margin-left: 80px; /* margem esquerda dos elementos quando o corpo está abrindo */
}

/* Define o estilo dos elementos quando a largura da tela é menor ou igual a 1024px */
@media (max-width: 1024px){
    header + *,
    [data-elementor-type="header"] + *,
    footer,
    [data-elementor-type="footer"]{
        margin-left: 80px !important; /* margem esquerda dos elementos */
      transform: translateX(170px); /* move os elementos para a direita */
        transition: all 0.3s ease !important; /* adiciona uma transição suave para todas as propriedades CSS */
    }
    
    /* Define o estilo dos elementos quando a largura da tela é menor ou igual a 1024px e o corpo está abrindo */
    body.opening header + *,
    body.opening [data-elementor-type="header"] + *,
    body.opening footer,
    body.opening [data-elementor-type="footer"]{
        transform: translateX(0); /* move os elementos de volta para a posição original */
        transition: all 0.3s ease !important; /* adiciona uma transição suave para todas as propriedades CSS */
    }
    
    html, body{
        overflow-x: hidden; /* oculta a rolagem horizontal */
    }

}

/* Define o estilo dos elementos quando a largura da tela é menor ou igual a 767px */
@media (max-width: 767px){
    .elementor-14145 .elementor-element.elementor-element-6c0c9dd{
        height: 100vh; /* altura da barra lateral */
    }
    
    body.left .elementor-14145 .elementor-element.elementor-element-6c0c9dd{
transform: translateX(-250px);  /* move a barra lateral para a esquerda */
    }
    
    /* Define o estilo dos elementos após o cabeçalho e antes do rodapé quando a largura da tela é menor ou igual a 767px */
    header + *,
    [data-elementor-type="header"] + *,
    footer,
    [data-elementor-type="footer"]{
        margin-left: 0px !important; /* margem esquerda dos elementos */
        transform: translateX(250px); /* move os elementos para a direita */
        transition: all 0.3s ease !important; /* adiciona uma transição suave para todas as propriedades CSS */
    }
    
    /* Define o estilo dos elementos após o cabeçalho e antes do rodapé quando a largura da tela é menor ou igual a 767px e o corpo está abrindo */
    body.left header + *,
    body.left [data-elementor-type="header"] + *,
    body.left footer,
    body.left [data-elementor-type="footer"]{
        transform: translateX(0); /* move os elementos de volta para a posição original */
    }
}

/* Define o estilo dos elementos de conteúdo após o rodapé */
.site-content footer,
.site-content header + *{
    margin: 0 !important; /* remove as margens */
    transform: none !important; /* remove qualquer transformação aplicada */
}/* End custom CSS */