.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-bcc8b93:#00CC66;--e-global-color-ac641cd:#242424;--e-global-color-55636e8:#07111F;--e-global-color-046cc3e:#0C1828;--e-global-color-748734e:#006FE8;--e-global-color-619a5e6:#00A8FF;--e-global-color-6358c36:#F5F8FC;--e-global-color-b1e5187:#111827;--e-global-color-f474b80:#FFFFFF;--e-global-typography-primary-font-family:"Barlow Condensed";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-letter-spacing:0.95px;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-family:"Inter";--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:"Inter";--e-global-typography-accent-font-weight:700;background-color:var( --e-global-color-55636e8 );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}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 *//* =========================================
   HERO — EFEITO DE LUZ EM "DIREÇÃO."
========================================= */


/* Garante que o Elementor não corte as letras */
.titulo-hero,
.titulo-hero .elementor-widget-container,
.titulo-hero .elementor-heading-title {
    overflow: visible !important;
}


/* =========================================
   PALAVRA DIREÇÃO
========================================= */

.titulo-hero .direcao-luz {

    position: relative;

    display: inline-block;

    /* Espaço extra para Ç e demais descendentes */
    line-height: 1.12 !important;

    padding-bottom: 0.14em;

    margin-bottom: -0.14em;

    overflow: visible !important;


    /* =====================================
       GRADIENTE AZUL + REFLEXO
    ===================================== */

    background: linear-gradient(
        110deg,

        #0077ff 0%,
        #0077ff 34%,

        #159dff 41%,
        #5dccff 46%,

        #ffffff 50%,

        #5dccff 54%,
        #159dff 59%,

        #0077ff 66%,
        #0077ff 100%
    );


    /*
     * O gradiente é maior que a palavra.
     * Isso permite que a faixa clara atravesse
     * as letras.
     */

    background-size: 260% 100%;

    background-position: 100% 50%;


    /* Gradiente dentro das letras */

    -webkit-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

    color: transparent;


    /* Pequeno glow permanente */

    filter:
        drop-shadow(
            0 0 7px
            rgba(0, 119, 255, .10)
        );


    /* Animação */

    animation:
        luzDirecao
        4.8s
        cubic-bezier(.45, 0, .25, 1)
        infinite;

}


/* =========================================
   ANIMAÇÃO DA LUZ
========================================= */

@keyframes luzDirecao {

    /*
     * Fica parado azul durante
     * a maior parte do tempo
     */

    0%,
    12% {

        background-position:
            100% 50%;

    }


    /*
     * Reflexo começa a atravessar
     */

    30% {

        background-position:
            0% 50%;

    }


    /*
     * Depois permanece em repouso
     */

    31%,
    100% {

        background-position:
            0% 50%;

    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .titulo-hero .direcao-luz {

        /*
         * Um pouco mais de espaço no mobile
         * para impedir qualquer recorte do Ç
         */

        line-height: 1.15 !important;

        padding-bottom: 0.16em;

        margin-bottom: -0.16em;

    }

}


/* =========================================
   ACESSIBILIDADE
========================================= */

@media (prefers-reduced-motion: reduce) {

    .titulo-hero .direcao-luz {

        animation: none;

        background: #0077ff;

        -webkit-background-clip: text;

        background-clip: text;

        -webkit-text-fill-color: transparent;

        color: transparent;

    }

}
/* =========================================
   SCROLLBAR — SD PMBA
========================================= */

/* FIREFOX */
html {
    scrollbar-width: thin;
    scrollbar-color: #078CFF #020914;
}


/* CHROME / EDGE / SAFARI */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 6px;
}


/* FUNDO / TRILHO */
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background: #020914;
}


/* BARRA */
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {

    background: linear-gradient(
        180deg,
        #005DFF 0%,
        #00A8FF 50%,
        #006FFF 100%
    );

    border-radius: 20px;

    /* cria respiro entre barra e trilho */
    border: 2px solid #020914;
}


/* HOVER */
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {

    background: linear-gradient(
        180deg,
        #008CFF 0%,
        #4CCBFF 50%,
        #008CFF 100%
    );
}


/* REMOVE BOTÕES/SETAS QUANDO EXISTIREM */
html::-webkit-scrollbar-button,
body::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

/* =========================================
   LOGO SDPMBA — MOVIMENTO PREMIUM
========================================= */

.logo-sdpmb {
    position: relative;
    overflow: visible !important;

    animation:
        entradaLogo .9s cubic-bezier(.2,.8,.2,1) both,
        respiracaoLogo 5s ease-in-out 1.2s infinite;

    will-change: transform, filter;
}


/* =========================================
   ENTRADA INICIAL
========================================= */

@keyframes entradaLogo {

    0% {
        opacity: 0;
        transform: translateY(-10px) scale(.97);
        filter: blur(4px);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }

}


/* =========================================
   MOVIMENTO CONTÍNUO
   Quase imperceptível
========================================= */

