.elementor-175 .elementor-element.elementor-element-4c0e81cd > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-175 .elementor-element.elementor-element-4c0e81cd{box-shadow:0px 0px 40px 0px rgba(0,0,0,0.1);padding:2em 2em 2em 2em;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-175 .elementor-element.elementor-element-406fd784 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-175 .elementor-element.elementor-element-406fd784{text-align:left;}.elementor-175 .elementor-element.elementor-element-406fd784 img{width:100%;max-width:75%;}.elementor-175 .elementor-element.elementor-element-4997cabd > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:20px;}.elementor-175 .elementor-element.elementor-element-4997cabd > .elementor-element-populated{margin:4% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;}.elementor-175 .elementor-element.elementor-element-2eb7c8d6{--grid-template-columns:repeat(0, auto);--icon-size:20px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-175 .elementor-element.elementor-element-2eb7c8d6 .elementor-widget-container{text-align:right;}.elementor-175 .elementor-element.elementor-element-2eb7c8d6 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-175 .elementor-element.elementor-element-19963da1{text-align:right;}.elementor-175 .elementor-element.elementor-element-19963da1 .elementor-heading-title{font-family:"Comfortaa", Sans-serif;font-size:18px;font-weight:bold;}.elementor-175 .elementor-element.elementor-element-45962783 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-175 .elementor-element.elementor-element-45962783{text-align:right;}.elementor-175 .elementor-element.elementor-element-45962783 .elementor-heading-title{font-size:16px;font-weight:400;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-175 .elementor-element.elementor-element-40fee0de{width:auto;max-width:auto;z-index:9;}.elementor-175 .elementor-element.elementor-element-40fee0de .elementor-button{border-radius:100px 100px 100px 100px;padding:12px 18px 12px 18px;}@media(min-width:768px){.elementor-175 .elementor-element.elementor-element-58c6da1d{width:30%;}.elementor-175 .elementor-element.elementor-element-4997cabd{width:70%;}}@media(max-width:1024px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-175 .elementor-element.elementor-element-406fd784{text-align:center;}.elementor-175 .elementor-element.elementor-element-2eb7c8d6 .elementor-widget-container{text-align:center;}.elementor-175 .elementor-element.elementor-element-19963da1{text-align:center;}.elementor-175 .elementor-element.elementor-element-45962783{text-align:center;}}/* Start custom CSS */:root {
    --cor-principal: #595353; /* Altere para a cor principal do site */
}

/* ENTENDA O CÓDIGO */
/*
":root" significa a raiz de todo o site, geralmente a tag <html>. Ao aplicar algum estilo nela, ele passa a valer para todo o site.
*/
/*
O atributo usado aqui é diferente do normal.
No lugar de um atributo de estilo (ex: background-color), usamos uma variável.
*/
/*
Variáveis são feitas para que o seu valor seja aplicado a diversos atributos e alterados em um único lugar.
*/
/*
Nossa variável aqui se chama "--cor-principal". Você pode dar qualquer nome a uma variável, apenas lembrando de adicionar dois hífeis na frente, para indicar que é uma variável e não um atributo.
*/
/*
O valor dessa variável é uma cor. Mas variáveis também podem valer um tamanho (em px, em, %...), tipografia, peso, box-shadow, border-radius...
*/
/*
Para usar essa variável em um lugar, basta adicionar como valor do atributo o código:

var(--nome-da-variavel)

Ex: background-color: var(--cor-principal);

No exemplo, o background do elemento usará a cor que definimos como principal. Se vc altera o valor no :root, aqui também altera.
*/

.back-to-top{
    position: fixed;
    z-index: 999;
    bottom: -100px;
    right: 16px;
    transition: all 0.5s ease;
}

body.scroll-top .back-to-top {
    bottom: 10px !important;
}

#nav-menu{  
position: fixed;  
left: 0;  
right: 0;  
z-index: 9999;  
transition: all 1s ease 0s;  
}  

body.scroll-top #nav-menu {  
z-index: 9999;  
position: fixed;  
opacity: 1;  
}  

.btn-cta-header{  
display:none;  
}  

body.scroll-top .btn-cta-header{  
display:inline-block;  
}  

.header-logo{  
display:inline-block;  
}  

body.scroll-top .header-logo{ 
display:none;  
}/* End custom CSS */