.elementor-36 .elementor-element.elementor-element-0507fcb{--display:flex;--min-height:500px;--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:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:-5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-36 .elementor-element.elementor-element-0507fcb:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-0507fcb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://unipackprodutos.com/wp-content/uploads/2026/04/banner1-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.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-36 .elementor-element.elementor-element-45de860{text-align:center;}.elementor-36 .elementor-element.elementor-element-45de860 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:64px;font-weight:600;color:var( --e-global-color-3b2b7e4 );}.elementor-36 .elementor-element.elementor-element-809d0ed{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-36 .elementor-element.elementor-element-809d0ed:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-809d0ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0aefb9f );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-36 .elementor-element.elementor-element-0507fcb{--min-height:250px;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-36 .elementor-element.elementor-element-45de860 .elementor-heading-title{font-size:34px;}}/* Start custom CSS for container, class: .elementor-element-0507fcb *//* Configura as transições suaves para o efeito de fade */
.elementor-36 .elementor-element.elementor-element-0507fcb {
    transition: background-color 0.6s ease;
}

.elementor-36 .elementor-element.elementor-element-0507fcb .elementor-widget-heading {
    transition: filter 0.6s ease, color 0.6s ease;
}

/* 1. Escurece o fundo do container quando o botão (f46d460) recebe hover */
.elementor-36 .elementor-element.elementor-element-0507fcb:has(.elementor-element-f46d460:hover) {
    background-color: #1a1a1a !important; /* Cor de fundo escura */
}

/* 2. Se você usa IMAGEM de fundo: aplica o efeito preto e branco apenas nela */
.elementor-36 .elementor-element.elementor-element-0507fcb::before {
    content: "";
    position: absolute;
    inset: 0;
    -webkit-backdrop-filter: grayscale(0%);
    backdrop-filter: grayscale(0%);
    transition: backdrop-filter 0.6s ease, -webkit-backdrop-filter 0.6s ease;
    z-index: 0;
    pointer-events: none; /* Impede que essa camada bloqueie cliques */
}

.elementor-36 .elementor-element.elementor-element-0507fcb:has(.elementor-element-f46d460:hover)::before {
    -webkit-backdrop-filter: grayscale(100%);
    backdrop-filter: grayscale(100%);
}

/* 3. Altera apenas os TÍTULOS (para não sumirem no fundo escuro) */
.elementor-36 .elementor-element.elementor-element-0507fcb:has(.elementor-element-f46d460:hover) .elementor-widget-heading {
    color: #ffffff !important; /* Muda os textos para branco */
}

/* 4. Garante que os textos e o BOTÃO fiquem na frente do efeito de fundo */
.elementor-36 .elementor-element.elementor-element-0507fcb .e-con-inner {
    position: relative;
    z-index: 1;
}/* End custom CSS */