.elementor-9721 .elementor-element.elementor-element-a56e14d{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--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-9721 .elementor-element.elementor-element-a56e14d:not(.elementor-motion-effects-element-type-background), .elementor-9721 .elementor-element.elementor-element-a56e14d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-9721 .elementor-element.elementor-element-a56e14d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9721 .elementor-element.elementor-element-3e7591e{--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;--justify-content:flex-start;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );font-style:var( --e-global-typography-accent-font-style );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-9721 .elementor-element.elementor-element-2e1796c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--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-9721 .elementor-element.elementor-element-2e1796c:not(.elementor-motion-effects-element-type-background), .elementor-9721 .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-9721 .elementor-element.elementor-element-2e1796c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9721 .elementor-element.elementor-element-e346e66{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--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-9721 .elementor-element.elementor-element-e346e66:not(.elementor-motion-effects-element-type-background), .elementor-9721 .elementor-element.elementor-element-e346e66 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3EEE6;}.elementor-9721 .elementor-element.elementor-element-7e51aea{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9721 .elementor-element.elementor-element-bdb65f4{--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-9721 .elementor-element.elementor-element-63cdeb1{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9721 .elementor-element.elementor-element-4e1c17f{--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-9721 .elementor-element.elementor-element-20fe018{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(min-width:768px){.elementor-9721 .elementor-element.elementor-element-a56e14d{--width:113.465%;}.elementor-9721 .elementor-element.elementor-element-3e7591e{--content-width:100%;}.elementor-9721 .elementor-element.elementor-element-2e1796c{--width:100%;}.elementor-9721 .elementor-element.elementor-element-e346e66{--width:100%;}.elementor-9721 .elementor-element.elementor-element-bdb65f4{--width:100%;}.elementor-9721 .elementor-element.elementor-element-63cdeb1{--width:100%;}.elementor-9721 .elementor-element.elementor-element-4e1c17f{--width:100%;}.elementor-9721 .elementor-element.elementor-element-20fe018{--width:100%;}}@media(max-width:767px){.elementor-9721 .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-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-9721 .elementor-element.elementor-element-2e1796c:not(.elementor-motion-effects-element-type-background), .elementor-9721 .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-9721 .elementor-element.elementor-element-2e1796c{--width:100%;--min-height:0px;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-9721 .elementor-element.elementor-element-e346e66{--width:100%;--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-a56e14d *//* Bloom Alchymia | Home Hero | Elementor 4.1.2 */

/* Mobile first: container principal */
.elementor-9721 .elementor-element.elementor-element-a56e14d {
    position: relative;
    min-height: auto;
    overflow: hidden;

    background-image: url("https://bloomalchymia.com/wp-content/uploads/2026/06/img_hero_home_mobile.jpg") !important;
    background-repeat: no-repeat !important;
    background-size: 105% auto !important;
    background-position: center 85% !important;
}

/* Camada desktop desligada no mobile */
.elementor-9721 .elementor-element.elementor-element-a56e14d::before {
    display: none;
}

/* Container interno de conteúdo */
.elementor-9721 .elementor-element.elementor-element-a56e14d .ba-home-hero__content {
    position: relative;
    z-index: 1;

    width: 100%;
    min-height: auto;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

    padding-top: 36px;
    padding-right: 20px;
    padding-bottom: 80px;
    padding-left: 20px;
}

/* Headline rotativa */
.elementor-9721 .elementor-element.elementor-element-a56e14d .ba-hero-rotator {
    position: relative;
    display: block;
    width: min(100%, 92vw);
    min-height: 5.6em;
    margin: 0;
    overflow: hidden;

    color: #8F6B29;
    font-family: "Cinzel", serif;
    font-size: clamp(28px, 9vw, 42px);
    font-weight: 800;
    line-height: 1.14;
    letter-spacing: 0.01em;
    text-transform: none;
}

/* Cada frase rotativa */
.elementor-9721 .elementor-element.elementor-element-a56e14d .ba-hero-rotator__line {
    position: absolute;
    top: 0;
    left: 0;

    display: block;
    width: 100%;

    opacity: 0;
    transform: translateX(110px);

    animation-name: ba-hero-slide-from-right;
    animation-duration: 18s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}

/* Mantém a terceira frase com quebra manual correta */
.elementor-9721 .elementor-element.elementor-element-a56e14d .ba-hero-rotator__line-part {
    display: block;
    white-space: nowrap;
}

/* Tempo da frase 1 */
.elementor-9721 .elementor-element.elementor-element-a56e14d .ba-hero-rotator__line--one {
    animation-delay: 0s;
}

/* Tempo da frase 2 */
.elementor-9721 .elementor-element.elementor-element-a56e14d .ba-hero-rotator__line--two {
    animation-delay: 6s;
}

/* Tempo da frase 3 */
.elementor-9721 .elementor-element.elementor-element-a56e14d .ba-hero-rotator__line--three {
    animation-delay: 12s;
}

/* Movimento da frase inteira vindo da direita */
@keyframes ba-hero-slide-from-right {
    0% {
        opacity: 0;
        transform: translateX(110px);
    }

    6% {
        opacity: 1;
        transform: translateX(0);
    }

    30% {
        opacity: 1;
        transform: translateX(0);
    }

    36% {
        opacity: 0;
        transform: translateX(-24px);
    }

    100% {
        opacity: 0;
        transform: translateX(-24px);
    }
}

/* Botão */
.elementor-9721 .elementor-element.elementor-element-a56e14d .elementor-widget-button .elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-top: 28px;
    padding: 12px 26px;

    border: 1px solid #8F6B29;
    border-radius: 999px;
    background-color: #8F6B29;

    color: #FFFFFF;
    font-family: "Mulish", sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.05em;
    text-decoration: none;

    transition: background-color 220ms ease, color 220ms ease;
}

/* Hover do botão */
.elementor-9721 .elementor-element.elementor-element-a56e14d .elementor-widget-button .elementor-button:hover,
.elementor-9721 .elementor-element.elementor-element-a56e14d .elementor-widget-button .elementor-button:focus {
    background-color: transparent;
    color: #8F6B29;
}

/* Tablet */
@media (min-width: 768px) {
    .elementor-9721 .elementor-element.elementor-element-a56e14d {
        min-height: 820px;
        background-image: url("https://bloomalchymia.com/wp-content/uploads/2026/05/img_home_desktop.png") !important;
        background-size: cover !important;
        background-position: 72% center !important;
    }

    .elementor-9721 .elementor-element.elementor-element-a56e14d .ba-home-hero__content {
        min-height: 820px;
        padding-top: 110px;
        padding-right: 320px;
        padding-bottom: 80px;
        padding-left: 40px;
    }

    .elementor-9721 .elementor-element.elementor-element-a56e14d .ba-hero-rotator {
        width: min(100%, 470px);
        min-height: 5.2em;
        font-size: clamp(30px, 4.6vw, 46px);
        line-height: 1.12;
    }
}

/* Desktop */
@media (min-width: 1025px) {
    .elementor-9721 .elementor-element.elementor-element-a56e14d {
        min-height: 100vh;
        background: none !important;
    }

    /* Camada desktop independente para permitir subir a imagem */
   .elementor-9721 .elementor-element.elementor-element-a56e14d::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;

    left: -3%;
    right: -3%;
    top: -5%;

    width: 106%;
    height: 112%;

    background-image: url("https://bloomalchymia.com/wp-content/uploads/2026/05/img_home_desktop.png");
    background-repeat: no-repeat;

    /* Mantém a imagem full, sem flutuar */
    background-size: cover;
    background-position: right 90%;

    transform: none;
    pointer-events: none;
}

   .elementor-9721 .elementor-element.elementor-element-a56e14d .ba-home-hero__content {
    max-width: 1360px;
    min-height: 100vh;
    margin-inline: auto;

    /* Sobe o bloco de texto para o botão aparecer na primeira dobra */
    padding-top: 90px;
    padding-right: clamp(470px, 40vw, 760px);
    padding-bottom: 60px;
    padding-left: 36px;

    transform: translateY(-24px);
}

    .elementor-9721 .elementor-element.elementor-element-a56e14d .ba-hero-rotator {
        width: min(100%, 760px);
        min-height: 4.4em;
        font-size: clamp(42px, 3.6vw, 58px);
        line-height: 1.12;
    }

    .elementor-9721 .elementor-element.elementor-element-a56e14d .elementor-widget-button .elementor-button {
        margin-top: 34px;
        font-size: 17px;
    }
}

/* Desktop largo */
@media (min-width: 1280px) {
    .elementor-9721 .elementor-element.elementor-element-a56e14d .ba-home-hero__content {
        padding-left: 36px;
        padding-right: clamp(470px, 40vw, 760px);
    }

    .elementor-9721 .elementor-element.elementor-element-a56e14d .ba-hero-rotator {
        width: min(100%, 800px);
        font-size: clamp(42px, 3.5vw, 58px);
    }
}

/* Acessibilidade */
@media (prefers-reduced-motion: reduce) {
    .elementor-9721 .elementor-element.elementor-element-a56e14d .ba-hero-rotator {
        min-height: auto;
    }

    .elementor-9721 .elementor-element.elementor-element-a56e14d .ba-hero-rotator__line {
        position: static;
        display: none;
        animation: none;
        opacity: 1;
        transform: none;
    }

    .elementor-9721 .elementor-element.elementor-element-a56e14d .ba-hero-rotator__line--one {
        display: block;
    }
}

/* Bloom Alchymia | Hero desktop background final override */

/* Desktop: força uma única regra para a imagem desktop */
@media (min-width: 1025px) {
    .elementor-9721 .elementor-element.elementor-element-a56e14d {
        background-color: #F9F4EF !important;
        background-image: url("https://bloomalchymia.com/wp-content/uploads/2026/05/img_home_desktop.png") !important;
        background-repeat: no-repeat !important;

        /*
         * Mantém a imagem com altura cheia, sem "flutuar",
         * mas reduz o zoom em relação ao cover.
         */
        background-size: auto 98% !important;

        /*
         * Ancora a composição na direita e ajusta a altura.
         */
       background-position: right 58% !important;
    }

    /*
     * Desliga qualquer camada antiga em ::before,
     * caso ela ainda esteja vencendo no desktop.
     */
    .elementor-9721 .elementor-element.elementor-element-a56e14d::before {
        content: none !important;
        display: none !important;
        background: none !important;
    }
}

/* Bloom Alchymia | Hero desktop background scale final fix */

@media (min-width: 1025px) {
    .elementor-9721 .elementor-element.elementor-element-a56e14d {
       outline: 5px solid red !important; background-color: #F9F4EF !important;
        background-image: url("https://bloomalchymia.com/wp-content/uploads/2026/05/img_home_desktop.png") !important;
        background-repeat: no-repeat !important;

        /* É AQUI que diminui ou aumenta a imagem */
        background-size: auto 92% !important;

        /* Mantém a imagem ancorada embaixo e à direita */
        background-position: right bottom !important;
    }

    /* Desliga qualquer camada ::before antiga que possa estar sobrepondo */
    .elementor-9721 .elementor-element.elementor-element-a56e14d::before {
        content: none !important;
        display: none !important;
        background: none !important;
    }
}/* End custom CSS */
/* 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 */