.elementor-3 .elementor-element.elementor-element-d42fcad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-3 .elementor-element.elementor-element-7e137d3{--display:flex;--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-3 .elementor-element.elementor-element-efad177{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-3 .elementor-element.elementor-element-efad177 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:48px;font-weight:900;text-transform:uppercase;line-height:66px;color:var( --e-global-color-9ed231f );}.elementor-3 .elementor-element.elementor-element-5c07bdb3{--display:flex;}.elementor-widget-text-editor{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 );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3 .elementor-element.elementor-element-5a55846d{color:var( --e-global-color-cac4303 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}.elementor-3 .elementor-element.elementor-element-efad177{width:var( --container-widget-width, 315px );max-width:315px;--container-widget-width:315px;--container-widget-flex-grow:0;text-align:center;}.elementor-3 .elementor-element.elementor-element-efad177 .elementor-heading-title{font-size:30px;line-height:1.6em;}.elementor-3 .elementor-element.elementor-element-5c07bdb3{--content-width:90%;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(min-width:768px){.elementor-3 .elementor-element.elementor-element-d42fcad{--content-width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3 .elementor-element.elementor-element-5c07bdb3{--content-width:90%;}}/* Start custom CSS for container, class: .elementor-element-d42fcad *//************************************************************/
/* SEÇÕES DE PÁGINA ATIVA – QUADRADO ARREDONDADO PARCIAL */
/************************************************************/

/* Base do ícone do Elementor */
.icon-progress .elementor-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

/* O "Quadrado" Parcial (::after) */
.icon-progress .elementor-icon::after {
    content: "";
    position: absolute;
    
    /* Estado Inicial: mais fechado e invisível */
    inset: 0px; 
    opacity: 0;
    
    /* Design da Borda */
    border: 2px solid var(--e-global-color-9ed231f) !important;;
    border-radius: 12px; 
    
    /* Máscara para mostrar apenas Topo-Direita, Lateral-Direita e Baixo-Direita */
    -webkit-mask-image: 
        linear-gradient(black, black), 
        linear-gradient(black, black), 
        linear-gradient(black, black);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 
        55% 5px,   /* Topo (55% largura) */
        5px 100%,  /* Direita (100% altura) */
        55% 5px;   /* Baixo (55% largura) */
    -webkit-mask-position: 
        top right,    
        right center, 
        bottom right;

    pointer-events: none;
    
    /* Transições suaves */
    transition: 
        inset 0.45s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.3s ease, 
        border-color 0.3s ease;
}

/* Ativar animação apenas quando estiver ativo ou em hover */


.icon-progress.active .elementor-icon::after {
    animation: rotateSquare 4s linear infinite;
}

/* Ativar animação apenas quando estiver ativo ou em hover */
.icon-progress:hover .elementor-icon::after {
    animation:  none;
}

/* Hover – Expande e muda cor */
.icon-progress:hover .elementor-icon::after {
    inset: -16px;
    opacity: 1;
    border-color: var(--e-global-color-61180fe);
}

/* Estado Ativo – Mantém expandido */
.icon-progress.active .elementor-icon::after {
    inset: -16px;
    opacity: 1;
    border-color: var(--e-global-color-61180fe);
}

.icon-progress .elementor-icon svg path {
    fill: var(--e-global-color-61180fe) !important;
    color: #344DFF !important; /* Caso use fonte de ícones */
}

.icon-progress:hover .elementor-icon svg path {
    fill: var(--e-global-color-9ed231f) !important;
    color: #344DFF !important; /* Caso use fonte de ícones */
}

/* Cor do ícone quando ativo */
.icon-progress.active .elementor-icon svg path {
    fill: var(--e-global-color-9ed231f) !important;
    color: #344DFF !important; /* Caso use fonte de ícones */
}

/* Cor do ícone quando ativo */


/* Animação: Movimento lateral suave (Balanço) */
@keyframes rotateSquare {
    0% {
        transform: translateX(5px);
    }
    50% {
        transform: translateX(-5px);
    }
    100% {
        transform: translateX(5px);
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5a55846d */.elementor-3 .elementor-element.elementor-element-5a55846d b{color:var(--e-global-color-9ed231f);}/* End custom CSS */