.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-33 .elementor-element.elementor-element-0ab5c18 .elementor-icon-wrapper{text-align:center;}.elementor-33 .elementor-element.elementor-element-0ab5c18.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-33 .elementor-element.elementor-element-0ab5c18.elementor-view-framed .elementor-icon, .elementor-33 .elementor-element.elementor-element-0ab5c18.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-33 .elementor-element.elementor-element-0ab5c18.elementor-view-framed .elementor-icon, .elementor-33 .elementor-element.elementor-element-0ab5c18.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-33 .elementor-element.elementor-element-2d79ed4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(24px/2);}.elementor-33 .elementor-element.elementor-element-2d79ed4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(24px/2);}.elementor-33 .elementor-element.elementor-element-2d79ed4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(24px/2);}.elementor-33 .elementor-element.elementor-element-2d79ed4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-24px/2);}.elementor-33 .elementor-element.elementor-element-2d79ed4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-24px/2);}.elementor-33 .elementor-element.elementor-element-2d79ed4 .elementor-icon-list-item:not(:last-child):after{content:"";height:70%;border-color:#FFFFFF;}.elementor-33 .elementor-element.elementor-element-2d79ed4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-33 .elementor-element.elementor-element-2d79ed4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-33 .elementor-element.elementor-element-2d79ed4 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-33 .elementor-element.elementor-element-2d79ed4 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-33 .elementor-element.elementor-element-2d79ed4 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-33 .elementor-element.elementor-element-2d79ed4{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-33 .elementor-element.elementor-element-2d79ed4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-33 .elementor-element.elementor-element-2d79ed4 .elementor-icon-list-item > a{font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:400;}.elementor-33 .elementor-element.elementor-element-2d79ed4 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-33 .elementor-element.elementor-element-614afc5{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-33 .elementor-element.elementor-element-614afc5 .elementor-social-icon{background-color:#02010100;--icon-padding:0em;}.elementor-33 .elementor-element.elementor-element-614afc5 .elementor-social-icon i{color:#FFFFFF;}.elementor-33 .elementor-element.elementor-element-614afc5 .elementor-social-icon svg{fill:#FFFFFF;}.elementor-33 .elementor-element.elementor-element-9ad1c43{width:100%;max-width:100%;}@media(max-width:767px){.elementor-33 .elementor-element.elementor-element-0ab5c18 .elementor-icon{font-size:32px;}.elementor-33 .elementor-element.elementor-element-0ab5c18 .elementor-icon svg{height:32px;}}/* Start custom CSS */html{ scroll-behavior: auto !important; } .bg-quadrado-dark { position: relative; isolation: isolate; overflow: hidden; } /* Grade independente da imagem de fundo */ .bg-quadrado-dark::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-image: linear-gradient( to right, rgba(255, 255, 255, 0.055) 1px, transparent 1px ), linear-gradient( to bottom, rgba(255, 255, 255, 0.055) 1px, transparent 1px ); background-size: 72px 72px; background-position: top left; } /* Mantém o conteúdo acima da grade */ .bg-quadrado-dark > * { position: relative; z-index: 1; } .bg-quadrado-light { background-image: linear-gradient(to right, #f0f0f0 1px, transparent 1px), linear-gradient(to bottom, #f0f0f0 1px, transparent 1px); background-size: 72px 72px; /* tamanho de cada quadrado */ } .card-com-arcos { position: relative; overflow: hidden; isolation: isolate; border: 1px solid rgba(255, 255, 255, 0.18); } .card-com-arcos::before { content: ""; position: absolute; z-index: -1; top: -200px; left: 100px; right: -220px; width: 420px; height: 420px; border-radius: 50%; pointer-events: none; background: radial-gradient( circle, transparent 0 138px, rgba(101, 172, 4, 0.9) 138px 139px, rgba(101, 172, 4, 0.13) 139px 177px, rgba(101, 172, 4, 0.08) 177px 215px, rgba(101, 172, 4, 0.04) 215px 255px, transparent 255px ); } .card-com-arcos > * { position: relative; z-index: 1; } .svg-verde svg, .svg-verde svg * { fill: #a3a3a5 !important; } .svg-branco svg, .svg-branco svg * { fill: #ffffff !important; } .botao { --corte: 16px; --cor-borda: #a3a3a5; position: relative; box-sizing: border-box; color: #fff; background-color: #a3a3a5 !important; border: 1px solid var(--cor-borda) !important; clip-path: polygon( var(--corte) 0, 100% 0, 100% calc(100% - var(--corte)), calc(100% - var(--corte)) 100%, 0 100%, 0 var(--corte) ); transition: background-color 0.3s ease, border-color 0.3s ease; } /* Desenha as bordas nos dois cortes diagonais */ .botao::after { content: ""; position: absolute; inset: 0; z-index: 5; pointer-events: none; background-image: linear-gradient( 135deg, transparent calc(45% - 1px), var(--cor-borda) calc(45% - 1px), var(--cor-borda) calc(45% + 1px), transparent calc(45% + 1px) ), linear-gradient( 135deg, transparent calc(55% - 1px), var(--cor-borda) calc(55% - 1px), var(--cor-borda) calc(55% + 1px), transparent calc(55% + 1px) ); background-repeat: no-repeat; background-position: top left, bottom right; background-size: var(--corte) var(--corte), var(--corte) var(--corte); } .botao:hover { --cor-borda: #d9d9d9; background-color: #ffffff !important; border-color: #d9d9d9 !important; } .botao-2 { --corte: 16px; --cor-borda: #d9d9d9; position: relative; box-sizing: border-box; background-color: #ffffff !important; border: 1px solid var(--cor-borda) !important; clip-path: polygon( var(--corte) 0, 100% 0, 100% calc(100% - var(--corte)), calc(100% - var(--corte)) 100%, 0 100%, 0 var(--corte) ); transition: background-color 0.3s ease, border-color 0.3s ease; } /* Desenha as bordas nos dois cortes diagonais */ .botao-2::after { content: ""; position: absolute; inset: 0; z-index: 5; pointer-events: none; background-image: linear-gradient( 135deg, transparent calc(45% - 1px), var(--cor-borda) calc(45% - 1px), var(--cor-borda) calc(45% + 1px), transparent calc(45% + 1px) ), linear-gradient( 135deg, transparent calc(55% - 1px), var(--cor-borda) calc(55% - 1px), var(--cor-borda) calc(55% + 1px), transparent calc(55% + 1px) ); background-repeat: no-repeat; background-position: top left, bottom right; background-size: var(--corte) var(--corte), var(--corte) var(--corte); } .botao-2:hover { border: 1px solid #fff!important; background-color: #a3a3a5 !important; } /* CORTE NOS CANTOS DOS CONTAINERS*/ .corte{ --tamanho-corte: 40px; clip-path: polygon( var(--tamanho-corte) 0, 100% 0, 100% calc(100% - var(--tamanho-corte)), calc(100% - var(--tamanho-corte)) 100%, 0 100%, 0 var(--tamanho-corte) ); } .imagem-diagonal { --corte-diagonal: 20%; overflow: hidden; -webkit-clip-path: polygon( var(--corte-diagonal) 0, 100% 0, 100% 100%, 0 100% ); clip-path: polygon( var(--corte-diagonal) 0, 100% 0, 100% 100%, 0 100% ); }/* End custom CSS */