.elementor-19495 .elementor-element.elementor-element-670de42{--display:flex;--min-height:950px;--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19495 .elementor-element.elementor-element-670de42:not(.elementor-motion-effects-element-type-background), .elementor-19495 .elementor-element.elementor-element-670de42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #2C1B00 0%, #020202 73%);}.elementor-19495 .elementor-element.elementor-element-b5f1816{--display:flex;--min-height:950px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19495 .elementor-element.elementor-element-ec7a3ed{--display:flex;}.elementor-19495 .elementor-element.elementor-element-a1419ca{width:var( --container-widget-width, 750px );max-width:750px;--container-widget-width:750px;--container-widget-flex-grow:0;z-index:11;text-align:center;}.elementor-19495 .elementor-element.elementor-element-a1419ca > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-19495 .elementor-element.elementor-element-a1419ca .elementor-heading-title{font-family:"Questrial", Sans-serif;font-size:34px;color:#D3B8A0;}.elementor-19495 .elementor-element.elementor-element-690e4aa{width:var( --container-widget-width, 46% );max-width:46%;--container-widget-width:46%;--container-widget-flex-grow:0;z-index:5;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-19495 .elementor-element.elementor-element-690e4aa > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-19495 .elementor-element.elementor-element-690e4aa .elementor-icon-list-icon i{color:var( --e-global-color-a1796e6 );transition:color 0.3s;}.elementor-19495 .elementor-element.elementor-element-690e4aa .elementor-icon-list-icon svg{fill:var( --e-global-color-a1796e6 );transition:fill 0.3s;}.elementor-19495 .elementor-element.elementor-element-690e4aa .elementor-icon-list-item > .elementor-icon-list-text, .elementor-19495 .elementor-element.elementor-element-690e4aa .elementor-icon-list-item > a{font-family:"Questrial", Sans-serif;font-size:18px;}.elementor-19495 .elementor-element.elementor-element-690e4aa .elementor-icon-list-text{color:#9E8577;transition:color 0.3s;}.elementor-19495 .elementor-element.elementor-element-6d33b7e{width:var( --container-widget-width, 491px );max-width:491px;--container-widget-width:491px;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-19495 .elementor-element.elementor-element-6d33b7e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-button-content-wrapper{flex-direction:row;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:15px;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-15px;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-field-group.recaptcha_v3-bottomleft, .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-field-group > label{font-family:"Questrial", Sans-serif;font-size:1px;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-field-type-html{padding-bottom:0px;font-family:"Questrial", Sans-serif;font-size:1px;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-field-group .elementor-field, .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-field-subgroup label{font-family:"Questrial", Sans-serif;font-size:14px;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-field-group .elementor-field:not(.elementor-select-wrapper){border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-field-group .elementor-select-wrapper select{border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-button{font-family:"Questrial", Sans-serif;border-radius:0px 0px 0px 0px;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );color:#FFFFFF;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );color:#FFFFFF;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-button[type="submit"] svg *{fill:#FFFFFF;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .e-form__buttons__wrapper__button-previous{color:#FFFFFF;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-message{font-family:"Questrial", Sans-serif;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-message.elementor-message-success{color:var( --e-global-color-a1796e6 );}.elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-message.elementor-message-danger{color:#FF0000;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-message.elementor-help-inline{color:var( --e-global-color-a1796e6 );}.elementor-19495 .elementor-element.elementor-element-6d33b7e .e-form__indicators__indicator, .elementor-19495 .elementor-element.elementor-element-6d33b7e .e-form__indicators__indicator__label{font-family:"Questrial", Sans-serif;}.elementor-19495 .elementor-element.elementor-element-55e607d{width:var( --container-widget-width, 460px );max-width:460px;--container-widget-width:460px;--container-widget-flex-grow:0;}.elementor-19495 .elementor-element.elementor-element-55e607d img{width:100%;max-width:100%;}.elementor-19495 .elementor-element.elementor-element-7ee7979{width:var( --container-widget-width, 139px );max-width:139px;--container-widget-width:139px;--container-widget-flex-grow:0;}.elementor-19495 .elementor-element.elementor-element-7ee7979 img{width:100%;max-width:100%;}.elementor-19495 .elementor-element.elementor-element-a5095c7{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}body.elementor-page-19495:not(.elementor-motion-effects-element-type-background), body.elementor-page-19495 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#020202;}@media(max-width:1366px){.elementor-19495 .elementor-element.elementor-element-670de42{--min-height:950px;}.elementor-19495 .elementor-element.elementor-element-b5f1816{--min-height:950px;}.elementor-19495 .elementor-element.elementor-element-690e4aa{--container-widget-width:457px;--container-widget-flex-grow:0;width:var( --container-widget-width, 457px );max-width:457px;}.elementor-19495 .elementor-element.elementor-element-690e4aa .elementor-icon-list-item > .elementor-icon-list-text, .elementor-19495 .elementor-element.elementor-element-690e4aa .elementor-icon-list-item > a{font-size:13px;}.elementor-19495 .elementor-element.elementor-element-6d33b7e{--container-widget-width:457px;--container-widget-flex-grow:0;width:var( --container-widget-width, 457px );max-width:457px;}}@media(max-width:1024px){.elementor-19495 .elementor-element.elementor-element-690e4aa{width:100%;max-width:100%;}.elementor-19495 .elementor-element.elementor-element-6d33b7e{width:var( --container-widget-width, 499px );max-width:499px;--container-widget-width:499px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-19495 .elementor-element.elementor-element-670de42{--min-height:808px;}.elementor-19495 .elementor-element.elementor-element-b5f1816{--min-height:808px;}.elementor-19495 .elementor-element.elementor-element-a1419ca{width:var( --container-widget-width, 316px );max-width:316px;--container-widget-width:316px;--container-widget-flex-grow:0;}.elementor-19495 .elementor-element.elementor-element-a1419ca .elementor-heading-title{font-size:24px;}.elementor-19495 .elementor-element.elementor-element-690e4aa .elementor-icon-list-item > .elementor-icon-list-text, .elementor-19495 .elementor-element.elementor-element-690e4aa .elementor-icon-list-item > a{font-size:11px;}.elementor-19495 .elementor-element.elementor-element-6d33b7e{width:var( --container-widget-width, 370px );max-width:370px;--container-widget-width:370px;--container-widget-flex-grow:0;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-field-type-html{font-size:9px;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-field-group .elementor-field, .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-field-subgroup label{font-size:16px;}.elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-button{font-size:16px;}.elementor-19495 .elementor-element.elementor-element-55e607d{--container-widget-width:351px;--container-widget-flex-grow:0;width:var( --container-widget-width, 351px );max-width:351px;}}/* Start custom CSS for html, class: .elementor-element-07b2e62 */.elementor-19495 .elementor-element.elementor-element-07b2e62{ position: absolute; bottom: 90px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e288ab2 */.elementor-19495 .elementor-element.elementor-element-e288ab2 { position: absolute; top: 0; left: 0; height: 100%; width: 100%; pointer-events: none; } /* CONTROLE GERAL */ .elementor-19495 .elementor-element.elementor-element-e288ab2 { --dot-distance: 98px; --dot-size: 4px; --border-distance: 98px; --dot-color-top: #FFC700; --dot-color-bottom: #FF4D00; --line-color: rgba(255, 199, 0, 0.16); --line-glow: rgba(255, 77, 0, 0.08); } /* TRAÇO / BORDA PREMIUM SEGUINDO A DIV */ .elementor-19495 .elementor-element.elementor-element-e288ab2::before { content: ""; position: absolute; top: var(--border-distance); left: var(--border-distance); right: var(--border-distance); bottom: var(--border-distance); pointer-events: none; z-index: 1; background: rgba(255, 140, 0, 0.035); box-shadow: inset 0 0 0 1px var(--line-color), 0 0 35px var(--line-glow); } /* ESTILO BASE DOS PONTINHOS */ .dot1x1::before, .dot2x2::before, .dot3x3::before, .dot4x4::before { content: ""; position: absolute; width: var(--dot-size); height: var(--dot-size); border-radius: 50%; border: none; pointer-events: none; z-index: 3; filter: drop-shadow(0 0 8px rgba(255, 199, 0, 0.9)) drop-shadow(0 0 18px rgba(255, 77, 0, 0.35)); } /* PONTO SUPERIOR ESQUERDO */ .dot1x1 { position: absolute; top: calc(var(--dot-distance) - (var(--dot-size) / 2)); left: calc(var(--dot-distance) - (var(--dot-size) / 2)); z-index: 3; } .dot1x1::before { top: 0; left: 0; background: var(--dot-color-top); } /* PONTO SUPERIOR DIREITO */ .dot2x2 { position: absolute; top: calc(var(--dot-distance) - (var(--dot-size) / 2)); right: calc(var(--dot-distance) - (var(--dot-size) / 2)); z-index: 3; } .dot2x2::before { top: 0; right: 0; background: var(--dot-color-top); } /* PONTO INFERIOR DIREITO */ .dot3x3 { position: absolute; bottom: calc(var(--dot-distance) - (var(--dot-size) / 2)); right: calc(var(--dot-distance) - (var(--dot-size) / 2)); z-index: 3; } .dot3x3::before { bottom: 0; right: 0; background: var(--dot-color-bottom); } /* PONTO INFERIOR ESQUERDO */ .dot4x4 { position: absolute; bottom: calc(var(--dot-distance) - (var(--dot-size) / 2)); left: calc(var(--dot-distance) - (var(--dot-size) / 2)); z-index: 3; } .dot4x4::before { bottom: 0; left: 0; background: var(--dot-color-bottom); } /* ANIMAÇÃO PREMIUM SUTIL */ .dot1x1::before, .dot2x2::before, .dot3x3::before, .dot4x4::before { animation: msDotPulse 3.2s ease-in-out infinite; } .dot2x2::before { animation-delay: .25s; } .dot3x3::before { animation-delay: .5s; } .dot4x4::before { animation-delay: .75s; } @keyframes msDotPulse { 0%, 100% { opacity: .72; transform: scale(1); filter: drop-shadow(0 0 8px rgba(255, 199, 0, 0.75)) drop-shadow(0 0 18px rgba(255, 77, 0, 0.28)); } 50% { opacity: 1; transform: scale(1.35); filter: drop-shadow(0 0 10px rgba(255, 199, 0, 1)) drop-shadow(0 0 24px rgba(255, 77, 0, 0.55)); } } /* CELULAR / TABLET */ @media(max-width: 1024px) { .elementor-19495 .elementor-element.elementor-element-e288ab2 { display: none; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-690e4aa */.elementor-19495 .elementor-element.elementor-element-690e4aa svg { filter: drop-shadow(0 0 2mm #FEFAB3); }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-6d33b7e *//* ============================= */ /* FORMULÁRIO PREMIUM METAL + BOTÃO XPER */ /* ============================= */ .elementor-19495 .elementor-element.elementor-element-6d33b7e { position: relative; z-index: 100; isolation: isolate; } .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-form { position: relative; z-index: 5; } .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-field-group, .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-field-type-email { position: relative; } .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-field-type-email { overflow: hidden; border-radius: 0; } /* ============================= */ /* IMAGEM DECORATIVA SUPERIOR */ /* ============================= */ .elementor-19495 .elementor-element.elementor-element-6d33b7e::before { content: ""; position: absolute; top: -40px; left: 130px; transform: translateX(-50%); width: 270px; height: 150px; filter: contrast(1.5); background-image: url(""); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 6; pointer-events: none; } /* ============================= */ /* INPUT METAL ESCURO */ /* ============================= */ .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-field-textual { position: relative; z-index: 2; height: 66px; padding: 0 28px !important; font-family: "Questrial", sans-serif !important; font-size: 17px !important; font-weight: 400 !important; color: #d8c9b2 !important; outline: none !important; background: linear-gradient( 180deg, rgba(78, 70, 62, 0.98) 0%, rgba(28, 26, 24, 0.98) 24%, rgba(12, 12, 11, 0.98) 52%, rgba(40, 36, 31, 0.98) 100% ) !important; clip-path: polygon( 6% 0%, 100% 0%, 100% 100%, 92% 100%, 7% 100%, 0% 72%, 0% 18% ); box-shadow: inset 0 1px 0 rgba(255, 245, 220, 0.20), inset 0 -1px 0 rgba(0, 0, 0, 0.95), inset 0 -18px 28px rgba(0, 0, 0, 0.48), 0 18px 42px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(255, 210, 140, 0.05); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.55); transition: background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease; } .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-field-textual::placeholder { color: rgba(220, 204, 176, 0.58) !important; opacity: 1; font-size: 16px; } .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-field-textual:focus { background: linear-gradient( 180deg, rgba(92, 82, 70, 1) 0%, rgba(35, 31, 27, 1) 30%, rgba(14, 14, 13, 1) 58%, rgba(48, 42, 35, 1) 100% ) !important; border-color: rgba(255, 214, 150, 0.38) !important; box-shadow: inset 0 1px 0 rgba(255, 245, 220, 0.26), inset 0 -18px 28px rgba(0, 0, 0, 0.52), 0 0 0 1px rgba(255, 198, 100, 0.16), 0 0 32px rgba(255, 160, 40, 0.16), 0 22px 55px rgba(0, 0, 0, 0.48); } /* GLOW EXTERNO DO INPUT */ .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-field-type-email::after { content: ""; position: absolute; inset: -1px; z-index: 1; background: linear-gradient( 90deg, rgba(255, 244, 220, 0.38), rgba(173, 148, 71, 0.42), rgba(255, 244, 220, 0.20), rgba(173, 148, 71, 0.42) ); clip-path: polygon( 6% 0%, 100% 0%, 100% 100%, 92% 100%, 7% 100%, 0% 72%, 0% 18% ); opacity: 0.28; filter: blur(5px); pointer-events: none; animation: fieldGlowPulse 4s ease-in-out infinite; } /* ============================= */ /* BOTÃO ACESSAR — XPER ORANGE GOLD */ /* ============================= */ .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-button { position: relative; isolation: isolate; display: flex !important; align-items: center; justify-content: center; min-height: 66px; margin-left: -24px; padding: 0 92px 0 44px !important; overflow: hidden; border-radius: 0 !important; border: 1px solid rgba(255, 210, 87, 0.38) !important; font-family: "Questrial", sans-serif !important; color: #fff7df !important; background: linear-gradient( 180deg, #fff1b8 0%, #ffd257 16%, #ffb000 34%, #ff8a00 58%, #ff6a00 82%, #c94a00 100% ) !important; clip-path: polygon( 8% 0%, 100% 0%, 100% 78%, 92% 100%, 0% 100%, 0% 22% ); box-shadow: inset 0 1px 0 rgba(255, 245, 190, 0.52), inset 0 -18px 26px rgba(110, 36, 0, 0.42), inset 0 0 0 1px rgba(255, 210, 87, 0.16), 0 20px 48px rgba(0, 0, 0, 0.45), 0 0 34px rgba(255, 128, 0, 0.22); text-shadow: 0 1px 0 rgba(80, 25, 0, 0.52), 0 0 18px rgba(255, 199, 0, 0.16); transform: translateZ(0); z-index: 11; transition: transform 0.35s ease, box-shadow 0.35s ease, filter 0.35s ease; } /* TEXTURA ESCOVADA DO BOTÃO */ .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-button::before { content: ""; position: absolute; inset: 1px; z-index: -1; clip-path: inherit; background: repeating-linear-gradient( 90deg, rgba(255, 255, 255, 0.055) 0px, rgba(255, 255, 255, 0.055) 1px, transparent 1px, transparent 5px ), linear-gradient( 135deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 242, 190, 0.08) 28%, rgba(120, 38, 0, 0.22) 100% ); opacity: 0.75; pointer-events: none; } /* BRILHO PASSANDO NO BOTÃO */ .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-button::after { content: ""; position: absolute; z-index: 2; top: -45%; left: -55%; width: 120px; height: 190%; background: linear-gradient( 110deg, transparent 0%, rgba(255, 255, 255, 0.08) 25%, rgba(255, 241, 184, 0.62) 50%, rgba(255, 162, 0, 0.12) 75%, transparent 100% ); transform: skewX(-24deg); filter: blur(3px); opacity: 0; pointer-events: none; animation: metalButtonShine 4s ease-in-out infinite; } /* TEXTO DO BOTÃO */ .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-button-text { position: relative; z-index: 4; font-size: 22px !important; font-weight: 400 !important; line-height: 1; letter-spacing: -0.02em; white-space: nowrap; color: #fff7df !important; } /* ============================= */ /* ÍCONE DO BOTÃO */ /* ============================= */ .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-button-icon { position: absolute; z-index: 6; right: 16px; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; margin-left: 0; display: flex; align-items: center; justify-content: center; border-radius: 14px; border: 1px solid rgba(255, 210, 87, 0.35); color: #ffd257 !important; background: radial-gradient(circle at 35% 20%, rgba(255, 210, 87, 0.24), transparent 36%), linear-gradient(180deg, #5b2a05 0%, #211006 42%, #050505 100%); box-shadow: inset 0 1px 0 rgba(255, 245, 190, 0.22), inset 0 -10px 18px rgba(0, 0, 0, 0.58), 0 0 0 1px rgba(0, 0, 0, 0.55), 0 0 28px rgba(255, 128, 0, 0.22); transition: width 0.45s cubic-bezier(.22, 1, .36, 1), right 0.45s cubic-bezier(.22, 1, .36, 1), border-radius 0.45s ease, box-shadow 0.35s ease, background 0.35s ease; } .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-button-icon svg { width: 0.82em; height: auto; fill: currentColor !important; filter: drop-shadow(0 0 8px rgba(255, 210, 87, 0.38)); transition: transform 0.45s cubic-bezier(.22, 1, .36, 1); } /* ============================= */ /* INTERAÇÕES */ /* ============================= */ .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-button:hover { transform: translateY(-2px); filter: brightness(1.08) saturate(1.08) contrast(1.04); box-shadow: inset 0 1px 0 rgba(255, 245, 190, 0.60), inset 0 -18px 28px rgba(110, 36, 0, 0.48), 0 26px 65px rgba(0, 0, 0, 0.50), 0 0 0 1px rgba(255, 199, 0, 0.24), 0 0 44px rgba(255, 128, 0, 0.30); } .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-button:hover .elementor-button-icon { width: calc(100% - 32px); right: 16px; border-radius: 18px; background: radial-gradient(circle at 35% 20%, rgba(255, 210, 87, 0.30), transparent 38%), linear-gradient(180deg, #5f2f08 0%, #1b0f07 42%, #070605 100%); box-shadow: inset 0 1px 0 rgba(255, 245, 190, 0.25), inset 0 -12px 20px rgba(0, 0, 0, 0.64), 0 0 34px rgba(255, 128, 0, 0.28); } .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-button:hover .elementor-button-icon svg { transform: translateX(6px); } .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-button:active { transform: translateY(-1px) scale(0.99); } /* ============================= */ /* MENSAGENS */ /* ============================= */ .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-message { margin-top: 14px; font-family: "Questrial", sans-serif !important; font-size: 14px; line-height: 1.4; } .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-message-success { color: #ffc300 !important; } .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-message-danger { color: #ff8a3d !important; } /* ============================= */ /* ANIMAÇÕES */ /* ============================= */ @keyframes metalButtonShine { 0% { left: -55%; opacity: 0; } 16% { opacity: 0.72; } 42% { left: 120%; opacity: 0.42; } 52%, 100% { left: 120%; opacity: 0; } } @keyframes fieldGlowPulse { 0%, 100% { opacity: 0.18; filter: blur(5px); } 50% { opacity: 0.34; filter: blur(7px); } } /* ============================= */ /* RESPONSIVO */ /* ============================= */ @media (max-width: 767px) { .elementor-19495 .elementor-element.elementor-element-6d33b7e::before { content: ""; position: absolute; top: -43px; left: 114px; transform: translateX(-50%); width: 237px; height: 150px; filter: contrast(1.5); background-image: url("https://xperdesign.com.br/wp-content/uploads/2026/05/molde-form-2.0.webp"); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 6; pointer-events: none; } .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-field-textual { height: 58px; padding: 0 20px !important; font-size: 15px !important; } .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-field-type-email::after { clip-path: polygon( 0% 0%, 100% 0%, 100% 82%, 90% 100%, 10% 100%, 0% 100%, 0% 0% ); } .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-button { width: 100%; min-height: 58px; margin-left: 0; padding: 0 68px 0 22px !important; clip-path: polygon( 0% 0%, 100% 0%, 100% 80%, 90% 100%, 10% 100%, 0% 100%, 0% 20% ); } .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-button-text { font-size: 16px !important; } .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-button-icon { right: 10px; width: 40px; height: 40px; border-radius: 12px; } .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-button:hover .elementor-button-icon { width: calc(100% - 20px); right: 10px; border-radius: 14px; } .elementor-19495 .elementor-element.elementor-element-6d33b7e .elementor-button-icon svg { width: 0.7em; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-55e607d */.elementor-19495 .elementor-element.elementor-element-55e607d{ position: absolute; mix-blend-mode: screen; z-index: 24; top: 250px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-cbf3e8e */.elementor-19495 .elementor-element.elementor-element-cbf3e8e{ position: absolute; bottom: 60px; z-index: 111; transform: perspective(500px) rotateX(50deg); } /* CELULAR RETRATO */ @media(max-width: 767px) { .elementor-19495 .elementor-element.elementor-element-cbf3e8e{ position: absolute; bottom: -10px; z-index: 111; transform: perspective(500px) rotateX(50deg) scale(0.8); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e814eaf */.elementor-19495 .elementor-element.elementor-element-e814eaf { position: absolute; top: 110px; z-index: 20 !important; pointer-events: none; filter: contrast(1.1); } /* NOTEBOOK */ @media (min-width: 1201px) and (max-width: 1366px) { .elementor-19495 .elementor-element.elementor-element-e814eaf { position: absolute; top: 120px; } } /* ESTRUTURA GERAL */ .ring-demo { width: 100%; padding: 0; } .framer-3dscene, .framer-a3d { display: grid; } /* CENA 3D */ .framer-3dscene { width: 100vw; height: min(62vw, 720px); min-height: 960px; overflow: hidden; perspective: 35em; background: transparent; position: relative; -webkit-mask: linear-gradient( 90deg, #0000, #000 12%, #000 88%, #0000 ); mask: linear-gradient( 90deg, #0000, #000 12%, #000 88%, #0000 ); } /* FADE ESCURO NAS LATERAIS */ .framer-3dscene::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient( 90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0) 88%, rgba(0, 0, 0, 1) 100% ); z-index: 5; } .framer-3dscene > * { position: relative; z-index: 1; } /* WRAPPER DO CARROSSEL */ .framer-a3d-wrap { place-self: center; transform-style: preserve-3d; will-change: transform; } /* CARROSSEL 3D */ .framer-a3d { --w: 15em; --gap: 1.2em; transform-style: preserve-3d; animation: framer-ry 28s linear infinite; will-change: transform; } @keyframes framer-ry { to { transform: rotateY(1turn); } } /* CARD COM PROPORÇÃO DA SUA IMAGEM: 810x1013 */ .framer-card { grid-area: 1 / 1; width: var(--w); aspect-ratio: 810 / 1013; border-radius: 1.5em; backface-visibility: hidden; overflow: hidden; position: relative; transform: rotateY(calc(var(--i) * (1turn / var(--n)))) translateZ( calc( -1 * ((var(--w) * 0.5 + var(--gap)) / tan((1turn / var(--n)) * 0.5)) ) ); box-shadow: 0 20px 60px rgba(0, 0, 0, .35), inset 0 0 0 1px rgba(255, 255, 255, .08); } /* IMAGEM DENTRO DO CARD */ .framer-card img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; border-radius: inherit; } /* BRILHO SUTIL EM CADA CARD */ .framer-card::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient( to bottom, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0) 35%, rgba(0, 0, 0, .35) 100% ); } /* TABLET RETRATO */ @media (min-width: 881px) and (max-width: 1024px) { .elementor-19495 .elementor-element.elementor-element-e814eaf { position: absolute; top: 210px; z-index: 20 !important; pointer-events: none; filter: contrast(1.1); } .framer-a3d { --w: 13em !important; --gap: 0.9em !important; } .framer-3dscene { top: 130px; height: 420px; min-height: 420px; -webkit-mask: linear-gradient( 90deg, #0000, #000 6%, #000 94%, #0000 ); mask: linear-gradient( 90deg, #0000, #000 6%, #000 94%, #0000 ); } .framer-3dscene::after { background: linear-gradient( 90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 6%, rgba(0, 0, 0, 0) 94%, rgba(0, 0, 0, 1) 100% ); } } /* TABLET PAISAGEM */ @media(min-width: 1025px) and (max-width: 1200px) { .elementor-19495 .elementor-element.elementor-element-e814eaf { top: 110px; filter: contrast(1.1); } } /* CELULAR RETRATO */ @media (max-width: 767px) { .elementor-19495 .elementor-element.elementor-element-e814eaf { top: 290px; filter: contrast(1.1); } .framer-a3d { --w: 13.5em !important; --gap: .1em !important; } .framer-3dscene { top: 0; height: 420px; min-height: 420px; -webkit-mask: linear-gradient( 90deg, #0000, #000 0%, #000 100%, #0000 ); mask: linear-gradient( 90deg, #0000, #000 0%, #000 100%, #0000 ); } .framer-3dscene::after { background: linear-gradient( 90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 6%, rgba(0, 0, 0, 0) 94%, rgba(0, 0, 0, 1) 100% ); } .framer-card { border-radius: 1.2em; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7ee7979 */.elementor-19495 .elementor-element.elementor-element-7ee7979{ position: fixed; top: -10PX; left: 60px; display: none; z-index: 37; } .bgrelampago { animation: relampago 8s ease-out infinite; } @keyframes relampago { 0%, 100% { filter: brightness(1); } 70% { filter: brightness(1); } 71% { filter: brightness(2); } 72% { filter: brightness(1.5); } 74% { filter: brightness(4); } 80% { filter: brightness(1); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-670de42 */.elementor-19495 .elementor-element.elementor-element-670de42{ position: relative; overflow: hidden; }/* End custom CSS */ /* Start custom CSS *//* Cor ao selecionar texto com o mouse */ ::selection { background: rgba(255, 128, 0, 0.82); color: #ffffff; text-shadow: 0 0 10px rgba(255, 199, 0, 0.35); } /* Compatibilidade Firefox */ ::-moz-selection { background: rgba(255, 128, 0, 0.82); color: #ffffff; text-shadow: 0 0 10px rgba(255, 199, 0, 0.35); } html { scroll-behavior: smooth; scroll-padding-top: 100px; } body { overflow-x: hidden; } /* LARGURA ÚTIL AUTOMÁTICA */ /* WIDESCREEN E DESKTOP */ @media (min-width: 1367px) { .e-con { --content-width: 1170px; } } /* LAPTOP */ @media (min-width: 1201px) and (max-width: 1366px) { .e-con { --content-width: 1100px; } } /* TABLET PAISAGEM */ @media (min-width: 1025px) and (max-width: 1200px) { .e-con { --content-width: 924px; } } /* TABLET RETRATO */ @media (min-width: 881px) and (max-width: 1024px) { .e-con { --content-width: 780px; } } /* CELULAR PAISAGEM */ @media (min-width: 768px) and (max-width: 880px) { .e-con { --content-width: 728px; } } /* CELULAR RETRATO */ @media (max-width: 767px) { .e-con { --content-width: 360px; } } .text{ background: linear-gradient(90deg, #FF4D00 0%, #FFC700 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 400; } .text2 { background: linear-gradient(270deg, #C0AB98 0%, #FFFFFF 50%, #C0AB98 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .xper { background: #272727; padding-left: 10px; padding-right: 10px; top: 0px; border-radius: 50px; box-shadow: 30 40 40px rgba(0, 0, 0, 1); border: 1px solid #AD9D89; } .xper .elementor-icon-list-icon{ animation: scalex 2s infinite; box-shadow: 0px 0px 14px rgba(255, 192, 2, 1); border-radius: 100%; transform-origin: center center; } @keyframes scalex{ 0%, 100%{ transform: scale(0.6); } 50%{ transform: scale(1.4); } } :root { --fp-fixed-height: 100%; --fp-bg-url: url("https://xperdesign.com.br/wp-content/uploads/2026/05/bg-part-1-com-piso-2.webp"); --fp-mask-url: url("https://xperdesign.com.br/wp-content/uploads/2026/05/file.svg"); } /* Container pai */ .parenteffectmask { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; box-sizing: border-box; transition: none !important; isolation: isolate; } /* Bloco que recebe o fundo e a máscara */ .fphero { width: 100%; height: 100%; position: absolute; inset: 0; z-index: 5; overflow: hidden; box-sizing: border-box; background: var(--fp-bg-url) center center / cover no-repeat, #01040f; -webkit-mask-image: var(--fp-mask-url); -webkit-mask-position: center center; -webkit-mask-size: 39000px; -webkit-mask-repeat: no-repeat; mask-image: var(--fp-mask-url); mask-position: center center; mask-size: 39000px; mask-repeat: no-repeat; will-change: opacity, visibility, -webkit-mask-size, mask-size; transform: translateZ(0); } /* Background fica em uma camada separada */ .fphero::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: var(--fp-bg-url) center center / cover no-repeat, #01040f; transform: translateZ(0); } /* Garante que o conteúdo dentro do hero fique acima do fundo */ .fphero > * { position: relative; z-index: 8; } /* Logo final que aparece no centro */ .imgmask { width: 300px !important; max-width: 42vw; opacity: 0; position: absolute !important; top: 50%; left: 50%; z-index: 9; pointer-events: none; filter: drop-shadow(0 0 34px rgba(255, 199, 0, 0.34)) drop-shadow(0 0 90px rgba(255, 77, 0, 0.22)); transform: translate(-50%, -50%) scale(0.92); transform-origin: center center; will-change: opacity, transform; } @keyframes xperArrowDown { 0%, 100% { transform: translateY(0); opacity: 0.55; } 50% { transform: translateY(8px); opacity: 1; } } /* Mobile/tablet */ @media(max-width: 1024px) { .fphero { -webkit-mask-size: 30000px; mask-size: 30000px; } .imgmask { width: 320px !important; max-width: 45vw; } } @media(max-width: 1024px) { .fphero { -webkit-mask-image: none !important; mask-image: none !important; } .imgmask { display: none !important; } .parenteffectmask { overflow: visible; } } .metal { background: linear-gradient( 180deg, #f4efe7 0%, #b8aa98 58%, #776b5f 38%, #e7ded2 52%, #6f645a 88%, #c7b8a5 84%, #3f3832 100% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.18), 0 8px 22px rgba(0, 0, 0, 0.35); letter-spacing: -0.03em; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Questrial'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://xperdesign.com.br/wp-content/uploads/2025/10/Questrial-Regular.ttf') format('truetype'); } /* End Custom Fonts CSS */