.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:min(1400px, 90%);}.e-con{--container-max-width:min(1400px, 90%);--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}:root { --preto:#1F1F1F; --off:#F6F8ED; --verde-claro:#BDFF60; --verde-escuro:#3FC902; --e-gv-79e7352:#1F1F1F; --e-gv-735c4da:#F6F8ED; --e-gv-1a62ddf:#BDFF60; }
/* Start custom CSS */.realce {
    color: var(--verde-claro);
}

.botao {
    & span {
        z-index: 2;
        align-content: center;
    }
    
    & a {
        position: relative;
        background: 
            linear-gradient(
                to right, 
                var(--verde-escuro), 
                var(--verde-claro), 
                var(--verde-escuro)
            );
        background-size: 200% 200%;
        box-shadow: 10px 10px 40px #00000030;
        z-index: 0;
        border-radius: 15px;
        transition: 0.3s;
    
        &::after {
            content: "";
            position: absolute;
            inset: 1px;
            background: var(--verde-claro);
            z-index: 1;
            border-radius: 14px;
            transition: 0.3s;
        }
        
        &:hover {
            background-position-x: 100%;
            
            &::after {
                background: var(--verde-escuro);
            }
            
            & .elementor-button-icon {
                width: 36px;
            }
        }
        
        & .elementor-button-icon {
            width: 0;
            transition: width 0.3s;
            
            & svg {
                width: 24px;
                height: 24px;
            }
        }
    }
}

@property --angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

.pill {
    & span {
        z-index: 2;
        align-content: center;
    }

    & a {
        position: relative;
        background: 
            linear-gradient(
                to right, 
                var(--preto), 
                #545A6B, 
                var(--preto)
            );
        background-size: 200% 200%;
        z-index: 0;
        transition: 0.3s;
        
        &::after {
            content: "";
            position: absolute;
            inset: 2px;
            background: var(--preto);
            z-index: 1;
            border-radius: 100px;
            transition: 0.3s;
        }
        
        &:hover {
            background-position-x: 100%;
        }

        & .elementor-button-icon svg {
            width: 24px;
            height: 24px;
        }
    }
}

.back-rect {
    position: relative;
    z-index: 1;
    
    &::before {
        content: "";
        position: absolute;
        width: 102%;
        height: 20px;
        bottom: 20%;
        z-index: -1;
        background: var(--verde-claro);
        animation: back-rect-anim 3s both;
        animation-timeline: view();
    }
}

.back-rect2 {
    background: var(--verde-claro);
    color: var(--preto);
    padding: 0 6px;
}

@keyframes back-rect-anim {
    0% { width: 0; }
    100% { width: 102%; }
}/* End custom CSS */