.elementor-kit-36{--e-global-color-primary:#0D0C0B;--e-global-color-secondary:#FAA700;--e-global-color-text:#DDDCDC;--e-global-color-accent:#61CE70;--e-global-color-87a3cea:#FAA700;--e-global-typography-primary-font-family:"Gothan";--e-global-typography-primary-font-size:58px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Gothan";--e-global-typography-secondary-font-size:28px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:22px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#09090A;}.elementor-kit-36 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:16px;}.elementor-element{--widgets-spacing:16px 16px;--widgets-spacing-row:16px;--widgets-spacing-column:16px;}{}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;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Cores dos botões (altere aqui) */
:root {
    --btn1-grad1: #000000;
    --btn1-grad2: #e9bb0c;
    --btn1-grad3: #000000;
    --btn1-grad4: #e9bb0c;

    --btn2-grad1: #000000;
    --btn2-grad2: #ffffff;
    --btn2-grad3: #0c4ae9;
    --btn2-grad4: #ffffff;
}

/* Estilo base para botões com animação de gradiente */
.btn-grad {
    background-size: 400%;
    background-position: 0%;
    z-index: 1;
    position: relative;
    color: white;
    padding: 1px 24px;
    border-radius: 15px;
    text-decoration: none;
    display: inline-block;
    transition: transform 0.3s ease;
}

.btn-grad:hover {
    animation: animate-grad 8s linear infinite;
    transform: scale(1.05);
}

/* Botão 1 com cores específicas */
.btn1 {
    background: linear-gradient(45deg, var(--btn1-grad1), var(--btn1-grad2), var(--btn1-grad3), var(--btn1-grad4));
}

/* Botão 2 com cores diferentes */
.btn2 {
    background: linear-gradient(45deg, var(--btn2-grad1), var(--btn2-grad2), var(--btn2-grad3), var(--btn2-grad4));
}

/* Animação */
@keyframes animate-grad {
    0% {
        background-position: 0%;
    }
    100% {
        background-position: 400%;
    }
}/* End custom CSS */