.elementor-458 .elementor-element.elementor-element-26edf62{--display:flex;--min-height:300vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:1;}.elementor-458 .elementor-element.elementor-element-26edf62:not(.elementor-motion-effects-element-type-background), .elementor-458 .elementor-element.elementor-element-26edf62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://coffeeprice.com.br/site/wp-content/uploads/2026/03/bg-hero.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-458 .elementor-element.elementor-element-dd830c1{--display:flex;--position:absolute;top:0px;}body:not(.rtl) .elementor-458 .elementor-element.elementor-element-dd830c1{left:0px;}body.rtl .elementor-458 .elementor-element.elementor-element-dd830c1{right:0px;}.elementor-widget-image .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-458 .elementor-element.elementor-element-24e81e1{text-align:start;}.elementor-458 .elementor-element.elementor-element-24e81e1 img{width:289px;max-width:100%;}.elementor-458 .elementor-element.elementor-element-63c39b0{--display:flex;--position:absolute;top:0px;--z-index:10;}body:not(.rtl) .elementor-458 .elementor-element.elementor-element-63c39b0{left:0px;}body.rtl .elementor-458 .elementor-element.elementor-element-63c39b0{right:0px;}.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-458 .elementor-element.elementor-element-4febcb0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:600;}.elementor-458 .elementor-element.elementor-element-01b6dea{--display:flex;--position:absolute;top:0px;--z-index:11;}body:not(.rtl) .elementor-458 .elementor-element.elementor-element-01b6dea{left:0px;}body.rtl .elementor-458 .elementor-element.elementor-element-01b6dea{right:0px;}.elementor-458 .elementor-element.elementor-element-276a597 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:600;}@media(min-width:1025px){.elementor-458 .elementor-element.elementor-element-26edf62:not(.elementor-motion-effects-element-type-background), .elementor-458 .elementor-element.elementor-element-26edf62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS *//* 1. O SUPORTE (CONTAINER PAI): Centraliza o conjunto verticalmente */
#conteudo-fixo-bruna {
    position: fixed !important;
    top: 40% !important; /* Subimos mais 5% para garantir o respiro inferior */
    left: 10% !important; 
    transform: translateY(-50%) !important; 
    
    display: flex;
    flex-direction: column;
    width: 500px !important; 
    max-width: 90%;
    z-index: 1000;
    pointer-events: none;
}

/* 2. A LOGO: No topo do suporte */
#logo-fixa {
    width: 220px !important; 
    height: auto;
    position: relative !important;
    margin-bottom: 0 !important; 
    pointer-events: auto;
}

/* 3. OS TEXTOS: Camadas sobrepostas abaixo da logo */
#texto1, #texto2 {
    position: absolute !important;
    /* Reduzido para 120px para colar o texto na logo e salvar espaço embaixo */
    top: 120px !important; 
    
    left: 0 !important;
    width: 100% !important;
    text-align: left;
    
    /* Efeito de revelação lateral suave */
    transition: opacity 0.8s ease, clip-path 1.2s cubic-bezier(0.16, 1, 0.3, 1);
    opacity: 0;
    clip-path: inset(0 100% 0 0); 
}

/* 4. CLASSES DE ANIMAÇÃO (ACIONADAS PELO JS) */
.revelar-texto {
    opacity: 1 !important;
    clip-path: inset(0 0% 0 0) !important;
    pointer-events: auto !important;
}

.sumir-texto {
    opacity: 0 !important;
    clip-path: inset(0 0% 0 100%) !important;
    pointer-events: none !important;
}

/* 5. AJUSTES PARA DISPOSITIVOS MÓVEIS (RESPONSIVO) */
@media (max-width: 768px) {
    #conteudo-fixo-bruna {
        left: 5% !important;
        top: 35% !important; /* Sobe ainda mais no mobile */
        width: auto !important;
        max-width: 90%;
    }
    #logo-fixa { 
        width: 140px !important; 
    }
    #texto1, #texto2 { 
        top: 90px !important; 
    }
}

/* 6. GARANTE ALINHAMENTO À ESQUERDA */
#conteudo-fixo-bruna * {
    text-align: left !important;
}/* End custom CSS */