.elementor-103 .elementor-element.elementor-element-ed2ac3c{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:6px;--padding-left:0px;--padding-right:0px;}.elementor-103 .elementor-element.elementor-element-ed2ac3c:not(.elementor-motion-effects-element-type-background), .elementor-103 .elementor-element.elementor-element-ed2ac3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-edf2eb8 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-103 .elementor-element.elementor-element-31284c7 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0px 0px 5px #00FFFF;color:var( --e-global-color-daba9a3 );}.elementor-103 .elementor-element.elementor-element-bed070d{--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;border-style:solid;--border-style:solid;border-width:0px 0px 2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:var( --e-global-color-daba9a3 );--border-color:var( --e-global-color-daba9a3 );--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-103 .elementor-element.elementor-element-bed070d:not(.elementor-motion-effects-element-type-background), .elementor-103 .elementor-element.elementor-element-bed070d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFE6;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-103 .elementor-element.elementor-element-177a4a3 img{width:100%;}.elementor-103 .elementor-element.elementor-element-177a4a3{width:var( --container-widget-width, 16% );max-width:16%;--container-widget-width:16%;--container-widget-flex-grow:0;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );--n-menu-divider-color:var( --e-global-color-text );}.elementor-103 .elementor-element.elementor-element-fcb2102{--display:flex;}.elementor-103 .elementor-element.elementor-element-b4d66b0{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-daba9a3 );--border-color:var( --e-global-color-daba9a3 );--border-radius:8px 8px 8px 8px;box-shadow:0px 0px 20px 0px rgba(0, 240.00000000000028, 255, 0.2);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-103 .elementor-element.elementor-element-b4d66b0:not(.elementor-motion-effects-element-type-background), .elementor-103 .elementor-element.elementor-element-b4d66b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#011627F2;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-103 .elementor-element.elementor-element-43a2e83 .elementor-icon-box-wrapper{text-align:start;}.elementor-103 .elementor-element.elementor-element-43a2e83 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-d767715 );}.elementor-103 .elementor-element.elementor-element-43a2e83 .elementor-icon-box-title, .elementor-103 .elementor-element.elementor-element-43a2e83 .elementor-icon-box-title a{font-family:"Marcellus", Sans-serif;font-size:14px;font-weight:800;text-transform:uppercase;}.elementor-103 .elementor-element.elementor-element-43a2e83:has(:hover) .elementor-icon-box-title, .elementor-103 .elementor-element.elementor-element-43a2e83:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-daba9a3 );}.elementor-103 .elementor-element.elementor-element-43a2e83 .elementor-icon-box-description{font-family:"Quicksand", Sans-serif;font-size:14px;font-weight:600;line-height:18px;color:#B0BEC5;}.elementor-103 .elementor-element.elementor-element-af8b0e5 .elementor-icon-box-wrapper{text-align:start;}.elementor-103 .elementor-element.elementor-element-af8b0e5 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-d767715 );}.elementor-103 .elementor-element.elementor-element-af8b0e5 .elementor-icon-box-title, .elementor-103 .elementor-element.elementor-element-af8b0e5 .elementor-icon-box-title a{font-family:"Marcellus", Sans-serif;font-size:14px;font-weight:800;text-transform:uppercase;}.elementor-103 .elementor-element.elementor-element-af8b0e5:has(:hover) .elementor-icon-box-title, .elementor-103 .elementor-element.elementor-element-af8b0e5:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-daba9a3 );}.elementor-103 .elementor-element.elementor-element-af8b0e5 .elementor-icon-box-description{font-family:"Quicksand", Sans-serif;font-size:14px;font-weight:600;line-height:18px;color:#B0BEC5;}.elementor-103 .elementor-element.elementor-element-2131823{--display:flex;--min-height:150px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-daba9a3 );--border-color:var( --e-global-color-daba9a3 );--border-radius:8px 8px 8px 8px;box-shadow:0px 0px 20px 0px rgba(0, 240.00000000000028, 255, 0.2);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-103 .elementor-element.elementor-element-2131823:not(.elementor-motion-effects-element-type-background), .elementor-103 .elementor-element.elementor-element-2131823 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#011627F2;}.elementor-103 .elementor-element.elementor-element-c89d4a8 .elementor-icon-box-wrapper{text-align:start;}.elementor-103 .elementor-element.elementor-element-c89d4a8 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-d767715 );}.elementor-103 .elementor-element.elementor-element-c89d4a8 .elementor-icon-box-title, .elementor-103 .elementor-element.elementor-element-c89d4a8 .elementor-icon-box-title a{font-family:"Marcellus", Sans-serif;font-size:14px;font-weight:800;text-transform:uppercase;}.elementor-103 .elementor-element.elementor-element-c89d4a8:has(:hover) .elementor-icon-box-title, .elementor-103 .elementor-element.elementor-element-c89d4a8:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-daba9a3 );}.elementor-103 .elementor-element.elementor-element-c89d4a8 .elementor-icon-box-description{font-family:"Quicksand", Sans-serif;font-size:14px;font-weight:600;line-height:18px;color:#B0BEC5;}.elementor-103 .elementor-element.elementor-element-7e2a862 .elementor-icon-box-wrapper{text-align:start;}.elementor-103 .elementor-element.elementor-element-7e2a862 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-d767715 );}.elementor-103 .elementor-element.elementor-element-7e2a862 .elementor-icon-box-title, .elementor-103 .elementor-element.elementor-element-7e2a862 .elementor-icon-box-title a{font-family:"Marcellus", Sans-serif;font-size:14px;font-weight:800;text-transform:uppercase;}.elementor-103 .elementor-element.elementor-element-7e2a862:has(:hover) .elementor-icon-box-title, .elementor-103 .elementor-element.elementor-element-7e2a862:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-daba9a3 );}.elementor-103 .elementor-element.elementor-element-7e2a862 .elementor-icon-box-description{font-family:"Quicksand", Sans-serif;font-size:14px;font-weight:600;line-height:18px;color:#B0BEC5;}.elementor-103 .elementor-element.elementor-element-fe96df3 .elementor-icon-box-wrapper{text-align:start;}.elementor-103 .elementor-element.elementor-element-fe96df3 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-d767715 );}.elementor-103 .elementor-element.elementor-element-fe96df3 .elementor-icon-box-title, .elementor-103 .elementor-element.elementor-element-fe96df3 .elementor-icon-box-title a{font-family:"Marcellus", Sans-serif;font-size:14px;font-weight:800;text-transform:uppercase;}.elementor-103 .elementor-element.elementor-element-fe96df3:has(:hover) .elementor-icon-box-title, .elementor-103 .elementor-element.elementor-element-fe96df3:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-daba9a3 );}.elementor-103 .elementor-element.elementor-element-fe96df3 .elementor-icon-box-description{font-family:"Quicksand", Sans-serif;font-size:14px;font-weight:600;line-height:18px;color:#B0BEC5;}.elementor-103 .elementor-element.elementor-element-ecf4786{--display:flex;}.elementor-103 .elementor-element.elementor-element-8f12757{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-open-animation-duration:500ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:10px;--n-menu-title-font-size:13px;--n-menu-title-color-normal:var( --e-global-color-edf2eb8 );--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:var( --e-global-color-edf2eb8 );--n-menu-toggle-icon-hover-duration:500ms;--n-menu-dropdown-content-box-border-radius:15px 15px 15px 15px;}.elementor-103 .elementor-element.elementor-element-8f12757 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-103 .elementor-element.elementor-element-8f12757 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-103 .elementor-element.elementor-element-8f12757 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Marcellus", Sans-serif;font-weight:800;text-transform:uppercase;}.elementor-103 .elementor-element.elementor-element-8f12757 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ):not( :hover ){border-style:none;}.elementor-103 .elementor-element.elementor-element-8f12757 {--n-menu-title-color-hover:var( --e-global-color-edf2eb8 );--n-menu-title-color-active:var( --e-global-color-edf2eb8 );}.elementor-103 .elementor-element.elementor-element-8f12757 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){border-style:none;}.elementor-103 .elementor-element.elementor-element-8f12757 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{border-style:none;}.elementor-103 .elementor-element.elementor-element-8f12757.elementor-element{--align-self:center;}.elementor-103 .elementor-element.elementor-element-2811b56{width:auto;max-width:auto;}.elementor-103 .elementor-element.elementor-element-2811b56.elementor-element{--align-self:center;}.elementor-103 .elementor-element.elementor-element-18b90c6{--display:flex;border-style:solid;--border-style:solid;border-color:var( --e-global-color-daba9a3 );--border-color:var( --e-global-color-daba9a3 );}.elementor-103 .elementor-element.elementor-element-18b90c6:not(.elementor-motion-effects-element-type-background), .elementor-103 .elementor-element.elementor-element-18b90c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFE6;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-103 .elementor-element.elementor-element-e219800 .elementor-icon-wrapper{text-align:center;}.elementor-103 .elementor-element.elementor-element-e219800.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-103 .elementor-element.elementor-element-e219800.elementor-view-framed .elementor-icon, .elementor-103 .elementor-element.elementor-element-e219800.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-103 .elementor-element.elementor-element-e219800.elementor-view-framed .elementor-icon, .elementor-103 .elementor-element.elementor-element-e219800.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}.elementor-103:not(.elementor-motion-effects-element-type-background), .elementor-103 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-edf2eb8 );}@media(min-width:768px){.elementor-103 .elementor-element.elementor-element-b4d66b0{--width:450px;}.elementor-103 .elementor-element.elementor-element-2131823{--width:450px;}}@media(max-width:1024px){.elementor-103 .elementor-element.elementor-element-ed2ac3c{--padding-top:10px;--padding-bottom:4px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-103 .elementor-element.elementor-element-31284c7 .elementor-heading-title{font-size:9px;letter-spacing:1.5px;}.elementor-103 .elementor-element.elementor-element-bed070d{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-103 .elementor-element.elementor-element-177a4a3{--container-widget-width:20%;--container-widget-flex-grow:0;width:var( --container-widget-width, 20% );max-width:20%;}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-103 .elementor-element.elementor-element-ed2ac3c{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-103 .elementor-element.elementor-element-31284c7{text-align:center;}.elementor-103 .elementor-element.elementor-element-31284c7 .elementor-heading-title{font-size:7px;line-height:1.7em;}.elementor-103 .elementor-element.elementor-element-bed070d{--justify-content:space-between;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-103 .elementor-element.elementor-element-177a4a3{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-103 .elementor-element.elementor-element-8f12757{--n-menu-title-space-between:0px;--n-menu-title-padding:10px 10px 10px 10px;--n-menu-toggle-icon-size:25px;--n-menu-toggle-icon-distance-from-dropdown:25px;width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-103 .elementor-element.elementor-element-8f12757.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-103 .elementor-element.elementor-element-18b90c6{--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;--justify-content:space-between;--align-items:center;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;--z-index:99999;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-103 .elementor-element.elementor-element-40c7cb5 img{width:120px;}.elementor-103 .elementor-element.elementor-element-a95d97e img{width:115px;}.elementor-103 .elementor-element.elementor-element-a95d97e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-103 .elementor-element.elementor-element-e219800 .elementor-icon{font-size:30px;}.elementor-103 .elementor-element.elementor-element-e219800 .elementor-icon svg{height:30px;}}/* Start custom CSS for icon-box, class: .elementor-element-43a2e83 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-43a2e83 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-43a2e83 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-43a2e83:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-43a2e83:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-43a2e83:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-af8b0e5 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-af8b0e5 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-af8b0e5 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-af8b0e5:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-af8b0e5:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-af8b0e5:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b4d66b0 *//* ========================================== DROPDOWN CONTAINER: PAINEL SÓLIDO ILUMINADO (ALTA PERFORMANCE) ========================================== */ .elementor-103 .elementor-element.elementor-element-b4d66b0 { /* 1. Base Sólida (Zero Transparência = Zero engasgo de GPU) Criamos um gradiente profundo de Azul Marinho escuro para um leve Azul Tecnológico */ background: linear-gradient(145deg, #011627 0%, #02203b 100%) !important; /* 2. Remoção total do Blur para performance máxima */ backdrop-filter: none; -webkit-backdrop-filter: none; /* 3. A Vida da Peça: Luz Interna e Sombra Externa - O 'inset' simula uma lâmpada ciano difusa dentro da caixa sólida - A sombra externa preta ancora o painel com peso */ box-shadow: inset 0 0 50px rgba(0, 240, 255, 0.08), 0 20px 40px rgba(0, 0, 0, 0.8) !important; /* 4. Borda Direcional 3D (Refletindo a luz do site) */ border-top: 1px solid rgba(0, 240, 255, 0.4); border-left: 1px solid rgba(255, 255, 255, 0.08); border-right: 1px solid rgba(255, 255, 255, 0.03); border-bottom: 1px solid rgba(255, 255, 255, 0.03); /* 5. Animação de Entrada fluida e leve */ animation: menu-reveal 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; transform-origin: top center; } @keyframes menu-reveal { 0% { opacity: 0; transform: translateY(-10px) scale(0.98); } 100% { opacity: 1; transform: translateY(0) scale(1); } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c89d4a8 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-c89d4a8 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-c89d4a8 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-c89d4a8:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-c89d4a8:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-c89d4a8:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7e2a862 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-7e2a862 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-7e2a862 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-7e2a862:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-7e2a862:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-7e2a862:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-fe96df3 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-fe96df3 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-fe96df3 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-fe96df3:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-fe96df3:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-fe96df3:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2131823 *//* ========================================== DROPDOWN CONTAINER: PAINEL SÓLIDO ILUMINADO (ALTA PERFORMANCE) ========================================== */ .elementor-103 .elementor-element.elementor-element-2131823 { /* 1. Base Sólida (Zero Transparência = Zero engasgo de GPU) Criamos um gradiente profundo de Azul Marinho escuro para um leve Azul Tecnológico */ background: linear-gradient(145deg, #011627 0%, #02203b 100%) !important; /* 2. Remoção total do Blur para performance máxima */ backdrop-filter: none; -webkit-backdrop-filter: none; /* 3. A Vida da Peça: Luz Interna e Sombra Externa - O 'inset' simula uma lâmpada ciano difusa dentro da caixa sólida - A sombra externa preta ancora o painel com peso */ box-shadow: inset 0 0 50px rgba(0, 240, 255, 0.08), 0 20px 40px rgba(0, 0, 0, 0.8) !important; /* 4. Borda Direcional 3D (Refletindo a luz do site) */ border-top: 1px solid rgba(0, 240, 255, 0.4); border-left: 1px solid rgba(255, 255, 255, 0.08); border-right: 1px solid rgba(255, 255, 255, 0.03); border-bottom: 1px solid rgba(255, 255, 255, 0.03); /* 5. Animação de Entrada fluida e leve */ animation: menu-reveal 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; transform-origin: top center; } @keyframes menu-reveal { 0% { opacity: 0; transform: translateY(-10px) scale(0.98); } 100% { opacity: 1; transform: translateY(0) scale(1); } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-43a2e83 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-43a2e83 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-43a2e83 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-43a2e83:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-43a2e83:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-43a2e83:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-af8b0e5 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-af8b0e5 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-af8b0e5 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-af8b0e5:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-af8b0e5:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-af8b0e5:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b4d66b0 *//* ========================================== DROPDOWN CONTAINER: PAINEL SÓLIDO ILUMINADO (ALTA PERFORMANCE) ========================================== */ .elementor-103 .elementor-element.elementor-element-b4d66b0 { /* 1. Base Sólida (Zero Transparência = Zero engasgo de GPU) Criamos um gradiente profundo de Azul Marinho escuro para um leve Azul Tecnológico */ background: linear-gradient(145deg, #011627 0%, #02203b 100%) !important; /* 2. Remoção total do Blur para performance máxima */ backdrop-filter: none; -webkit-backdrop-filter: none; /* 3. A Vida da Peça: Luz Interna e Sombra Externa - O 'inset' simula uma lâmpada ciano difusa dentro da caixa sólida - A sombra externa preta ancora o painel com peso */ box-shadow: inset 0 0 50px rgba(0, 240, 255, 0.08), 0 20px 40px rgba(0, 0, 0, 0.8) !important; /* 4. Borda Direcional 3D (Refletindo a luz do site) */ border-top: 1px solid rgba(0, 240, 255, 0.4); border-left: 1px solid rgba(255, 255, 255, 0.08); border-right: 1px solid rgba(255, 255, 255, 0.03); border-bottom: 1px solid rgba(255, 255, 255, 0.03); /* 5. Animação de Entrada fluida e leve */ animation: menu-reveal 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; transform-origin: top center; } @keyframes menu-reveal { 0% { opacity: 0; transform: translateY(-10px) scale(0.98); } 100% { opacity: 1; transform: translateY(0) scale(1); } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c89d4a8 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-c89d4a8 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-c89d4a8 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-c89d4a8:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-c89d4a8:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-c89d4a8:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7e2a862 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-7e2a862 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-7e2a862 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-7e2a862:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-7e2a862:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-7e2a862:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-fe96df3 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-fe96df3 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-fe96df3 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-fe96df3:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-fe96df3:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-fe96df3:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2131823 *//* ========================================== DROPDOWN CONTAINER: PAINEL SÓLIDO ILUMINADO (ALTA PERFORMANCE) ========================================== */ .elementor-103 .elementor-element.elementor-element-2131823 { /* 1. Base Sólida (Zero Transparência = Zero engasgo de GPU) Criamos um gradiente profundo de Azul Marinho escuro para um leve Azul Tecnológico */ background: linear-gradient(145deg, #011627 0%, #02203b 100%) !important; /* 2. Remoção total do Blur para performance máxima */ backdrop-filter: none; -webkit-backdrop-filter: none; /* 3. A Vida da Peça: Luz Interna e Sombra Externa - O 'inset' simula uma lâmpada ciano difusa dentro da caixa sólida - A sombra externa preta ancora o painel com peso */ box-shadow: inset 0 0 50px rgba(0, 240, 255, 0.08), 0 20px 40px rgba(0, 0, 0, 0.8) !important; /* 4. Borda Direcional 3D (Refletindo a luz do site) */ border-top: 1px solid rgba(0, 240, 255, 0.4); border-left: 1px solid rgba(255, 255, 255, 0.08); border-right: 1px solid rgba(255, 255, 255, 0.03); border-bottom: 1px solid rgba(255, 255, 255, 0.03); /* 5. Animação de Entrada fluida e leve */ animation: menu-reveal 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; transform-origin: top center; } @keyframes menu-reveal { 0% { opacity: 0; transform: translateY(-10px) scale(0.98); } 100% { opacity: 1; transform: translateY(0) scale(1); } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-43a2e83 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-43a2e83 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-43a2e83 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-43a2e83:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-43a2e83:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-43a2e83:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-af8b0e5 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-af8b0e5 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-af8b0e5 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-af8b0e5:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-af8b0e5:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-af8b0e5:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b4d66b0 *//* ========================================== DROPDOWN CONTAINER: PAINEL SÓLIDO ILUMINADO (ALTA PERFORMANCE) ========================================== */ .elementor-103 .elementor-element.elementor-element-b4d66b0 { /* 1. Base Sólida (Zero Transparência = Zero engasgo de GPU) Criamos um gradiente profundo de Azul Marinho escuro para um leve Azul Tecnológico */ background: linear-gradient(145deg, #011627 0%, #02203b 100%) !important; /* 2. Remoção total do Blur para performance máxima */ backdrop-filter: none; -webkit-backdrop-filter: none; /* 3. A Vida da Peça: Luz Interna e Sombra Externa - O 'inset' simula uma lâmpada ciano difusa dentro da caixa sólida - A sombra externa preta ancora o painel com peso */ box-shadow: inset 0 0 50px rgba(0, 240, 255, 0.08), 0 20px 40px rgba(0, 0, 0, 0.8) !important; /* 4. Borda Direcional 3D (Refletindo a luz do site) */ border-top: 1px solid rgba(0, 240, 255, 0.4); border-left: 1px solid rgba(255, 255, 255, 0.08); border-right: 1px solid rgba(255, 255, 255, 0.03); border-bottom: 1px solid rgba(255, 255, 255, 0.03); /* 5. Animação de Entrada fluida e leve */ animation: menu-reveal 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; transform-origin: top center; } @keyframes menu-reveal { 0% { opacity: 0; transform: translateY(-10px) scale(0.98); } 100% { opacity: 1; transform: translateY(0) scale(1); } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c89d4a8 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-c89d4a8 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-c89d4a8 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-c89d4a8:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-c89d4a8:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-c89d4a8:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7e2a862 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-7e2a862 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-7e2a862 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-7e2a862:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-7e2a862:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-7e2a862:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-fe96df3 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-fe96df3 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-fe96df3 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-fe96df3:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-fe96df3:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-fe96df3:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2131823 *//* ========================================== DROPDOWN CONTAINER: PAINEL SÓLIDO ILUMINADO (ALTA PERFORMANCE) ========================================== */ .elementor-103 .elementor-element.elementor-element-2131823 { /* 1. Base Sólida (Zero Transparência = Zero engasgo de GPU) Criamos um gradiente profundo de Azul Marinho escuro para um leve Azul Tecnológico */ background: linear-gradient(145deg, #011627 0%, #02203b 100%) !important; /* 2. Remoção total do Blur para performance máxima */ backdrop-filter: none; -webkit-backdrop-filter: none; /* 3. A Vida da Peça: Luz Interna e Sombra Externa - O 'inset' simula uma lâmpada ciano difusa dentro da caixa sólida - A sombra externa preta ancora o painel com peso */ box-shadow: inset 0 0 50px rgba(0, 240, 255, 0.08), 0 20px 40px rgba(0, 0, 0, 0.8) !important; /* 4. Borda Direcional 3D (Refletindo a luz do site) */ border-top: 1px solid rgba(0, 240, 255, 0.4); border-left: 1px solid rgba(255, 255, 255, 0.08); border-right: 1px solid rgba(255, 255, 255, 0.03); border-bottom: 1px solid rgba(255, 255, 255, 0.03); /* 5. Animação de Entrada fluida e leve */ animation: menu-reveal 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; transform-origin: top center; } @keyframes menu-reveal { 0% { opacity: 0; transform: translateY(-10px) scale(0.98); } 100% { opacity: 1; transform: translateY(0) scale(1); } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-43a2e83 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-43a2e83 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-43a2e83 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-43a2e83:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-43a2e83:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-43a2e83:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-af8b0e5 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-af8b0e5 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-af8b0e5 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-af8b0e5:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-af8b0e5:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-af8b0e5:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b4d66b0 *//* ========================================== DROPDOWN CONTAINER: PAINEL SÓLIDO ILUMINADO (ALTA PERFORMANCE) ========================================== */ .elementor-103 .elementor-element.elementor-element-b4d66b0 { /* 1. Base Sólida (Zero Transparência = Zero engasgo de GPU) Criamos um gradiente profundo de Azul Marinho escuro para um leve Azul Tecnológico */ background: linear-gradient(145deg, #011627 0%, #02203b 100%) !important; /* 2. Remoção total do Blur para performance máxima */ backdrop-filter: none; -webkit-backdrop-filter: none; /* 3. A Vida da Peça: Luz Interna e Sombra Externa - O 'inset' simula uma lâmpada ciano difusa dentro da caixa sólida - A sombra externa preta ancora o painel com peso */ box-shadow: inset 0 0 50px rgba(0, 240, 255, 0.08), 0 20px 40px rgba(0, 0, 0, 0.8) !important; /* 4. Borda Direcional 3D (Refletindo a luz do site) */ border-top: 1px solid rgba(0, 240, 255, 0.4); border-left: 1px solid rgba(255, 255, 255, 0.08); border-right: 1px solid rgba(255, 255, 255, 0.03); border-bottom: 1px solid rgba(255, 255, 255, 0.03); /* 5. Animação de Entrada fluida e leve */ animation: menu-reveal 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; transform-origin: top center; } @keyframes menu-reveal { 0% { opacity: 0; transform: translateY(-10px) scale(0.98); } 100% { opacity: 1; transform: translateY(0) scale(1); } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c89d4a8 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-c89d4a8 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-c89d4a8 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-c89d4a8:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-c89d4a8:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-c89d4a8:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7e2a862 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-7e2a862 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-7e2a862 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-7e2a862:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-7e2a862:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-7e2a862:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-fe96df3 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-fe96df3 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-fe96df3 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-fe96df3:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-fe96df3:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-fe96df3:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2131823 *//* ========================================== DROPDOWN CONTAINER: PAINEL SÓLIDO ILUMINADO (ALTA PERFORMANCE) ========================================== */ .elementor-103 .elementor-element.elementor-element-2131823 { /* 1. Base Sólida (Zero Transparência = Zero engasgo de GPU) Criamos um gradiente profundo de Azul Marinho escuro para um leve Azul Tecnológico */ background: linear-gradient(145deg, #011627 0%, #02203b 100%) !important; /* 2. Remoção total do Blur para performance máxima */ backdrop-filter: none; -webkit-backdrop-filter: none; /* 3. A Vida da Peça: Luz Interna e Sombra Externa - O 'inset' simula uma lâmpada ciano difusa dentro da caixa sólida - A sombra externa preta ancora o painel com peso */ box-shadow: inset 0 0 50px rgba(0, 240, 255, 0.08), 0 20px 40px rgba(0, 0, 0, 0.8) !important; /* 4. Borda Direcional 3D (Refletindo a luz do site) */ border-top: 1px solid rgba(0, 240, 255, 0.4); border-left: 1px solid rgba(255, 255, 255, 0.08); border-right: 1px solid rgba(255, 255, 255, 0.03); border-bottom: 1px solid rgba(255, 255, 255, 0.03); /* 5. Animação de Entrada fluida e leve */ animation: menu-reveal 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; transform-origin: top center; } @keyframes menu-reveal { 0% { opacity: 0; transform: translateY(-10px) scale(0.98); } 100% { opacity: 1; transform: translateY(0) scale(1); } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-43a2e83 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-43a2e83 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-43a2e83 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-43a2e83:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-43a2e83:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-43a2e83:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-af8b0e5 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-af8b0e5 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-af8b0e5 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-af8b0e5:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-af8b0e5:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-af8b0e5:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b4d66b0 *//* ========================================== DROPDOWN CONTAINER: PAINEL SÓLIDO ILUMINADO (ALTA PERFORMANCE) ========================================== */ .elementor-103 .elementor-element.elementor-element-b4d66b0 { /* 1. Base Sólida (Zero Transparência = Zero engasgo de GPU) Criamos um gradiente profundo de Azul Marinho escuro para um leve Azul Tecnológico */ background: linear-gradient(145deg, #011627 0%, #02203b 100%) !important; /* 2. Remoção total do Blur para performance máxima */ backdrop-filter: none; -webkit-backdrop-filter: none; /* 3. A Vida da Peça: Luz Interna e Sombra Externa - O 'inset' simula uma lâmpada ciano difusa dentro da caixa sólida - A sombra externa preta ancora o painel com peso */ box-shadow: inset 0 0 50px rgba(0, 240, 255, 0.08), 0 20px 40px rgba(0, 0, 0, 0.8) !important; /* 4. Borda Direcional 3D (Refletindo a luz do site) */ border-top: 1px solid rgba(0, 240, 255, 0.4); border-left: 1px solid rgba(255, 255, 255, 0.08); border-right: 1px solid rgba(255, 255, 255, 0.03); border-bottom: 1px solid rgba(255, 255, 255, 0.03); /* 5. Animação de Entrada fluida e leve */ animation: menu-reveal 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; transform-origin: top center; } @keyframes menu-reveal { 0% { opacity: 0; transform: translateY(-10px) scale(0.98); } 100% { opacity: 1; transform: translateY(0) scale(1); } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c89d4a8 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-c89d4a8 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-c89d4a8 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-c89d4a8:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-c89d4a8:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-c89d4a8:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7e2a862 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-7e2a862 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-7e2a862 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-7e2a862:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-7e2a862:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-7e2a862:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-fe96df3 *//* ========================================== ITENS DO MENU: PREPARAÇÃO DA LUZ ========================================== */ .elementor-103 .elementor-element.elementor-element-fe96df3 { position: relative; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); padding: 12px 16px; border-radius: 8px; background-color: transparent; /* Prepara a borda invisível para não haver solavanco no hover */ border: 1px solid transparent; } /* O Truque Mágico (Estica o Link) */ .elementor-103 .elementor-element.elementor-element-fe96df3 .elementor-icon-box-title a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } /* ========================================== INTERAÇÃO DE HOVER (INJEÇÃO DE VIDA/ENERGIA) ========================================== */ .elementor-103 .elementor-element.elementor-element-fe96df3:hover { /* O fundo se acende com a cor da marca, de forma suave e tecnológica */ background: linear-gradient(90deg, rgba(0, 240, 255, 0.08) 0%, rgba(0, 240, 255, 0.01) 100%); /* A borda acende criando a delimitação física da tecla */ border: 1px solid rgba(0, 240, 255, 0.2); /* Sombra interna para dar volume ao material */ box-shadow: inset 1px 1px 3px rgba(255, 255, 255, 0.08); cursor: pointer; transform: none !important; } /* ========================================== FEEDBACK DE TEXTO E ÍCONE (ACENDENDO OS NEONS) ========================================== */ .elementor-103 .elementor-element.elementor-element-fe96df3:hover .elementor-icon { color: #00F0FF; /* O ícone ganha um neon focado que salta aos olhos */ filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.6)); transform: scale(1.08); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); } .elementor-103 .elementor-element.elementor-element-fe96df3:hover .elementor-icon-box-title { color: #FFFFFF !important; /* O texto ganha uma iluminação volumétrica para saltar do fundo */ text-shadow: 0 0 12px rgba(255, 255, 255, 0.4); transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2131823 *//* ========================================== DROPDOWN CONTAINER: PAINEL SÓLIDO ILUMINADO (ALTA PERFORMANCE) ========================================== */ .elementor-103 .elementor-element.elementor-element-2131823 { /* 1. Base Sólida (Zero Transparência = Zero engasgo de GPU) Criamos um gradiente profundo de Azul Marinho escuro para um leve Azul Tecnológico */ background: linear-gradient(145deg, #011627 0%, #02203b 100%) !important; /* 2. Remoção total do Blur para performance máxima */ backdrop-filter: none; -webkit-backdrop-filter: none; /* 3. A Vida da Peça: Luz Interna e Sombra Externa - O 'inset' simula uma lâmpada ciano difusa dentro da caixa sólida - A sombra externa preta ancora o painel com peso */ box-shadow: inset 0 0 50px rgba(0, 240, 255, 0.08), 0 20px 40px rgba(0, 0, 0, 0.8) !important; /* 4. Borda Direcional 3D (Refletindo a luz do site) */ border-top: 1px solid rgba(0, 240, 255, 0.4); border-left: 1px solid rgba(255, 255, 255, 0.08); border-right: 1px solid rgba(255, 255, 255, 0.03); border-bottom: 1px solid rgba(255, 255, 255, 0.03); /* 5. Animação de Entrada fluida e leve */ animation: menu-reveal 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; transform-origin: top center; } @keyframes menu-reveal { 0% { opacity: 0; transform: translateY(-10px) scale(0.98); } 100% { opacity: 1; transform: translateY(0) scale(1); } }/* End custom CSS */ /* Start custom CSS for mega-menu, class: .elementor-element-8f12757 *//* ========================================== MEGA MENU - EFEITO LASER E GLOW ========================================== */ /* 1. Prevenção de corte no Dropdown */ .elementor-103 .elementor-element.elementor-element-8f12757 .e-n-menu-item { overflow: visible !important; } /* 2. Configuração do Texto Base */ .elementor-103 .elementor-element.elementor-element-8f12757 .e-n-menu-title-text { position: relative; padding-bottom: 4px; /* Espaço para a linha não colar na letra */ transition: color 0.3s ease; z-index: 1; /* Garante que o texto fique na frente do brilho */ } /* 3. A Linha Laser */ .elementor-103 .elementor-element.elementor-element-8f12757 .e-n-menu-title-text::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0%; height: 2px; background: linear-gradient(90deg, transparent, #00F0FF, transparent); box-shadow: 0 0 8px rgba(0, 240, 255, 0.8); transition: width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); } /* 4. O Ambient Glow (Luz de fundo) */ .elementor-103 .elementor-element.elementor-element-8f12757 .e-n-menu-title-text::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0%; height: 40%; background: linear-gradient(to top, rgba(0, 240, 255, 0.2) 0%, transparent 100%); transition: width 0.4s ease; z-index: -1; border-radius: 4px; } /* 5. Gatilhos de Hover */ .elementor-103 .elementor-element.elementor-element-8f12757 .e-n-menu-item:hover .e-n-menu-title-text::after, .elementor-103 .elementor-element.elementor-element-8f12757 .e-n-menu-item:hover .e-n-menu-title-text::before { width: 100%; } /* Refino de cor no Hover para contraste profundo */ .elementor-103 .elementor-element.elementor-element-8f12757 .e-n-menu-item:hover .e-n-menu-title-text { color: #011627; } /* 6. Estado Ativo (Página Atual) */ .elementor-103 .elementor-element.elementor-element-8f12757 .e-current .e-n-menu-title-text::after { width: 100%; background: #00F0FF; box-shadow: 0 0 10px rgba(0, 240, 255, 1); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-2811b56 *//* ========================================== BOTÃO LOGO CARBONTECH (Estética Premium 8px) ========================================== */ /* 1. Contenção Física (Impede a caixa de esticar na coluna) */ .elementor-103 .elementor-element.elementor-element-2811b56 .elementor-widget-container { width: max-content !important; } /* 2. Estrutura Base (Transparente e Raio 8px) */ .elementor-103 .elementor-element.elementor-element-2811b56 a { display: inline-flex; align-items: center; justify-content: center; padding: 10px 24px; background-color: transparent !important; border: 1px solid rgba(1, 22, 39, 0.2) !important; border-radius: 8px !important; transition: border-color 0.4s ease, box-shadow 0.4s ease; } /* 3. Trava a altura da logo e remove transições de escala */ .elementor-103 .elementor-element.elementor-element-2811b56 a img { height: 22px !important; width: auto !important; object-fit: contain; } /* 4. Interação Hover (Apenas Borda e Luz) */ .elementor-103 .elementor-element.elementor-element-2811b56 a:hover { border-color: rgba(0, 240, 255, 0.8) !important; box-shadow: 0 0 15px rgba(0, 240, 255, 0.2), inset 0 0 8px rgba(0, 240, 255, 0.1) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bed070d *//* ========================================== HEADER - CONTÊINER PAI (Estilo e Hierarquia) ========================================== */ /* 1. Estética Glassmorphism */ .elementor-103 .elementor-element.elementor-element-bed070d { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 4px 20px rgba(0,0,0,0.05); /* Garante que o Header fique acima do Hero */ z-index: 99999 !important; } /* 2. Liberação de Transbordamento (Permite que submenus desçam livres) */ .elementor-103 .elementor-element.elementor-element-bed070d, .elementor-103 .elementor-element.elementor-element-bed070d .e-con-inner { overflow: visible !important; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-e219800 *//* ========================================== REMOÇÃO DO FEEDBACK AZUL DE TOQUE (Controle Remoto) ========================================== */ .elementor-103 .elementor-element.elementor-element-e219800 * { -webkit-tap-highlight-color: transparent !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; outline: none !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-18b90c6 */.elementor-103 .elementor-element.elementor-element-18b90c6 { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }/* End custom CSS */