.elementor-287 .elementor-element.elementor-element-a56e14d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-287 .elementor-element.elementor-element-2e1796c{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-287 .elementor-element.elementor-element-2e1796c:not(.elementor-motion-effects-element-type-background), .elementor-287 .elementor-element.elementor-element-2e1796c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F7;background-image:url("https://bloomalchymia.com/wp-content/uploads/2026/03/hero_home_bloom_alchymia.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-287 .elementor-element.elementor-element-2e1796c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-287 .elementor-element.elementor-element-e346e66{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-287 .elementor-element.elementor-element-2e1796c{--width:100%;}}@media(max-width:767px){.elementor-287 .elementor-element.elementor-element-a56e14d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-287 .elementor-element.elementor-element-2e1796c:not(.elementor-motion-effects-element-type-background), .elementor-287 .elementor-element.elementor-element-2e1796c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bloomalchymia.com/wp-content/uploads/2026/02/hero-3-e1769880333597.png");}.elementor-287 .elementor-element.elementor-element-2e1796c{--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-2e1796c */.ba-desc{
  min-height: 6.4em;
}

.ba-desc p{
  -webkit-line-clamp: 4 !important;
}/* End custom CSS */
/* Start custom CSS *//* ── BLOOM: MODO GRID INFALÍVEL PARA A HERO MOBILE ── */
@media (max-width: 767px) {
    
    /* 1. MESTRE (8eadbbc): Vira Grid para centralizar na vertical à força */
    .elementor-287 .elementor-element-8eadbbc {
        display: grid !important;
        align-items: center !important; /* Mágica do Grid: centraliza tudo no eixo Y sem erro */
        min-height: 85vh !important;
        padding: 0 !important;
    }

    /* 2. CONTAINERS INTERNOS: Desativamos o Flexbox do Elementor para parar o esticamento */
    .elementor-287 .elementor-element-d490d1f,
    .elementor-287 .elementor-element-f0e577a,
    .elementor-287 .elementor-element-33dce62 {
        display: block !important; /* Transforma as caixas em blocos simples */
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* 3. A CAIXA DOS TEXTOS (f0e577a): Protege a Protea limitando a 65% da tela */
    .elementor-287 .elementor-element-f0e577a {
        max-width: 65% !important; 
        padding-left: 24px !important; /* Margem esquerda de respiro */
    }

    /* 4. DOMANDO O TÍTULO GIGANTE */
    .elementor-287 .elementor-element-dec61e6 .elementor-heading-title {
        font-size: 17px !important;
        line-height: 1.3 !important;
        letter-spacing: 0.05em !important;
        margin-bottom: 16px !important;
        text-wrap: pretty !important;
    }
    
    /* 5. TEXTO SUPERIOR PEQUENO */
    .elementor-287 .elementor-element-e66fe85 .elementor-text-editor {
        font-size: 12px !important;
        margin-bottom: 10px !important;
    }
    
    /* 6. BOTÃO */
    .elementor-287 .elementor-element-412212e .elementor-button {
        padding: 12px 24px !important;
    }
}/* End custom CSS */