.elementor-246 .elementor-element.elementor-element-96cd00f{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.98;--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-246 .elementor-element.elementor-element-96cd00f:not(.elementor-motion-effects-element-type-background), .elementor-246 .elementor-element.elementor-element-96cd00f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#131313;background-image:url("https://masterclassbrasil.com.br/wp-content/uploads/2026/02/circuitoo-1-1.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-246 .elementor-element.elementor-element-96cd00f::before, .elementor-246 .elementor-element.elementor-element-96cd00f > .elementor-background-video-container::before, .elementor-246 .elementor-element.elementor-element-96cd00f > .e-con-inner > .elementor-background-video-container::before, .elementor-246 .elementor-element.elementor-element-96cd00f > .elementor-background-slideshow::before, .elementor-246 .elementor-element.elementor-element-96cd00f > .e-con-inner > .elementor-background-slideshow::before, .elementor-246 .elementor-element.elementor-element-96cd00f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-246 .elementor-element.elementor-element-a96533b{--display:flex;--min-height:571px;--border-radius:10px 10px 10px 10px;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-246 .elementor-element.elementor-element-a96533b:not(.elementor-motion-effects-element-type-background), .elementor-246 .elementor-element.elementor-element-a96533b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#27272759;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-246 .elementor-element.elementor-element-718d4e9 img{width:44%;}.elementor-246 .elementor-element.elementor-element-32cd6dd .elementor-wrapper{--video-aspect-ratio:1;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-246 .elementor-element.elementor-element-9dea290 .elementor-button{background-color:#02020200;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;padding:1rem 1rem 1rem 1rem;}.elementor-246 .elementor-element.elementor-element-9dea290 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-246 .elementor-element.elementor-element-9dea290.elementor-element{--align-self:center;}.elementor-246 .elementor-element.elementor-element-9dea290 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-246 .elementor-element.elementor-element-9dea290 .elementor-button .elementor-button-content-wrapper{gap:15px;}.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-246 .elementor-element.elementor-element-d6eda4a .elementor-icon-list-icon i{color:#FF7A00;transition:color 0.3s;}.elementor-246 .elementor-element.elementor-element-d6eda4a .elementor-icon-list-icon svg{fill:#FF7A00;transition:fill 0.3s;}.elementor-246 .elementor-element.elementor-element-d6eda4a{--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-246 .elementor-element.elementor-element-d6eda4a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-246 .elementor-element.elementor-element-d6eda4a .elementor-icon-list-item > a{font-family:"Saira", Sans-serif;font-size:16px;font-weight:500;}.elementor-246 .elementor-element.elementor-element-d6eda4a .elementor-icon-list-text{color:#FF7A00;transition:color 0.3s;}.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 );color:var( --e-global-color-primary );}.elementor-246 .elementor-element.elementor-element-171e077{text-align:center;}.elementor-246 .elementor-element.elementor-element-171e077 .elementor-heading-title{font-family:"Saira", Sans-serif;font-size:14px;font-weight:400;line-height:1.3em;color:#D3D3D3;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-246 .elementor-element.elementor-element-a96533b{--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-246 .elementor-element.elementor-element-718d4e9 img{width:88%;}.elementor-246 .elementor-element.elementor-element-9dea290 .elementor-button{font-size:16px;}.elementor-246 .elementor-element.elementor-element-d6eda4a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-246 .elementor-element.elementor-element-d6eda4a .elementor-icon-list-item > a{font-size:1.8vw;}.elementor-246 .elementor-element.elementor-element-171e077 .elementor-heading-title{font-size:14px;line-height:1.5em;}}@media(min-width:768px){.elementor-246 .elementor-element.elementor-element-96cd00f{--content-width:1135px;}.elementor-246 .elementor-element.elementor-element-a96533b{--width:71%;}}@media(max-width:767px){.elementor-246 .elementor-element.elementor-element-96cd00f{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-246 .elementor-element.elementor-element-a96533b{--min-height:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-246 .elementor-element.elementor-element-718d4e9 img{width:48%;}.elementor-246 .elementor-element.elementor-element-9dea290.elementor-element{--align-self:center;}.elementor-246 .elementor-element.elementor-element-9dea290 .elementor-button{font-size:18px;line-height:1.2em;padding:1px 0px 0px 0px;}.elementor-246 .elementor-element.elementor-element-d6eda4a{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-246 .elementor-element.elementor-element-d6eda4a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-246 .elementor-element.elementor-element-d6eda4a .elementor-icon-list-item > a{font-size:4.5vw;}.elementor-246 .elementor-element.elementor-element-171e077 .elementor-heading-title{font-size:12px;}}/* Start custom CSS for button, class: .elementor-element-9dea290 *//* Personalize utilizando o Easy Coder*/
:root {
    /* Cor de fundo principal do botão */
    --shiny-cta-bg: #000000;
    /* Cor da borda sutil do botão */
    --shiny-cta-bg-subtle: #ff7a00;
    /* Cor do texto do botão */
    --shiny-cta-fg: #ffce6b;
    /* Cor do destaque/brilho principal do botão */
    --shiny-cta-highlight: #ff7a00;
    /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #74FE03, se preferir) */
    --shiny-cta-highlight-subtle: white;
}

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

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

@property --gradient-percent {
    syntax: "<percentage>";
    initial-value: 5%;
    inherits: false;
}

@property --gradient-shine {
    syntax: "<color>";
    initial-value: white;
    inherits: false;
}

/* Estilos para dispositivos móveis (largura máxima de 600px) */
@media only screen and (max-width: 600px) {
    .elementor-246 .elementor-element.elementor-element-9dea290 {
        /* Define a animação principal para o brilho */
        --animation: rotate-glow linear infinite;
        /* Duração da animação do brilho (3 segundos para uma volta completa) */
        --duration: 3s;
        /* Tamanho da sombra interna do botão */
        --shadow-size: 2px;
        isolation: isolate;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        outline-offset: 4px;
        /* Preenchimento (padding) do botão para telas menores */
        padding: 1.25rem 1.5rem;

        /* Tamanho da fonte do texto */
        font-size: 1.325rem;
        line-height: 1.2;
        border: 1px solid transparent;
        /* Bordas arredondadas do botão (formato pílula) */
        border-radius: 360px;
        color: var(--shiny-cta-fg);
        background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box,
                    conic-gradient(
                        from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
                        transparent,
                        var(--shiny-cta-highlight) var(--gradient-percent),
                        var(--gradient-shine) calc(var(--gradient-percent) * 2),
                        var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
                        transparent calc(var(--gradient-percent) * 4)
                    ) border-box;
        box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle);
        /* Transição suave para propriedades do brilho */
        transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
        transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine;
    }
}

