.elementor-28771 .elementor-element.elementor-element-96be05e{--display:flex;--min-height:850px;--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;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-28771 .elementor-element.elementor-element-96be05e:not(.elementor-motion-effects-element-type-background), .elementor-28771 .elementor-element.elementor-element-96be05e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://go.febracis.com/wp-content/uploads/2025/12/HERO.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.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-28771 .elementor-element.elementor-element-831a08f{margin:00px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-28771 .elementor-element.elementor-element-831a08f img{width:45%;}.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-28771 .elementor-element.elementor-element-e2e1041{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;text-align:center;}.elementor-28771 .elementor-element.elementor-element-e2e1041 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:36px;font-weight:600;color:#FFFFFF;}.elementor-28771 .elementor-element.elementor-element-a34e627{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;}.elementor-28771 .elementor-element.elementor-element-a34e627 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:400;line-height:1.2em;color:#FFFFFF;}.elementor-28771 .elementor-element.elementor-element-336b06e{--display:flex;--min-height:0px;--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:-280px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-28771 .elementor-element.elementor-element-3006871{--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;--justify-content:center;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:37px;--padding-bottom:80px;--padding-left:37px;--padding-right:37px;}.elementor-28771 .elementor-element.elementor-element-2b226e6{--display:flex;--min-height:200px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-28771 .elementor-element.elementor-element-ad9f1a9{width:auto;max-width:auto;text-align:center;}.elementor-28771 .elementor-element.elementor-element-ad9f1a9.elementor-element{--align-self:center;}.elementor-28771 .elementor-element.elementor-element-ad9f1a9 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:24px;font-weight:400;color:#ADADAD;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-28771 .elementor-element.elementor-element-ec11c80 .elementor-button{background-color:transparent;font-family:"Manrope", Sans-serif;font-size:1.4em;font-weight:900;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(45deg, #C9B10AD1 0%, #C58A4775 100%);box-shadow:0px 0px 37px 0px rgba(196.99999999999997, 137.9999999999999, 70.99999999999996, 0.62);border-style:solid;border-width:1px 1px 1px 1px;border-color:#C58A4775;border-radius:10px 10px 10px 10px;}.elementor-28771 .elementor-element.elementor-element-ec11c80{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;}.elementor-28771 .elementor-element.elementor-element-ec11c80:hover{--e-transform-scale:1.05;}.elementor-28771 .elementor-element.elementor-element-c25c0a9{--display:flex;--min-height:200px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-28771 .elementor-element.elementor-element-d8a27d7{width:auto;max-width:auto;text-align:center;}.elementor-28771 .elementor-element.elementor-element-d8a27d7.elementor-element{--align-self:center;}.elementor-28771 .elementor-element.elementor-element-d8a27d7 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:24px;font-weight:400;color:#ADADAD;}.elementor-28771 .elementor-element.elementor-element-fbb43f3 .elementor-button{background-color:transparent;font-family:"Manrope", Sans-serif;font-size:1.4em;font-weight:900;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(45deg, #79F38FD1 0%, #020A0175 100%);box-shadow:0px 0px 37px 0px rgba(120.99999999999997, 242.99999999999997, 142.9999999999999, 0.8196078431372549);border-style:solid;border-width:1px 1px 1px 1px;border-color:#79F38FD1;border-radius:10px 10px 10px 10px;}.elementor-28771 .elementor-element.elementor-element-fbb43f3{width:var( --container-widget-width, 420px );max-width:420px;--container-widget-width:420px;--container-widget-flex-grow:0;}.elementor-28771 .elementor-element.elementor-element-fbb43f3:hover{--e-transform-scale:1.05;}body.elementor-page-28771:not(.elementor-motion-effects-element-type-background), body.elementor-page-28771 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-28771 .elementor-element.elementor-element-831a08f{margin:300px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-28771 .elementor-element.elementor-element-336b06e{--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-28771 .elementor-element.elementor-element-96be05e{--content-width:1200px;}.elementor-28771 .elementor-element.elementor-element-336b06e{--content-width:1200px;}.elementor-28771 .elementor-element.elementor-element-2b226e6{--width:70%;}.elementor-28771 .elementor-element.elementor-element-c25c0a9{--width:70%;}}@media(max-width:767px){.elementor-28771 .elementor-element.elementor-element-96be05e{--content-width:1200px;--min-height:650px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-28771 .elementor-element.elementor-element-96be05e:not(.elementor-motion-effects-element-type-background), .elementor-28771 .elementor-element.elementor-element-96be05e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-28771 .elementor-element.elementor-element-831a08f{margin:150px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-28771 .elementor-element.elementor-element-831a08f img{width:50%;}.elementor-28771 .elementor-element.elementor-element-e2e1041{width:100%;max-width:100%;}.elementor-28771 .elementor-element.elementor-element-e2e1041 .elementor-heading-title{font-size:28px;}.elementor-28771 .elementor-element.elementor-element-a34e627{width:100%;max-width:100%;}.elementor-28771 .elementor-element.elementor-element-a34e627 .elementor-heading-title{font-size:14px;}.elementor-28771 .elementor-element.elementor-element-336b06e{--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-28771 .elementor-element.elementor-element-3006871{--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-28771 .elementor-element.elementor-element-ad9f1a9{width:auto;max-width:auto;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-28771 .elementor-element.elementor-element-ad9f1a9 .elementor-heading-title{font-size:18px;line-height:1.2em;}.elementor-28771 .elementor-element.elementor-element-ec11c80 .elementor-button{font-size:1em;}.elementor-28771 .elementor-element.elementor-element-d8a27d7{width:auto;max-width:auto;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-28771 .elementor-element.elementor-element-d8a27d7 .elementor-heading-title{font-size:18px;line-height:1.2em;}.elementor-28771 .elementor-element.elementor-element-fbb43f3 .elementor-button{font-size:1em;}}/* Start custom CSS for heading, class: .elementor-element-e2e1041 */.highlight-dourado span { background: linear-gradient( 90deg, #6b4e16, /* dourado escuro */ #bfa14a, /* dourado médio */ #ffd86b, /* dourado claro */ #bfa14a, /* retorno suave */ #6b4e16 ); background-size: 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: brilhoDourado 3s ease-in-out infinite alternate; } /* Animação suave de brilho */ @keyframes brilhoDourado { 0% { background-position: 0% 50%; opacity: 0.9; } 50% { background-position: 100% 50%; opacity: 1; } 100% { background-position: 0% 50%; opacity: 0.9; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ec11c80 */.elementor-28771 .elementor-element.elementor-element-ec11c80 .elementor-button-icon{ display: flex; align-items: center; } .elementor-28771 .elementor-element.elementor-element-ec11c80 .elementor-button-text{ margin-bottom: -2px; } ### aumentar tamnho icone em botao .elementor-28771 .elementor-element.elementor-element-ec11c80 .elementor-button svg{ width: 30px; /*altere o tamanho aqui*/ height: 30px; /*altere o tamanho aqui*/ vertical-align: middle; } .elementor-28771 .elementor-element.elementor-element-ec11c80 .elementor-button-content-wrapper { align-items: center } /* ====== ESTILIZAÇÃO DO BOTÃO ====== */ .elementor-28771 .elementor-element.elementor-element-ec11c80 .elementor-button { position: relative; display: inline-block; width: 100%; padding: 14px 0; /* altura igual aos campos */ font-size: none; font-weight: none; letter-spacing: 0.5px; text-transform: uppercase; text-align: center; color: none; border-radius: 12px; border: none; overflow: hidden; cursor: pointer; transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.3s ease; z-index: 0; } /* Garante que o texto/ícone fique acima dos efeitos */ .elementor-28771 .elementor-element.elementor-element-ec11c80 .elementor-button * { position: relative; z-index: 3; } /* ====== BRILHO INTERNO ANIMADO ====== */ .elementor-28771 .elementor-element.elementor-element-ec11c80 .elementor-button::before { content: ""; position: absolute; top: -10%; left: -40%; width: 40%; height: 120%; background: linear-gradient( 120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100% ); transform: skewX(-25deg) translateX(-350%); animation: botao-sheen 1s linear infinite; pointer-events: none; z-index: 1; } /* ====== BRILHO DE BORDA SUTIL ====== */ .elementor-28771 .elementor-element.elementor-element-ec11c80 .elementor-button::after { content: ""; position: absolute; inset: 0; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15), 0 0 12px rgba(255,255,255,0.08) inset; opacity: 1; pointer-events: none; z-index: 2; transition: opacity 0.2s ease; } /* ====== HOVER ====== */ .elementor-28771 .elementor-element.elementor-element-ec11c80 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.25); } /* ====== ANIMAÇÃO DO BRILHO ====== */ @keyframes botao-sheen { 0% { transform: skewX(-25deg) translateX(-350%); } 100% { transform: skewX(-25deg) translateX(350%); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-fbb43f3 */.elementor-28771 .elementor-element.elementor-element-fbb43f3 .elementor-button-icon{ display: flex; align-items: center; } .elementor-28771 .elementor-element.elementor-element-fbb43f3 .elementor-button-text{ margin-bottom: -2px; } ### aumentar tamnho icone em botao .elementor-28771 .elementor-element.elementor-element-fbb43f3 .elementor-button svg{ width: 30px; /*altere o tamanho aqui*/ height: 30px; /*altere o tamanho aqui*/ vertical-align: middle; } .elementor-28771 .elementor-element.elementor-element-fbb43f3 .elementor-button-content-wrapper { align-items: center } /* ====== ESTILIZAÇÃO DO BOTÃO ====== */ .elementor-28771 .elementor-element.elementor-element-fbb43f3 .elementor-button { position: relative; display: inline-block; width: 100%; padding: 14px 0; /* altura igual aos campos */ font-size: none; font-weight: none; letter-spacing: 0.5px; text-transform: uppercase; text-align: center; color: none; border-radius: 12px; border: none; overflow: hidden; cursor: pointer; transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.3s ease; z-index: 0; } /* Garante que o texto/ícone fique acima dos efeitos */ .elementor-28771 .elementor-element.elementor-element-fbb43f3 .elementor-button * { position: relative; z-index: 3; } /* ====== BRILHO INTERNO ANIMADO ====== */ .elementor-28771 .elementor-element.elementor-element-fbb43f3 .elementor-button::before { content: ""; position: absolute; top: -10%; left: -40%; width: 40%; height: 120%; background: linear-gradient( 120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100% ); transform: skewX(-25deg) translateX(-350%); animation: botao-sheen 1s linear infinite; pointer-events: none; z-index: 1; } /* ====== BRILHO DE BORDA SUTIL ====== */ .elementor-28771 .elementor-element.elementor-element-fbb43f3 .elementor-button::after { content: ""; position: absolute; inset: 0; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15), 0 0 12px rgba(255,255,255,0.08) inset; opacity: 1; pointer-events: none; z-index: 2; transition: opacity 0.2s ease; } /* ====== HOVER ====== */ .elementor-28771 .elementor-element.elementor-element-fbb43f3 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.25); } /* ====== ANIMAÇÃO DO BRILHO ====== */ @keyframes botao-sheen { 0% { transform: skewX(-25deg) translateX(-350%); } 100% { transform: skewX(-25deg) translateX(350%); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3006871 *//* =========================== ESTILO GLASS DOURADO PREMIUM =========================== */ .header-box2{ backdrop-filter: blur(14px) saturate(160%); -webkit-backdrop-filter: blur(14px) saturate(160%); background: rgba(191, 161, 74, 0.06); /* dourado translúcido */ border: 1px solid rgba(191, 161, 74, 0.18); box-shadow: 0 6px 24px rgba(0, 0, 0, 0.28); } /* =========================== VARIÁVEIS DE COR DOURADA =========================== */ :root { --snap-color: #BFA14A; /* dourado principal */ --snap-glow-opacity-1: 0.35; --snap-glow-opacity-2: 0.28; --snap-glow-opacity-3: 0.22; --snap-glow-opacity-4: 0.18; --snap-glow-opacity-5: 0.14; --snap-glow-opacity-6: 0.1; } /* =========================== LINHA DE BRILHO DOURADA =========================== */ .snap-hover::after { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%) translateY(-50%); width: 45%; height: 8px; border-radius: 100px; background: linear-gradient( 95deg, #7A5A1E 0%, #E6C76A 50%, #7A5A1E 100% ); transition: width 1.8s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 90px 70px rgba(from var(--snap-color) r g b / var(--snap-glow-opacity-1)), 0 42px 30px rgba(from var(--snap-color) r g b / var(--snap-glow-opacity-2)), 0 22px 16px rgba(from var(--snap-color) r g b / var(--snap-glow-opacity-3)), 0 12px 8px rgba(from var(--snap-color) r g b / var(--snap-glow-opacity-4)), 0 6px 4px rgba(from var(--snap-color) r g b / var(--snap-glow-opacity-5)), 0 3px 2px rgba(from var(--snap-color) r g b / var(--snap-glow-opacity-6)); } /* =========================== HOVER =========================== */ .snap-hover:hover::after { width: 75%; }/* End custom CSS */