.elementor-2809 .elementor-element.elementor-element-c56bce4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-2809 .elementor-element.elementor-element-c199ccd{width:auto;max-width:auto;}.elementor-2809 .elementor-element.elementor-element-c199ccd .elementor-icon-wrapper{text-align:center;}.elementor-2809 .elementor-element.elementor-element-c199ccd.elementor-view-stacked .elementor-icon{background-color:#282828;}.elementor-2809 .elementor-element.elementor-element-c199ccd.elementor-view-framed .elementor-icon, .elementor-2809 .elementor-element.elementor-element-c199ccd.elementor-view-default .elementor-icon{color:#282828;border-color:#282828;}.elementor-2809 .elementor-element.elementor-element-c199ccd.elementor-view-framed .elementor-icon, .elementor-2809 .elementor-element.elementor-element-c199ccd.elementor-view-default .elementor-icon svg{fill:#282828;}.elementor-2809 .elementor-element.elementor-element-c199ccd .elementor-icon{font-size:15px;}.elementor-2809 .elementor-element.elementor-element-c199ccd .elementor-icon svg{height:15px;}.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-2809 .elementor-element.elementor-element-08601c5{width:auto;max-width:auto;}.elementor-2809 .elementor-element.elementor-element-08601c5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2809 .elementor-element.elementor-element-08601c5.elementor-element{--align-self:center;}.elementor-2809 .elementor-element.elementor-element-08601c5 .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:14px;font-weight:500;letter-spacing:5px;color:#1B2B48;}.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-weight:var( --e-global-typography-text-font-weight );}.elementor-2809 .elementor-element.elementor-element-50de9e7 img{width:80px;}.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-2809 .elementor-element.elementor-element-1533aa1 .elementor-button{background-color:#61CE7000;font-family:"Cinzel", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:3px;fill:#141414;color:#141414;border-style:none;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-2809 .elementor-element.elementor-element-c56bce4{--z-index:99999;}.elementor-2809 .elementor-element.elementor-element-c199ccd{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-2809 .elementor-element.elementor-element-c199ccd .elementor-icon-wrapper{text-align:start;}.elementor-2809 .elementor-element.elementor-element-08601c5{width:auto;max-width:auto;}.elementor-2809 .elementor-element.elementor-element-08601c5 > .elementor-widget-container{margin:0px 0px 0px -88px;}.elementor-2809 .elementor-element.elementor-element-08601c5 .elementor-heading-title{font-size:12px;letter-spacing:4.3px;}.elementor-2809 .elementor-element.elementor-element-50de9e7{width:auto;max-width:auto;}.elementor-2809 .elementor-element.elementor-element-1533aa1{width:auto;max-width:auto;}.elementor-2809 .elementor-element.elementor-element-1533aa1.elementor-element{--align-self:center;}.elementor-2809 .elementor-element.elementor-element-1533aa1 .elementor-button{font-size:12px;}}/* Start custom CSS for heading, class: .elementor-element-08601c5 */.elementor-2809 .elementor-element.elementor-element-08601c5 {
    transform: translateX(-284px) !important; /* Move o elemento para a esquerda */
}

.elementor-2809 .elementor-element.elementor-element-08601c5 .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;
}
/* Este código só funciona em telemóveis (ecrãs até 767px) */
@media (max-width: 767px) {
    .elementor-2809 .elementor-element.elementor-element-08601c5 {
        transform: translateX(0) !important; /* Reset do puxão do desktop */
        margin-left: 0 !important;
    }
}
@media (max-width: 767px) {
    .elementor-2809 .elementor-element.elementor-element-08601c5 {
        /* Este valor vai puxar o texto para cima dos traços */
        /* Ajusta o -10px até ficar à distância que gostares */
        transform: translateX(-42px) !important; 
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    
    .elementor-2809 .elementor-element.elementor-element-08601c5 .elementor-heading-title {
        text-align: left !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c56bce4 *//* 1. HEADER BASE */
.elementor-2809 .elementor-element.elementor-element-c56bce4 {
    position: fixed !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 99999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important; /* Menu à esquerda, Botão à direita */
    background-color: #FFFFFF !important;
    min-height: 90px !important;
    padding: 0 5% !important; /* Espaçamento lateral fixo */
    transition: all 0.4s ease-in-out !important;
}

.elementor-2809 .elementor-element.elementor-element-c56bce4.scrolled {
    min-height: 65px !important;
    background-color: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

/* 2. LOGO DINÂMICO - CENTRO ABSOLUTO */
#logo-dinamico {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important; /* Centra o logo pelo seu próprio eixo */
    z-index: 10 !important;
    line-height: 0 !important; /* Remove espaços fantasmas abaixo da imagem */
    display: flex !important;
    justify-content: center !important;
}

#logo-dinamico img {
    content: url('http://olharconsciente.com/wp-content/uploads/2026/03/OLHAR-removebg-preview-1-2.png') !important;
    width: auto !important;
    max-width: 160px !important; /* Ajusta conforme o teu logo */
    height: auto !important;
    transition: all 0.5s ease-in-out !important;
}

.scrolled #logo-dinamico img {
    content: url('http://olharconsciente.com/wp-content/uploads/2026/03/AXEL_ATELIER__3_-removebg-preview-1-1.png') !important;
    max-width: 130px !important;
}

/* 3. MENU E TRAÇOS (Estabilidade total) */
.elementor-2809 .elementor-element.elementor-element-c56bce4 .elementor-widget-icon, 
.elementor-2809 .elementor-element.elementor-element-c56bce4 .elementor-widget-heading {
    display: inline-block !important;
    vertical-align: middle !important;
}

.elementor-2809 .elementor-element.elementor-element-c56bce4 .elementor-widget-heading {
    margin-left: 6px !important; /* Agora que o logo não empurra, deve bastar um valor pequeno */
    color: #1B2B48 !important;
}

/* 4. AJUSTE MOBILE */
@media (max-width: 767px) {
    /* 1. Prender o Header no topo sem margens de erro */
    .elementor-2809 .elementor-element.elementor-element-c56bce4 {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important; /* Força a largura total do ecrã */
        min-height: 60px !important;
        padding: 0 5px !important;
        z-index: 99999 !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin: 0 !important;
    }

    /* 2. Impedir que o conteúdo empurre o ecrã para a direita */
    #logo-dinamico {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: auto !important;
    }

    #logo-dinamico img {
        max-width: 75px !important; /* Reduzi um pouco mais para dar folga */
    }

    /* 3. Colar os ícones às bordas */
    .elementor-2809 .elementor-element.elementor-element-c56bce4 .elementor-widget-icon, 
    .elementor-2809 .elementor-element.elementor-element-c56bce4 .elementor-widget-heading {
        margin: 0 !important;
    }

    .elementor-2809 .elementor-element.elementor-element-c56bce4 .elementor-button {
        padding: 5px 8px !important;
        font-size: 10px !important;
    }
}

/* 4. Forçar o resto do site a não deslizar para o lado */
body, html {
    overflow-x: hidden !important;
    position: relative !important;
}/* End custom CSS */