.elementor-683 .elementor-element.elementor-element-2ced4f5{--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;--justify-content:center;--align-items:center;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-683 .elementor-element.elementor-element-b81e2ee{--display:flex;--min-height:500px;--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:48px;--padding-bottom:48px;--padding-left:16px;--padding-right:16px;}.elementor-683 .elementor-element.elementor-element-b81e2ee:not(.elementor-motion-effects-element-type-background), .elementor-683 .elementor-element.elementor-element-b81e2ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lp.by3.com.br/wp-content/uploads/2025/11/ilustracao-de-estilo-de-arte-digital-de-designer-grafico-2-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-683 .elementor-element.elementor-element-b81e2ee::before, .elementor-683 .elementor-element.elementor-element-b81e2ee > .elementor-background-video-container::before, .elementor-683 .elementor-element.elementor-element-b81e2ee > .e-con-inner > .elementor-background-video-container::before, .elementor-683 .elementor-element.elementor-element-b81e2ee > .elementor-background-slideshow::before, .elementor-683 .elementor-element.elementor-element-b81e2ee > .e-con-inner > .elementor-background-slideshow::before, .elementor-683 .elementor-element.elementor-element-b81e2ee > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #09090B00 0%, var( --e-global-color-secondary ) 70%);}.elementor-683 .elementor-element.elementor-element-b81e2ee.e-con{--align-self:center;}.elementor-683 .elementor-element.elementor-element-c5bcdba{width:100%;max-width:100%;bottom:0px;z-index:0;}body:not(.rtl) .elementor-683 .elementor-element.elementor-element-c5bcdba{left:0px;}body.rtl .elementor-683 .elementor-element.elementor-element-c5bcdba{right:0px;}.elementor-683 .elementor-element.elementor-element-96acb61{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--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-683 .elementor-element.elementor-element-96acb61.e-con{--align-self:center;}.elementor-683 .elementor-element.elementor-element-6d9fd65{--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-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-683 .elementor-element.elementor-element-cbbf928{padding:8px 16px 8px 16px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF0D;border-radius:60px 60px 60px 60px;box-shadow:1px 4px 4px 0px rgba(255, 255, 255, 0.08) inset;text-align:center;}.elementor-683 .elementor-element.elementor-element-cbbf928.elementor-element{--align-self:flex-start;}.elementor-683 .elementor-element.elementor-element-cbbf928 .elementor-heading-title{font-size:var( --e-global-typography-0e3c8e7-font-size );font-weight:var( --e-global-typography-0e3c8e7-font-weight );color:var( --e-global-color-text );}.elementor-683 .elementor-element.elementor-element-68f5d7a{width:var( --container-widget-width, 380px );max-width:380px;--container-widget-width:380px;--container-widget-flex-grow:0;}.elementor-683 .elementor-element.elementor-element-68f5d7a .elementor-heading-title{font-family:"Funnel Display", Sans-serif;font-size:48px;font-weight:700;color:var( --e-global-color-text );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-683 .elementor-element.elementor-element-bb112ad{width:var( --container-widget-width, 600px );max-width:600px;--container-widget-width:600px;--container-widget-flex-grow:0;text-align:left;font-family:"Inter", Sans-serif;font-size:18px;color:#FFFFFF99;}.elementor-683 .elementor-element.elementor-element-bb112ad.elementor-element{--align-self:flex-end;}.elementor-683 .elementor-element.elementor-element-bb112ad p{margin-block-end:0px;}.elementor-683 .elementor-element.elementor-element-4540500{--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;--overlay-opacity:0.21;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-683 .elementor-element.elementor-element-4540500::before, .elementor-683 .elementor-element.elementor-element-4540500 > .elementor-background-video-container::before, .elementor-683 .elementor-element.elementor-element-4540500 > .e-con-inner > .elementor-background-video-container::before, .elementor-683 .elementor-element.elementor-element-4540500 > .elementor-background-slideshow::before, .elementor-683 .elementor-element.elementor-element-4540500 > .e-con-inner > .elementor-background-slideshow::before, .elementor-683 .elementor-element.elementor-element-4540500 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-683 .elementor-element.elementor-element-1c9c344{--image-border-radius:0px;--image-transition-duration:800ms;--content-text-align:center;--content-justify-content:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}:root{--page-title-display:none;}@media(max-width:1024px) and (min-width:768px){.elementor-683 .elementor-element.elementor-element-2ced4f5{--width:100%;}}@media(max-width:1024px){.elementor-683 .elementor-element.elementor-element-b81e2ee.e-con{--align-self:center;}.elementor-683 .elementor-element.elementor-element-cbbf928 .elementor-heading-title{font-size:var( --e-global-typography-0e3c8e7-font-size );}.elementor-683 .elementor-element.elementor-element-68f5d7a{width:100%;max-width:100%;}.elementor-683 .elementor-element.elementor-element-68f5d7a .elementor-heading-title{font-size:36px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-683 .elementor-element.elementor-element-bb112ad{font-size:18px;}.elementor-widget-gallery .elementor-gallery-item__description{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-683 .elementor-element.elementor-element-cbbf928 .elementor-heading-title{font-size:var( --e-global-typography-0e3c8e7-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-683 .elementor-element.elementor-element-bb112ad{font-size:16px;}.elementor-widget-gallery .elementor-gallery-item__description{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for html, class: .elementor-element-c5bcdba *//* Overlay Blur com Fade Suave */
.header-bottom-blur-overlay {
    left: 0;
    right: 0;
    height:500px; /* Altura do blur */
    
    /* Gradiente de transparência suave */
    background: linear-gradient(to top, 
        rgba(255,255,255,0.95) 0%,     /* Quase opaco embaixo */
        rgba(255,255,255,0.8) 15%,     /* Bem visível */
        rgba(255,255,255,0.6) 35%,     /* Meio transparente */
        rgba(255,255,255,0.4) 55%,     /* Mais transparente */
        rgba(255,255,255,0.2) 75%,     /* Bem transparente */
        rgba(255,255,255,0.05) 90%,    /* Quase invisível */
        transparent 100%               /* Completamente transparente */
    );
    
    /* Blur com fade gradual usando mask */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    
    /* Máscara para fade do blur */
    mask: linear-gradient(to top, 
        rgba(0,0,0,1) 0%,      /* Blur total embaixo */
        rgba(0,0,0,0.9) 20%,   /* Blur forte */
        rgba(0,0,0,0.7) 40%,   /* Blur médio */
        rgba(0,0,0,0.5) 60%,   /* Blur fraco */
        rgba(0,0,0,0.2) 80%,   /* Blur muito fraco */
        rgba(0,0,0,0) 100%     /* Sem blur no topo */
    );
    -webkit-mask: linear-gradient(to top, 
        rgba(0,0,0,1) 0%, 
        rgba(0,0,0,0.9) 20%, 
        rgba(0,0,0,0.7) 40%, 
        rgba(0,0,0,0.5) 60%, 
        rgba(0,0,0,0.2) 80%, 
        rgba(0,0,0,0) 100%
    );
    
    pointer-events: none;
    z-index: 9999;
}

/* VERSÕES PARA TEMA ESCURO */
.header-bottom-blur-overlay.dark {
    background: linear-gradient(to top, 
        rgba(0,0,0,0.95) 0%,
        rgba(0,0,0,0.8) 15%,
        rgba(0,0,0,0.6) 35%,
        rgba(0,0,0,0.4) 55%,
        rgba(0,0,0,0.2) 75%,
        rgba(0,0,0,0.05) 90%,
        transparent 100%
    );
}


/* Variações de intensidade */
.blur-light {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.blur-medium {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.blur-heavy {
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

/* Animação suave (opcional) */
.header-bottom-blur-overlay {
    transition: opacity 0.3s ease;
}

.header-bottom-blur-overlay.fade-in {
    opacity: 0;
    animation: fadeInBlur 1s ease forwards;
}

@keyframes fadeInBlur {
    from {
        opacity: 0;
        backdrop-filter: blur(0px);
    }
    to {
        opacity: 1;
        backdrop-filter: blur(10px);
    }
}

/* Responsivo */
@media (max-width: 768px) {
    .header-bottom-blur-overlay {
        height: 50vh; /* Menor no mobile */
    }
}

@media (max-width: 480px) {
    .header-bottom-blur-overlay {
        height: 50vh;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d9fd65 */.elementor-683 .elementor-element.elementor-element-6d9fd65 {
    width: max-content;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-bb112ad */.elementor-683 .elementor-element.elementor-element-bb112ad {
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96acb61 */.elementor-683 .elementor-element.elementor-element-96acb61 {
    max-width: 1200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b81e2ee */.elementor-683 .elementor-element.elementor-element-b81e2ee {
    width: calc(100% - 32px);
}/* End custom CSS */
/* Start custom CSS for gallery, class: .elementor-element-1c9c344 */.marcas .elementor-gallery-item {
    padding: 16px 32px;
    background: white;
    border-radius: 12px;
}

.marcas .e-gallery-image {
    background-size: contain;
    background-repeat: no-repeat;
}/* End custom CSS */