.elementor-1546 .elementor-element.elementor-element-4f28eb8{--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:center;--padding-top:70px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1546 .elementor-element.elementor-element-b8b7bf4{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1546 .elementor-element.elementor-element-bf745e6{text-align:center;}.elementor-1546 .elementor-element.elementor-element-bf745e6 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;}.elementor-1546 .elementor-element.elementor-element-53d5026{text-align:center;}.elementor-1546 .elementor-element.elementor-element-53d5026 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:53px;font-weight:700;line-height:53px;color:#FFFFFF;}.elementor-1546 .elementor-element.elementor-element-094ccd1{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:27px;color:#FFFFFF;}.elementor-1546 .elementor-element.elementor-element-7b578b5{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1546 .elementor-element.elementor-element-94b368b{--display:flex;}.elementor-1546 .elementor-element.elementor-element-e5358b3{text-align:start;}.elementor-1546 .elementor-element.elementor-element-e5358b3 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:25px;font-weight:700;line-height:25px;color:#FFFFFF;}.elementor-1546 .elementor-element.elementor-element-1a18607{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;text-align:start;font-family:"Poppins", Sans-serif;font-size:19px;color:#FFFFFF;}.elementor-1546 .elementor-element.elementor-element-dd4438f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1546 .elementor-element.elementor-element-5ae0760 .elementor-icon-wrapper{text-align:start;}.elementor-1546 .elementor-element.elementor-element-5ae0760 .elementor-icon{font-size:34px;padding:10px;}.elementor-1546 .elementor-element.elementor-element-5ae0760 .elementor-icon svg{height:34px;}.elementor-1546 .elementor-element.elementor-element-5ae0760 .elementor-icon-wrapper svg{width:auto;}.elementor-1546 .elementor-element.elementor-element-ec17329{--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;}.elementor-1546 .elementor-element.elementor-element-8a44ef7 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:22px;font-weight:300;color:#FFFFFF;}.elementor-1546 .elementor-element.elementor-element-48818ff .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:22px;font-weight:700;color:#FFFFFF;}.elementor-1546 .elementor-element.elementor-element-8197442{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1546 .elementor-element.elementor-element-897faed .elementor-icon-wrapper{text-align:start;}.elementor-1546 .elementor-element.elementor-element-897faed .elementor-icon{font-size:34px;padding:10px;}.elementor-1546 .elementor-element.elementor-element-897faed .elementor-icon svg{height:34px;}.elementor-1546 .elementor-element.elementor-element-897faed .elementor-icon-wrapper svg{width:auto;}.elementor-1546 .elementor-element.elementor-element-f5257fc{--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;}.elementor-1546 .elementor-element.elementor-element-13eec66 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:22px;font-weight:300;color:#FFFFFF;}.elementor-1546 .elementor-element.elementor-element-d186fb5 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:22px;font-weight:700;color:#FFFFFF;}.elementor-1546 .elementor-element.elementor-element-70bf30f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1546 .elementor-element.elementor-element-0ea3263 .elementor-icon-wrapper{text-align:start;}.elementor-1546 .elementor-element.elementor-element-0ea3263 .elementor-icon{font-size:34px;padding:10px;}.elementor-1546 .elementor-element.elementor-element-0ea3263 .elementor-icon svg{height:34px;}.elementor-1546 .elementor-element.elementor-element-0ea3263 .elementor-icon-wrapper svg{width:auto;}.elementor-1546 .elementor-element.elementor-element-66b9d25{--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;}.elementor-1546 .elementor-element.elementor-element-3b61fbc .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:22px;font-weight:300;color:#FFFFFF;}.elementor-1546 .elementor-element.elementor-element-5dd3671 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:22px;font-weight:700;color:#FFFFFF;}.elementor-1546 .elementor-element.elementor-element-57f0e2c{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1546 .elementor-element.elementor-element-50d8fcf{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;text-align:start;font-family:"Poppins", Sans-serif;font-size:17px;color:#FFFFFF;}.elementor-1546 .elementor-element.elementor-element-bd9437c{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1546 .elementor-element.elementor-element-bd9437c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:700;color:#FFFFFF;}.elementor-1546 .elementor-element.elementor-element-427563a{--display:flex;--justify-content:center;}.elementor-1546 .elementor-element.elementor-element-748c590{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .validation_message:not(.validation_message--hidden-on-empty){display:block !important;}.elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .validation_error{display:block !important;}.elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gfield textarea, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gfield select{background-color:#f9f9f9;color:#FFFFFF;padding:10px 10px 10px 10px;font-family:"Inter", Sans-serif;font-size:17px;}.elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gfield_label, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gfield_checkbox li label, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .ginput_container_consent label, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gfield_radio li label, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gsection_title, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gfield_html, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .ginput_product_price, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .ginput_product_price_label, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gf_progressbar_title, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gf_page_steps, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gfield_checkbox div label, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gfield_radio div label{color:#FFFFFF;}.elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gfield_label, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gfield_checkbox li label, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .ginput_container_consent label, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gfield_radio li label, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gsection_title, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gfield_html, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .ginput_product_price, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .ginput_product_price_label, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gf_progressbar_title, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gf_page_steps, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gfield_checkbox div label, .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gfield_radio div label{font-family:"Inter", Sans-serif;font-size:15px;}.elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gfield.gsection{border-bottom-style:solid;border-bottom-width:1px;}.elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-custom-radio-checkbox input[type="checkbox"], .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-custom-radio-checkbox input[type="radio"]{width:15px !important;height:15px;}.elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gform_wrapper .gform_footer input[type="submit"], .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gform_wrapper .gform_page_footer input[type="submit"], .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gform_wrapper .gfield--type-submit input[type="submit"]{color:#FFFFFF;}.elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gform_wrapper .gform_footer input[type="submit"], .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gform_wrapper .gform_page_footer input[type="submit"], .elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gform_wrapper .gfield--type-submit input[type="submit"]{margin-top:30px;font-family:"Inter", Sans-serif;font-size:22px;font-weight:700;}.elementor-1546 .elementor-element.elementor-element-c7d9073 .pp-gravity-form .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-1546 .elementor-element.elementor-element-c7d9073 .gform_wrapper li.gfield_error textarea{border-width:1px;}.elementor-1546 .elementor-element.elementor-element-c7d9073 .gform_confirmation_wrapper{padding:10px 10px 10px 10px;}@media(max-width:1024px){.elementor-1546 .elementor-element.elementor-element-7b578b5{--flex-wrap:wrap;}}@media(min-width:768px){.elementor-1546 .elementor-element.elementor-element-4f28eb8{--content-width:90%;}.elementor-1546 .elementor-element.elementor-element-b8b7bf4{--width:90%;}.elementor-1546 .elementor-element.elementor-element-7b578b5{--width:90%;}}@media(max-width:767px){.elementor-1546 .elementor-element.elementor-element-b8b7bf4{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1546 .elementor-element.elementor-element-bf745e6{text-align:start;}.elementor-1546 .elementor-element.elementor-element-53d5026{text-align:start;}.elementor-1546 .elementor-element.elementor-element-53d5026 .elementor-heading-title{font-size:30px;line-height:35px;}.elementor-1546 .elementor-element.elementor-element-094ccd1{text-align:start;font-size:20px;}.elementor-1546 .elementor-element.elementor-element-e5358b3{text-align:start;}.elementor-1546 .elementor-element.elementor-element-e5358b3 .elementor-heading-title{font-size:30px;line-height:35px;}.elementor-1546 .elementor-element.elementor-element-1a18607{text-align:start;font-size:20px;}.elementor-1546 .elementor-element.elementor-element-8a44ef7 .elementor-heading-title{font-size:18px;}.elementor-1546 .elementor-element.elementor-element-48818ff .elementor-heading-title{font-size:18px;}.elementor-1546 .elementor-element.elementor-element-13eec66 .elementor-heading-title{font-size:18px;}.elementor-1546 .elementor-element.elementor-element-d186fb5 .elementor-heading-title{font-size:18px;}.elementor-1546 .elementor-element.elementor-element-3b61fbc .elementor-heading-title{font-size:18px;}.elementor-1546 .elementor-element.elementor-element-5dd3671 .elementor-heading-title{font-size:18px;}.elementor-1546 .elementor-element.elementor-element-50d8fcf{font-size:18px;}.elementor-1546 .elementor-element.elementor-element-bd9437c .elementor-heading-title{font-size:30px;}}/* Start custom CSS for heading, class: .elementor-element-bf745e6 */.title_suport{ color: hsl(var(--brand-purple)); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-53d5026 */.support_title_h2{ /*Define o gradiente como imagem de fundo */ background-image: var(--gradient-brand); /* Recorta o fundo para aparecer apenas onde há texto */ -webkit-background-clip: text; background-clip: text; /* Deixa a cor original da letra transparente para o fundo aparecer */ -webkit-text-fill-color: transparent; color: transparent; /* Fallback para navegadores antigos */ background-size: cover; background-repeat: no-repeat; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e5358b3 */.support_title_h2{ /*Define o gradiente como imagem de fundo */ background-image: var(--gradient-brand); /* Recorta o fundo para aparecer apenas onde há texto */ -webkit-background-clip: text; background-clip: text; /* Deixa a cor original da letra transparente para o fundo aparecer */ -webkit-text-fill-color: transparent; color: transparent; /* Fallback para navegadores antigos */ background-size: cover; background-repeat: no-repeat; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-5ae0760 */.icon_our_services .elementor-icon{ background: var(--gradient-background-2); /* 2. O Desfoque (Essencial) */ backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); /* Para Safari */ /* 4. Iluminação Interna (O "Brilho" do vidro) */ /* Sombra interna branca no topo para simular luz batendo na borda */ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 8px 32px 0 rgba(0, 0, 0, 0.3); /* Sombra externa para profundidade */ border-radius: 15px; } .icon_our_services svg{ color: #fff; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dd4438f */.container_our_services{ background: var(--card); backdrop-filter: blur(var(--glass-blur-amount)); -webkit-backdrop-filter: blur(var(--glass-blur-amount)); border: var(--glass-border-brand-2); box-shadow: var(--glass-shadow); border-radius: 16px; } .container_our_services:hover{ background: var(--glass-bg-brand); backdrop-filter: blur(var(--glass-blur-amount)); -webkit-backdrop-filter: blur(var(--glass-blur-amount)); border: var(--glass-border-brand-1); border-top: 1px solid hsl(var(--brand-cyan) / 0.5); /* Luz no topo */ box-shadow: var(--glass-shadow); border-radius: 16px; } /* 1. Define a transição suave no ícone (estado normal) */ .icon_our_services .elementor-icon { transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.3s ease; /* O cubic-bezier dá um efeito leve de "pulo" (bouncy) ao crescer */ } /* 2. O Efeito de Crescer (Grow) ao passar o mouse no Container */ .container_our_services:hover .icon_our_services .elementor-icon { transform: scale(1.1); /* Aumenta 20% */ /* Opcional: Se quiser que ele mude de cor também */ color: hsl(var(--brand-cyan)); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-897faed */.icon_our_services .elementor-icon{ background: var(--gradient-background-2); /* 2. O Desfoque (Essencial) */ backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); /* Para Safari */ /* 4. Iluminação Interna (O "Brilho" do vidro) */ /* Sombra interna branca no topo para simular luz batendo na borda */ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 8px 32px 0 rgba(0, 0, 0, 0.3); /* Sombra externa para profundidade */ border-radius: 15px; } .icon_our_services svg{ color: #fff; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8197442 */.container_our_services{ background: var(--card); backdrop-filter: blur(var(--glass-blur-amount)); -webkit-backdrop-filter: blur(var(--glass-blur-amount)); border: var(--glass-border-brand-2); box-shadow: var(--glass-shadow); border-radius: 16px; } .container_our_services:hover{ background: var(--glass-bg-brand); backdrop-filter: blur(var(--glass-blur-amount)); -webkit-backdrop-filter: blur(var(--glass-blur-amount)); border: var(--glass-border-brand-1); border-top: 1px solid hsl(var(--brand-cyan) / 0.5); /* Luz no topo */ box-shadow: var(--glass-shadow); border-radius: 16px; } /* 1. Define a transição suave no ícone (estado normal) */ .icon_our_services .elementor-icon { transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.3s ease; /* O cubic-bezier dá um efeito leve de "pulo" (bouncy) ao crescer */ } /* 2. O Efeito de Crescer (Grow) ao passar o mouse no Container */ .container_our_services:hover .icon_our_services .elementor-icon { transform: scale(1.1); /* Aumenta 20% */ /* Opcional: Se quiser que ele mude de cor também */ color: hsl(var(--brand-cyan)); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-0ea3263 */.icon_our_services .elementor-icon{ background: var(--gradient-background-2); /* 2. O Desfoque (Essencial) */ backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); /* Para Safari */ /* 4. Iluminação Interna (O "Brilho" do vidro) */ /* Sombra interna branca no topo para simular luz batendo na borda */ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 8px 32px 0 rgba(0, 0, 0, 0.3); /* Sombra externa para profundidade */ border-radius: 15px; } .icon_our_services svg{ color: #fff; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-70bf30f */.container_our_services{ background: var(--card); backdrop-filter: blur(var(--glass-blur-amount)); -webkit-backdrop-filter: blur(var(--glass-blur-amount)); border: var(--glass-border-brand-2); box-shadow: var(--glass-shadow); border-radius: 16px; } .container_our_services:hover{ background: var(--glass-bg-brand); backdrop-filter: blur(var(--glass-blur-amount)); -webkit-backdrop-filter: blur(var(--glass-blur-amount)); border: var(--glass-border-brand-1); border-top: 1px solid hsl(var(--brand-cyan) / 0.5); /* Luz no topo */ box-shadow: var(--glass-shadow); border-radius: 16px; } /* 1. Define a transição suave no ícone (estado normal) */ .icon_our_services .elementor-icon { transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.3s ease; /* O cubic-bezier dá um efeito leve de "pulo" (bouncy) ao crescer */ } /* 2. O Efeito de Crescer (Grow) ao passar o mouse no Container */ .container_our_services:hover .icon_our_services .elementor-icon { transform: scale(1.1); /* Aumenta 20% */ /* Opcional: Se quiser que ele mude de cor também */ color: hsl(var(--brand-cyan)); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-bd9437c */.title_color_two{ /*Define o gradiente como imagem de fundo */ background-image: var(--gradient-hero-3); /* Recorta o fundo para aparecer apenas onde há texto */ -webkit-background-clip: text; background-clip: text; /* Deixa a cor original da letra transparente para o fundo aparecer */ -webkit-text-fill-color: transparent; color: transparent; /* Fallback para navegadores antigos */ background-size: cover; background-repeat: no-repeat; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-57f0e2c */.container_services{ background: var(--glass-bg-brand); backdrop-filter: blur(var(--glass-blur-amount)); -webkit-backdrop-filter: blur(var(--glass-blur-amount)); border: var(--glass-border-brand); border-top: 1px solid hsl(var(--brand-purple) / 0.5); /* Luz no topo */ box-shadow: var(--glass-shadow); border-radius: 16px; }/* End custom CSS */ /* Start custom CSS for pp-gravity-forms, class: .elementor-element-c7d9073 */#form_contact .gform_required_legend{ color: #fff; } #form_contact input, #form_contact textarea{ background: var(--popover); backdrop-filter: blur(var(--glass-blur-amount)); -webkit-backdrop-filter: blur(var(--glass-blur-amount)); border: var(--glass-border-brand-2); box-shadow: var(--glass-shadow); border-radius: 10px; } #form_contact input:hover, #form_contact textarea:hover{ border: var(--glass-border-brand-1); border-top: 1px solid hsl(var(--brand-cyan) / 0.5); /* Luz no topo */ box-shadow: var(--glass-shadow); } #form_contact input:focus, #form_contact textarea:focus{ box-shadow: 0px 0px 5px 5px hsl(var(--brand-cyan) / 0.5); } #form_contact input::placeholder, #form_contact textarea::placeholder{ color: #fff; opacity: 0.6; } #gform_submit_button_1{ background: var(--gradient-background-btn-1) !important; } #gform_submit_button_1:hover{ background: var(--gradient-background-btn-1-invert) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-748c590 */.container_contact-form{ background: var(--glass-bg-brand); backdrop-filter: blur(var(--glass-blur-amount)); -webkit-backdrop-filter: blur(var(--glass-blur-amount)); border: var(--glass-border-brand); border-top: 1px solid hsl(var(--brand-purple) / 0.5); /* Luz no topo */ box-shadow: var(--glass-shadow); border-radius: 16px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4f28eb8 *//* --- CONTAINER --- */ .cyan-breathing-light { position: relative; width: 100%; overflow: hidden; background-color: var(--bg-dark); z-index: 1; } /* --- A LUZ (PSEUDO-ELEMENTO) --- */ .cyan-breathing-light::before { content: ''; position: absolute; /* 1. POSICIONAMENTO VERTICAL (MEIO) */ top: 50%; /* 2. POSICIONAMENTO HORIZONTAL (DIREITA) */ right: 0; /* Cola a borda da caixa na direita */ left: auto; /* OBRIGATÓRIO: Garante que não fique preso na esquerda */ /* 3. TAMANHO */ width: 80vw; height: 80vw; max-width: 1000px; /* Limite para não ficar imenso no desktop */ max-height: 1000px; z-index: -1; /* GRADIENTE */ background-image: radial-gradient( circle, hsl(var(--brand-cyan) / 0.5) 0%, hsl(var(--brand-cyan) / 0.1) 40%, transparent 65% ); background-repeat: no-repeat; /* 4. ANIMAÇÃO E AJUSTE FINO DE POSIÇÃO */ animation: breathe-right-side 5s ease-in-out infinite alternate; will-change: transform, opacity; } /* --- ANIMAÇÃO CORRIGIDA --- */ @keyframes breathe-right-side { 0% { opacity: 0.5; /* translate(50%, -50%): - O primeiro valor (50%) empurra a luz para a direita (X), escondendo metade dela. - O segundo valor (-50%) puxa a luz para cima (Y) para centralizar verticalmente. - scale(1): Tamanho normal. */ transform: translate(50%, -50%) scale(1); } 100% { opacity: 0.8; /* Mantemos a posição e aumentamos a escala */ transform: translate(50%, -50%) scale(1.2); } } /* --- AJUSTE MOBILE --- */ @media (max-width: 768px) { .cyan-breathing-light::before { width: 100vw; height: 100vw; /* No mobile, pode ser necessário ajustar o quanto ela "entra" na tela */ } }/* End custom CSS */