@keyframes respiracaoLogo {

    0%,
    100% {
        transform: translateY(0) scale(1);

        filter:
            drop-shadow(0 0 0 rgba(0,140,255,0));
    }

    45% {
        transform: translateY(-3px) scale(1.006);

        filter:
            drop-shadow(
                0 5px 10px
                rgba(0,0,0,.15)
            );
    }

    55% {
        transform: translateY(-3px) scale(1.006);

        filter:
            drop-shadow(
                0 0 8px
                rgba(0,140,255,.12)
            );
    }

}


/* =========================================
   HOVER — DESKTOP
========================================= */

@media (hover:hover) {

    .logo-sdpmb {
        transition:
            filter .35s ease;
    }

    .logo-sdpmb:hover {

        filter:
            drop-shadow(
                0 0 8px
                rgba(0,140,255,.25)
            )

            drop-shadow(
                0 0 16px
                rgba(220,165,40,.12)
            );
    }

}


/* =========================================
   MOBILE
   Movimento ainda mais discreto
========================================= */

@media (max-width: 767px) {

    @keyframes respiracaoLogo {

        0%,
        100% {
            transform: translateY(0) scale(1);
        }

        50% {
            transform: translateY(-2px) scale(1.004);
        }

    }

}


/* =========================================
   ACESSIBILIDADE
========================================= */

@media (prefers-reduced-motion: reduce) {

    .logo-sdpmb {
        animation: none;
        transform: none;
    }

}

/* =========================================
   SEÇÃO 02 — HEADLINE
========================================= */

.titulo-s2,
.titulo-s2 .elementor-widget-container,
.titulo-s2 .elementor-heading-title {
    overflow: visible !important;
}


/* PRIMEIRA LINHA */

.titulo-s2 .s2-branco {
    display: inline-block;
    color: #ffffff;
}


/* =========================================
   SEGUNDA LINHA AZUL
========================================= */

.titulo-s2 .s2-azul {

    display: inline-block;

    /* evita corte de Ç */
    line-height: 1.12;
    padding-bottom: .12em;
    margin-bottom: -.12em;

    /* AZUL + FAIXA DE LUZ */

    background: linear-gradient(
        110deg,

        #078CFF 0%,
        #078CFF 38%,

        #25A8FF 44%,
        #8EDCFF 47%,

        #FFFFFF 50%,

        #8EDCFF 53%,
        #25A8FF 56%,

        #078CFF 62%,
        #078CFF 100%
    );

    background-size: 300% 100%;

    background-position: 100% 50%;

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
    color: transparent;

    animation:
        luzSecao02
        5s
        ease-in-out
        infinite;
}


/* =========================================
   PASSAGEM DE LUZ
========================================= */

@keyframes luzSecao02 {

    /* repouso */

    0%,
    12% {
        background-position: 100% 50%;
    }


    /* luz atravessando */

    28% {
        background-position: 0% 50%;
    }


    /* repouso novamente */

    29%,
    100% {
        background-position: 0% 50%;
    }

}


/* =========================================
   HOVER DESKTOP
========================================= */

@media (hover:hover) {

    .titulo-s2 .s2-azul {
        transition:
            filter .35s ease;
    }


    .titulo-s2:hover .s2-azul {

        filter:
            drop-shadow(
                0 0 8px
                rgba(0,140,255,.25)
            );

    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width:767px) {

    .titulo-s2 .s2-azul {

        line-height: 1.15;

        padding-bottom: .14em;

        margin-bottom: -.14em;

    }

}


/* =========================================
   ACESSIBILIDADE
========================================= */

@media (prefers-reduced-motion: reduce) {

    .titulo-s2 .s2-azul {

        animation: none;

        background: #078CFF;

        -webkit-background-clip: text;
        background-clip: text;

        -webkit-text-fill-color: transparent;

    }

}


/* SEÇÃO 03 — HEADLINE */

.titulo-mentoria-s3 {
    width: 100%;
    text-align: center;
}

.titulo-mentoria-s3 .elementor-heading-title {
    color: #FFFFFF;
    overflow: visible;
    text-wrap: balance;
}

/* Destaque azul com degradê premium */

.titulo-mentoria-s3 .destaque-s3 {
    color: #078CFF;
    background: linear-gradient(
        100deg,
        #0077FF 0%,
        #078CFF 45%,
        #45B9FF 75%,
        #078CFF 100%
    );
    background-size: 200% 100%;
    background-position: 100% 50%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: brilhoS3 7s ease-in-out infinite alternate;
}

@keyframes brilhoS3 {
    from { background-position: 100% 50%; }
    to { background-position: 0% 50%; }
}

/* MOBILE */

@media (max-width: 767px) {
    .titulo-mentoria-s3 .elementor-heading-title {
        line-height: 1.2;
    }
}

@media (prefers-reduced-motion: reduce) {
    .titulo-mentoria-s3 .destaque-s3 {
        animation: none;
    }
}/* End custom CSS */