/* Estilos para desktops e tablets (largura mínima de 600px) */
@media only screen and (min-width: 600px) {
    .elementor-246 .elementor-element.elementor-element-9dea290 {
        /* Define a animação principal para o brilho */
        --animation: rotate-glow linear infinite;
        /* Duração da animação do brilho (3 segundos para uma volta completa) */
        --duration: 3s;
        /* Tamanho da sombra interna do botão */
        --shadow-size: 2px;
        isolation: isolate;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        outline-offset: 4px;
        /* Preenchimento (padding) do botão para telas maiores */
        padding: 1.125rem 4.5rem;

        line-height: 1.2;
        border: 1px solid transparent;
        /* Bordas arredondadas do botão (formato pílula) */
        border-radius: 360px;
        color: var(--shiny-cta-fg);
        background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box,
                    conic-gradient(
                        from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
                        transparent,
                        var(--shiny-cta-highlight) var(--gradient-percent),
                        var(--gradient-shine) calc(var(--gradient-percent) * 2),
                        var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
                        transparent calc(var(--gradient-percent) * 4)
                    ) border-box;
        box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle);
        /* Transição suave para propriedades do brilho */
        transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
        transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine;
    }
}

.elementor-246 .elementor-element.elementor-element-9dea290::before,
.elementor-246 .elementor-element.elementor-element-9dea290::after,
.elementor-246 .elementor-element.elementor-element-9dea290 span::before {
    content: "";
    pointer-events: none;
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    translate: -50% -50%;
    z-index: -1;
}

