/* Custom Styles for Tesouro Verde Header */

/* 1. Header Transparente com Posicionamento Absoluto (Desktop e Mobile) */
.elementor-element-ff3bfa9,
.elementor-element-4b88c47 {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    background-color: transparent !important;
    background: transparent !important;
}

.elementor-element.elementor-element-ff3bfa9:not(.elementor-motion-effects-element-type-background),
.elementor-element.elementor-element-4b88c47:not(.elementor-motion-effects-element-type-background),
.elementor-element.elementor-element-ff3bfa9 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-element.elementor-element-4b88c47 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: transparent !important;
    background: transparent !important;
}

/* 2. Overlay de gradiente suave no topo do header */
.elementor-element.elementor-element-ff3bfa9 > .elementor-background-overlay,
.elementor-element.elementor-element-4b88c47 > .elementor-background-overlay {
    background-color: transparent !important;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%) !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
}

/* 3. Ocultar botão duplicate/unused "Recuperar senha" */
.elementor-element-0f4e33a {
    display: none !important;
}

/* 4. Estrutura do Header com Flexbox */
.elementor-element-ff3bfa9 > .elementor-container,
.elementor-element-4b88c47 > .elementor-container {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 40px !important;
    box-sizing: border-box !important;
}

.elementor-element-ff3bfa9 .elementor-column > .elementor-widget-wrap,
.elementor-element-4b88c47 .elementor-column > .elementor-widget-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
}

/* 5. Espaçamento entre Logo e Menu */
.elementor-element-04bfa23,
.elementor-element-914450c {
    margin-right: 40px !important;
    padding-right: 10px !important;
    flex: 0 0 auto !important;
    width: auto !important;
}

.elementor-element-1141aee {
    flex: 0 0 auto !important;
    width: auto !important;
}

/* 6. Espaçador Central */
.elementor-element-7824d73 {
    flex: 1 1 auto !important;
    min-width: 20px !important;
    width: auto !important;
}

/* 7. Aproximar os Botões "Acessar" e "Abra sua Conta" */
.elementor-element-da6d7d3 {
    flex: 0 0 auto !important;
    width: auto !important;
    margin-right: 12px !important;
    padding-right: 0 !important;
}

.elementor-element-a27e344,
.elementor-element-88db917,
.elementor-element-10f395e,
.elementor-element-9cae70f {
    display: none !important;
}

/* 8. Ajuste do topo da seção Hero para acomodar o Header Absoluto */
.elementor-element-7b751e2,
.elementor-element-38e4e81 {
    margin-top: 0 !important;
    padding-top: 150px !important;
}