.elementor-246 .elementor-element.elementor-element-9dea290::before {
    /* Define o tamanho do pseudo-elemento */
    --size: calc(100% - var(--shadow-size) * 3);
    /* Posição inicial para o gradiente radial */
    --position: 2px;
    --space: calc(var(--position) * 2);
    width: var(--size);
    height: var(--size);
    background: radial-gradient(
                circle at var(--position) var(--position),
                white calc(var(--position) / 4),
                transparent 0
            ) padding-box;
    background-size: var(--space) var(--space);
    background-repeat: space;
    /* Máscara para o efeito de brilho em rotação */
    mask-image: conic-gradient(
                from calc(var(--gradient-angle) + 45deg),
                black 0%, /* Início da área preta */
                black 9%, /* Fim da área preta antes da transição */
                transparent 10%, /* Início da transição transparente */
                transparent 90%, /* Fim da transição transparente */
                black 91%, /* Início da área preta após a transição */
                black 100% /* Fim da área preta */
            );
    border-radius: inherit;
    opacity: 0.4;
}

.elementor-246 .elementor-element.elementor-element-9dea290::after {
    /* Define a animação de brilho secundária */
    --animation: subtle-shine linear infinite;
    width: 100%;
    aspect-ratio: 1;
    background: linear-gradient(
                -50deg,
                transparent,
                var(--shiny-cta-highlight),
                transparent
            );
    mask-image: radial-gradient(circle at bottom, transparent 40%, black);
    opacity: 0.6;
}

.elementor-246 .elementor-element.elementor-element-9dea290 span {
    z-index: 1;
    position: relative;
}

.elementor-246 .elementor-element.elementor-element-9dea290 span::before {
    /* Definindo largura e altura para a área de brilho interno no hover */
    width: 370px;
    height: 90px;
    /* Sombra interna que aparece no hover */
    box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight);
    opacity: 0;
    transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1);
}

.elementor-246 .elementor-element.elementor-element-9dea290:hover,
.elementor-246 .elementor-element.elementor-element-9dea290:focus-visible {
    /* Aumenta a largura do brilho no hover */
    --gradient-percent: 20%;
    /* Desloca o ângulo do gradiente no hover */
    --gradient-angle-offset: 95deg;
    /* Altera a cor do brilho mais intenso no hover */
    --gradient-shine: var(--shiny-cta-highlight-subtle);
}



/* Animação para a rotação do gradiente de brilho */
@keyframes rotate-glow {
    to {
        --gradient-angle: 360deg;
    }
}

/* Animação para o efeito de brilho sutil */
@keyframes subtle-shine {
    to {
        transform: rotate(360deg);
    }
}

/* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */
@keyframes pulse-effect {
    50% {
        transform: scale(1.2);
    }
}

.elementor-246 .elementor-element.elementor-element-9dea290,
.elementor-246 .elementor-element.elementor-element-9dea290::before,
.elementor-246 .elementor-element.elementor-element-9dea290::after {
    /* Aplica as animações ao botão e seus pseudo-elementos */
    animation: var(--animation) var(--duration),
               var(--animation) calc(var(--duration) / 0.4) reverse paused;
    animation-composition: add;
}

.elementor-246 .elementor-element.elementor-element-9dea290:hover,
.elementor-246 .elementor-element.elementor-element-9dea290:hover::before,
.elementor-246 .elementor-element.elementor-element-9dea290:hover::after {
    /* Inicia as animações ao passar o mouse */
    animation-play-state: running;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d6eda4a */bold{
    color:#FFCC4A;
}

.elementor-246 .elementor-element.elementor-element-d6eda4a{
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a96533b */.elementor-246 .elementor-element.elementor-element-a96533b{
    backdrop-filter: blur(5px);
}/* End custom CSS */