.elementor-1807 .elementor-element.elementor-element-006f8bd{--display:flex;--min-height:67vh;--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;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-1807 .elementor-element.elementor-element-25b4548{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;text-align:center;}.elementor-1807 .elementor-element.elementor-element-25b4548.elementor-element{--align-self:center;}.elementor-1807 .elementor-element.elementor-element-25b4548 .elementor-heading-title{font-family:var( --e-global-typography-691622b-font-family ), Sans-serif;font-size:var( --e-global-typography-691622b-font-size );font-weight:var( --e-global-typography-691622b-font-weight );line-height:var( --e-global-typography-691622b-line-height );letter-spacing:var( --e-global-typography-691622b-letter-spacing );word-spacing:var( --e-global-typography-691622b-word-spacing );color:var( --e-global-color-6f4ef9b );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-1807 .elementor-element.elementor-element-ef10bc8.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1807 .elementor-element.elementor-element-25b4548 .elementor-heading-title{font-size:var( --e-global-typography-691622b-font-size );line-height:var( --e-global-typography-691622b-line-height );letter-spacing:var( --e-global-typography-691622b-letter-spacing );word-spacing:var( --e-global-typography-691622b-word-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1807 .elementor-element.elementor-element-25b4548 .elementor-heading-title{font-size:var( --e-global-typography-691622b-font-size );line-height:var( --e-global-typography-691622b-line-height );letter-spacing:var( --e-global-typography-691622b-letter-spacing );word-spacing:var( --e-global-typography-691622b-word-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1807 .elementor-element.elementor-element-25b4548 .elementor-heading-title{font-size:var( --e-global-typography-691622b-font-size );line-height:var( --e-global-typography-691622b-line-height );letter-spacing:var( --e-global-typography-691622b-letter-spacing );word-spacing:var( --e-global-typography-691622b-word-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-1807 .elementor-element.elementor-element-ef10bc8.elementor-element{--align-self:center;}}@media(min-width:2400px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1807 .elementor-element.elementor-element-25b4548 .elementor-heading-title{font-size:var( --e-global-typography-691622b-font-size );line-height:var( --e-global-typography-691622b-line-height );letter-spacing:var( --e-global-typography-691622b-letter-spacing );word-spacing:var( --e-global-typography-691622b-word-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}}/* Start custom CSS for heading, class: .elementor-element-25b4548 */.elementor-1807 .elementor-element.elementor-element-25b4548 .descricao-text-2{
    margin-top: 30px;
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   GLOBAL - BASE / OVERFLOW / SCROLL
========================================================= */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

body {
    position: relative;
}

#page,
.site,
.elementor,
.elementor-location-header,
.elementor-location-footer {
    overflow-x: hidden;
}


/* Personalizando a barra scroll */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: var(--e-global-color-14944fd);
}
  
::-webkit-scrollbar-thumb {
    background: var(--e-global-color-secondary);
    border: 1px solid #252628;
    transition: background 0.3s ease;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--e-global-color-text);
}

/* =========================
   INVERSÃO DARK MODE (.is-dark)
========================= */

/* Fundo do scroll muda para o seu cinza escuro no Dark Mode */
.is-dark ::-webkit-scrollbar-track {
    background: var(--e-global-color-14944fd) !important; /* #1E1E1E */
}

.is-dark ::-webkit-scrollbar-thumb {
    background: var(--e-global-color-secondary) !important;
    border: 3px solid var(--e-global-color-14944fd) !important;
}

/* Sem espaço extra nos textos */
p {
    margin-bottom: 0;
}


/* =========================================================
   GLOBAL - ESPAÇAMENTOS PADRÃO ELEMENTOR
========================================================= */

@media (min-width: 1025px) {
    .e-con {
        --container-max-width: 1280px;
        padding: 7.5em 0;
    }
}

@media (min-width: 1025px) and (max-width: 1366px) {
    .e-con {
        padding: 7.5em 0;
        --container-max-width: 90%;
    }
}

@media (min-width: 767px) and (max-width: 1024px) {
    .e-con {
        --container-max-width: 90%;
        padding: 5em 0;
    }
}

@media (max-width: 767px) {
    .e-con {
        --container-max-width: 100%;
        padding: 4em 1.25em;
    }
}

/* Container interno sem alterações de padding */
.e-con-full {
    padding: 0 !important;
}

@media (max-width: 767px) {
    .e-con .elementor-widget:not(.fixo) {
        width: 100% !important;   
    }
}


/* =========================================================
   GLOBAL - TAG 2
========================================================= */

.tag-2 {
    font-family: var(--e-global-typography-accent-font-family);
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    line-height: var(--e-global-typography-accent-line-height);
    letter-spacing: var(--e-global-typography-accent-letter-spacing, normal);
    color: var(--e-global-color-66d00c7);

    display: block;
    max-width: 100%;

    position: relative;

    padding-left: 1.625rem;
    margin-bottom: 30px;
}

.tag-2 .destaque-1,
.tag-2 .destaque-2,
.tag-2 .destaque-3,
.tag-2 .destaque-4,
.tag-2 .destaque-5 {
    display: inline;
}

.tag-2::before {
    content: "";
    width: 16px;
    height: 16px;

    background-color: var(--color-blue, #13538A);

    -webkit-mask-image: url('http://mbscomunicacoes.com/wp-content/uploads/2026/04/Vector-tags.svg');
    mask-image: url('http://mbscomunicacoes.com/wp-content/uploads/2026/04/Vector-tags.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    position: absolute;
    left: 0;
    top: 0.18em;

    z-index: 2;
}

.tag-2::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0.18em;

    width: 16px;
    height: 16px;

    -webkit-mask-image: url('http://mbscomunicacoes.com/wp-content/uploads/2026/04/Vector-tags.svg');
    mask-image: url('http://mbscomunicacoes.com/wp-content/uploads/2026/04/Vector-tags.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    background-color: var(--color-blue, #13538A);
    opacity: 0.4;

    z-index: 1;
    animation: ripple-svg-shape 2.5s infinite ease-out;
}

@keyframes ripple-svg-shape {
    0% {
        transform: scale(1);
        opacity: 0.2;
    }

    100% {
        transform: scale(3);
        opacity: 0;
    }
}


/* =========================================================
   GLOBAL - TAG 1
========================================================= */

.tag-1 {
    border-radius: 3.125rem;
    background: var(--e-global-color-accent, #F0F0F2);

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;

    padding: 0.5rem 1rem;
    width: fit-content;

    font-family: var(--e-global-typography-b4077db-font-family, "Poppins");
    font-size: var(--e-global-typography-b4077db-font-size, 0.75rem);
    font-weight: var(--e-global-typography-b4077db-font-weight, 300);
    line-height: var(--e-global-typography-b4077db-line-height, 1.5em);
    letter-spacing: 0.05em;
    text-transform: uppercase;

    color: var(--e-global-color-9db7d6e, #63676D);

    margin: 0 auto 1.5rem auto;
}

.tag-1::before {
    content: "";
    width: 14px;
    height: 14px;

    background-color: var(--color-blue, #13538A);

    -webkit-mask-image: url('http://mbscomunicacoes.com/wp-content/uploads/2026/04/Vector-tags.svg');
    mask-image: url('http://mbscomunicacoes.com/wp-content/uploads/2026/04/Vector-tags.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    display: inline-block;
}


/* =========================================================
   GLOBAL - DESCRIÇÕES
========================================================= */

.descricao-text-2 {
    display: block;
    margin-top: 0.5rem;

    font-family: var(--e-global-typography-secondary-font-family, "Poppins");
    font-size: var(--e-global-typography-secondary-font-size, 1rem);
    font-weight: var(--e-global-typography-secondary-font-weight, 300);
    line-height: var(--e-global-typography-secondary-line-height, 1.45em);
    letter-spacing: var(--e-global-typography-secondary-letter-spacing, -0.03em);

   color: var(--e-global-color-66d00c7) !important;
}

.descricao-subtitle {
    display: block;
    margin-top: 0.5rem;

    font-family: var(--e-global-typography-8f92f05-font-family, "Poppins");
    font-size: var(--e-global-typography-8f92f05-font-size, 1.25rem);
    font-weight: var(--e-global-typography-8f92f05-font-weight, 500);
    line-height: var(--e-global-typography-8f92f05-line-height, 1.5em);
    letter-spacing: var(--e-global-typography-8f92f05-letter-spacing, -0.03em);
}


/* NOVA CLASSE: TEXTO 4 (Captions / Small Utility) */
.descricao-text-4 {
    display: block;
    margin-top: 0.4rem;

    font-family: var(--e-global-typography-b1a9f08-font-family);
    font-size: var(--e-global-typography-b1a9f08-font-size);
    font-weight: var(--e-global-typography-b1a9f08-font-weight);
    line-height: var(--e-global-typography-b1a9f08-line-height);
    letter-spacing: var(--e-global-typography-b1a9f08-letter-spacing);

 
}

/* =========================================================
   GLOBAL - DESTAQUES
========================================================= */

.destaque-1 {
    font-weight: 500;
}

.destaque-2 {
    font-weight: 500;
    color: var(--e-global-color-6f4ef9b);
}

/* =========================
   DESTAQUE 3 - GRADIENTE AZUL LATERAL
========================= */

.destaque-3 {
    background: linear-gradient(
        to right,
        var(--e-global-color-text, #13538A) 0%,
        #0F3453 100%
    );

    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-weight: 500;
    line-height: 129.981%;
    letter-spacing: -0.24rem;

    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}


/* =========================
   DESTAQUE 4 - GRADIENTE LARANJA LATERAL
========================= */

.destaque-4 {
    background: linear-gradient(
        to right,
        var(--e-global-color-secondary, #F9A041) 0%,
        #F2B472 100%
    );

    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-weight: 500;
    line-height: 129.981%;
    letter-spacing: -0.24rem;

    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.destaque-5 {
    color: var(--e-global-color-primary, #FFFFFF) !important;
    opacity: 1 !important;
}

.destaque-3, .destaque-4 {
    /* ... seu código de gradiente ... */
    
    /* ADICIONE ISSO AQUI: */
    padding-right: 0.08em !important; /* Cria espaço para a letra respirar */
    margin-right: -0.08em !important;  /* Cancela o espaço extra no layout */
    
    /* Garante que o navegador renderize o bloco todo */
 
}










/* =========================================================
   GLOBAL - BOTÃO 1
========================================================= */

.botao-1 .elementor-button {
    position: relative;
    z-index: 1;
    isolation: isolate;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;

    font-family: var(--e-global-typography-secondary-font-family) !important;
    font-size: var(--e-global-typography-secondary-font-size) !important;
    font-weight: var(--e-global-typography-secondary-font-weight) !important;
    line-height: var(--e-global-typography-secondary-line-height) !important;
    letter-spacing: var(--e-global-typography-secondary-letter-spacing) !important;

    padding: 18px 32px !important;
    min-height: 3.875rem;

    border-radius: 0.3125rem;
    border: none !important;
    margin: 0 !important;

    background:
        linear-gradient(
            92deg,
            color-mix(in srgb, var(--e-global-color-secondary) 28%, transparent) 16.51%,
            rgba(249, 199, 145, 0.28) 50.48%,
            color-mix(in srgb, var(--e-global-color-secondary) 28%, transparent) 84.46%
        ),
        var(--e-global-color-secondary) !important;

    color: var(--e-global-color-ecbbf98) !important;

    box-shadow: 2px 1px 12.9px 0 color-mix(
        in srgb,
        var(--e-global-color-secondary) 70%,
        transparent
    );

    transition: all 0.3s ease;
}

.botao-1 .elementor-button::before {
    content: "";
    position: absolute;
    z-index: -1;

    inset: -5px;
    border-radius: 6px;

    background: color-mix(
        in srgb,
        var(--e-global-color-secondary) 41%,
        transparent
    );

    box-shadow: 0 0 12px color-mix(
        in srgb,
        var(--e-global-color-secondary) 30%,
        transparent
    );

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.botao-1 .elementor-button:hover::before {
    inset: 0;

    background: var(--e-global-color-secondary);

    box-shadow: 0 0 38px 12px color-mix(
        in srgb,
        var(--e-global-color-secondary) 18%,
        transparent
    );
}

.botao-1 .elementor-button:hover {
    box-shadow: 7px 5px 56px -14px color-mix(
        in srgb,
        var(--e-global-color-secondary) 70%,
        transparent
    );
}

.botao-1 .elementor-button:active {
    transform: scale(0.97);
}

.botao-1 .elementor-button-icon svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: currentColor;
}

.botao-1 .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
}

.botao-1 .elementor-button .elementor-button-icon svg {
    margin-right: 6px !important;
    transform: translateX(0);
    display: inline-block;

    transition: transform 0.3s ease-in-out !important;
}

.botao-1 .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(3px) !important;
}


/* =========================================================
   GLOBAL - BOTÃO 2
========================================================= */

.botao-2 {
    overflow: visible;
}

.botao-2 .elementor-button-wrapper {
    overflow: visible;
    display: inline-flex;
}

.botao-2 .elementor-button {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;

    padding: 1.125rem 2rem;
    min-height: 3.875rem;
    box-sizing: border-box;

    border-radius: 0.3125rem;
    border: 1px solid color-mix(
        in srgb,
        var(--e-global-color-66d00c7) 65%,
        transparent
    );

    background: transparent;
    box-shadow: none;

    color: color-mix(
        in srgb,
        var(--e-global-color-ecbbf98) 75%,
        transparent
    );

    text-decoration: none;

    transition:
        border-color 0.25s ease,
        color 0.25s ease,
        box-shadow 0.25s ease;
}

.botao-2 .elementor-button::before {
    content: "";
    position: absolute;
    inset: 0;

    background: var(--e-global-color-ecbbf98);

    transform: scaleX(0);
    transform-origin: left center;

    transition: transform 0.35s ease;

    z-index: -1;
}

.botao-2 .elementor-button:hover {
    border-color: var(--e-global-color-ecbbf98);
    color: var(--e-global-color-primary);

    box-shadow: 0 0 16px 0 color-mix(
        in srgb,
        var(--e-global-color-ecbbf98) 25%,
        transparent
    );
    filter: britghness(1.2);
}

.botao-2 .elementor-button:hover::before {
    transform: scaleX(1);
}

.botao-2 .elementor-button:active {
    transform: translateY(0);
}

.botao-2 .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
}

.botao-2 .elementor-button-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.botao-2 .elementor-button-icon svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: currentColor;
}

.botao-2 .elementor-button-text {
    font-family: var(--e-global-typography-secondary-font-family, "Poppins");
    font-size: var(--e-global-typography-secondary-font-size, 1rem);
    font-weight: var(--e-global-typography-secondary-font-weight, 300);
    line-height: var(--e-global-typography-secondary-line-height, 1.45em);
    letter-spacing: var(--e-global-typography-secondary-letter-spacing, -0.03em);
}


/* =========================================================
   GLOBAL - BOTÃO 3
========================================================= */

.botao-3 .elementor-button {
    position: relative;
    z-index: 1;
    isolation: isolate;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;

    font-family: var(--e-global-typography-secondary-font-family) !important;
    font-size: var(--e-global-typography-secondary-font-size) !important;
    font-weight: var(--e-global-typography-secondary-font-weight) !important;
    line-height: var(--e-global-typography-secondary-line-height) !important;
    letter-spacing: var(--e-global-typography-secondary-letter-spacing) !important;

    padding: 18px 32px !important;
    min-height: 3.875rem;

    border-radius: 0.3125rem;
    border: none !important;
    margin: 0 !important;

    background:
        linear-gradient(
            92deg,
            color-mix(in srgb, var(--e-global-color-text, #13538A) 28%, transparent) 16.51%,
            rgba(255, 255, 255, 0.15) 50.48%,
            color-mix(in srgb, var(--e-global-color-text, #13538A) 28%, transparent) 84.46%
        ),
        var(--e-global-color-text, #13538A) !important;

    color: var(--e-global-color-primary, #ffffff) !important;

    box-shadow: 2px 1px 12.9px 0 color-mix(
        in srgb,
        var(--e-global-color-text, #13538A) 70%,
        transparent
    );

    transition: all 0.3s ease;
}

.botao-3 .elementor-button::before {
    content: "";
    position: absolute;
    z-index: -1;

    inset: -5px;
    border-radius: 6px;

    background: color-mix(
        in srgb,
        var(--e-global-color-text, #13538A) 41%,
        transparent
    );

    box-shadow: 0 0 12px color-mix(
        in srgb,
        var(--e-global-color-text, #13538A) 30%,
        transparent
    );

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.botao-3 .elementor-button:hover::before {
    inset: 0;

    background: var(--e-global-color-text, #13538A);

    box-shadow: 0 0 65px 1px color-mix(
        in srgb,
        #68aeea 18%,
        transparent
    ) !important;

    border-color: transparent;
}

.botao-3 .elementor-button:hover {
    box-shadow: 0 0 20px 0 color-mix(
        in srgb,
        #68aeea 25%,
        transparent
    ) !important;
}

.botao-3 .elementor-button:active {
    transform: scale(0.97);
}

.botao-3 .elementor-button .elementor-button-icon i,
.botao-3 .elementor-button .elementor-button-icon svg,
.botao-3 .elementor-button .elementor-button-icon svg * {
    fill: var(--e-global-color-primary, #ffffff) !important;
    color: var(--e-global-color-primary, #ffffff) !important;
    stroke: var(--e-global-color-primary, #ffffff) !important;
}

.botao-3 .elementor-button .elementor-button-icon svg {
    width: 1.5rem;
    height: 1.5rem;

    margin-right: 6px !important;

    transform: translateX(0);
    display: inline-block;

    transition: transform 0.3s ease-in-out !important;
}

.botao-3 .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(3px) !important;
}


/* Espaçamento comum dos botões */
.botao-1 .elementor-button,
.botao-2 .elementor-button,
.botao-3 .elementor-button {
    margin-top: 5px !important;
}


/* Focus */
.botao-1 .elementor-button:focus-visible,
.botao-2 .elementor-button:focus-visible,
.botao-3 .elementor-button:focus-visible {
    outline: 2px solid var(--e-global-color-secondary);
    outline-offset: 0.25rem;
}


/* =========================
   BOTÃO 4
   Igual ao botão 2, com cores invertidas
   + hover apenas no ícone
========================= */

.botao-4 {
    overflow: visible;
}

.botao-4 .elementor-button-wrapper {
    overflow: visible;
    display: inline-flex;
}

.botao-4 .elementor-button {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;

    padding: 1.125rem 2rem;
    min-height: 3.875rem;
    box-sizing: border-box;

    border-radius: 0.3125rem;

    border: 1px solid color-mix(
        in srgb,
        var(--e-global-color-primary) 65%,
        transparent
    );

    background: transparent;
    box-shadow: none;

    color: color-mix(
        in srgb,
        var(--e-global-color-primary) 85%,
        transparent
    );

    text-decoration: none;

    transition:
        border-color 0.25s ease,
        color 0.25s ease,
        box-shadow 0.25s ease;
}

/* Preenchimento lateral igual botão 2 */
.botao-4 .elementor-button::before {
    content: "";
    position: absolute;
    inset: 0;

    background: var(--e-global-color-primary);

    transform: scaleX(0);
    transform-origin: left center;

    transition: transform 0.35s ease;

    z-index: -1;
}

/* Hover do botão */
.botao-4 .elementor-button:hover {
    border-color: var(--e-global-color-primary);

    color: var(--e-global-color-ecbbf98);

    box-shadow: 0 0 16px 0 color-mix(
        in srgb,
        var(--e-global-color-primary) 18%,
        transparent
    );
}

.botao-4 .elementor-button:hover::before {
    transform: scaleX(1);
}

/* Sem mudança de posição no botão */
.botao-4 .elementor-button:active {
    transform: none;
}

/* Conteúdo acima do preenchimento */
.botao-4 .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
}

/* Ícone */
.botao-4 .elementor-button-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.botao-4 .elementor-button-icon svg {
    width: 1.5rem;
    height: 1.5rem;

    fill: currentColor;

    transform: translateX(0);
    transition: transform 0.3s ease-in-out;
}

/* Hover apenas no ícone */
.botao-4 .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(6px) !important;
}

/* Texto */
.botao-4 .elementor-button-text {
    font-family: var(--e-global-typography-secondary-font-family, "Poppins");
    font-size: var(--e-global-typography-secondary-font-size, 1rem);
    font-weight: var(--e-global-typography-secondary-font-weight, 300);
    line-height: var(--e-global-typography-secondary-line-height, 1.45em);
    letter-spacing: var(--e-global-typography-secondary-letter-spacing, -0.03em);
}


/* Força o ícone do botão 4 a ficar branco */
.botao-4 .elementor-button-icon,
.botao-4 .elementor-button-icon i,
.botao-4 .elementor-button-icon svg,
.botao-4 .elementor-button-icon svg * {
    color: var(--e-global-color-primary) !important;
    fill: var(--e-global-color-primary) !important;
    stroke: transparent !important;
}

/* Ícone branco no estado normal */
.botao-4 .elementor-button-icon,
.botao-4 .elementor-button-icon i,
.botao-4 .elementor-button-icon svg,
.botao-4 .elementor-button-icon svg * {
    color: var(--e-global-color-primary) !important;
    fill: var(--e-global-color-primary) !important;

}

/* Ícone preto no hover */
.botao-4 .elementor-button:hover .elementor-button-icon,
.botao-4 .elementor-button:hover .elementor-button-icon i,
.botao-4 .elementor-button:hover .elementor-button-icon svg,
.botao-4 .elementor-button:hover .elementor-button-icon svg * {
    color: var(--e-global-color-ecbbf98) !important;
    fill: var(--e-global-color-ecbbf98) !important;

}

/* Corrige ícone cortando no botão 4 */
.botao-4 .elementor-button {
    overflow: visible !important;
}

/* Garante que o preenchimento do hover continue arredondado */
.botao-4 .elementor-button::before {
    border-radius: inherit;
}

/* Dá um respiro para o ícone não bater na borda */
.botao-4 .elementor-button-content-wrapper {
    overflow: visible !important;
}

.botao-4 .elementor-button-icon {
    overflow: visible !important;
    padding-right: 0.125rem;
}

/* Reduz um pouco o movimento para não cortar */
.botao-4 .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(2px);
}









/* =========================================================
   GLOBAL - BOTÃO FORMS
========================================================= */
.elementor-form .elementor-button {

    gap: 0.625rem;

    font-family: var(--e-global-typography-secondary-font-family) !important;
    font-size: var(--e-global-typography-secondary-font-size) !important;
    font-weight: var(--e-global-typography-secondary-font-weight) !important;
    line-height: var(--e-global-typography-secondary-line-height) !important;
    letter-spacing: var(--e-global-typography-secondary-letter-spacing) !important;

    padding: 18px 32px !important;
    min-width: 100% !important;
    width: 100% !important;
    border-radius: 0.3125rem;
    border: none !important;
    margin: 0 !important;
    background:
        linear-gradient(
            92deg,
            color-mix(in srgb, var(--e-global-color-secondary) 28%, transparent) 16.51%,
            rgba(249, 199, 145, 0.28) 50.48%,
            color-mix(in srgb, var(--e-global-color-secondary) 28%, transparent) 84.46%
        ),
        var(--e-global-color-secondary) !important;

    color: var(--e-global-color-ecbbf98) !important;

    box-shadow: 2px 1px 12.9px 0 color-mix(
        in srgb,
        var(--e-global-color-secondary) 70%,
        transparent
    );

    transition: all 0.3s ease;
}




.elementor-form .elementor-button:hover {
    box-shadow: 7px 5px 56px -14px color-mix(
        in srgb,
        var(--e-global-color-secondary) 70%,
        transparent
    );
    filter: brightness(1.1);
}

.elementor-form .elementor-button:active {
    transform: scale(0.97);
}

.elementor-form .elementor-button svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: currentColor;
}



.botao-1 .elementor-button .elementor-button-icon svg {
    margin-right: 6px !important;
    transform: translateX(0);
    display: inline-block;

    transition: transform 0.3s ease-in-out !important;
}

.botao-1 .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(3px) !important;
}





/* =========================================================
   GLOBAL - CARROSSEL CONTÍNUO GENÉRICO
========================================================= */

.carrossel-continuo {
    overflow: hidden;
    display: flex;
    width: 100%;
    pointer-events: none;
}

.carrossel-continuo .list-icon .elementor-icon-list-items {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;

    animation: marquee-scroll 40s linear infinite !important;
}

@keyframes marquee-scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@media (max-width: 767px) {
    .carrossel-continuo .list-icon .elementor-icon-list-items {
        animation-duration: 25s;
        gap: 3rem;
        padding-right: 3rem;
    }
}


/* =========================================================
   GLOBAL - BACKGROUND UTILITÁRIO
========================================================= */

.background-gradiente {
    background:
        linear-gradient(
            90deg,
            rgba(30, 30, 30, 0.40) 0%,
            rgba(20, 20, 20, 0.40) 100%
        ),
        #141414;
}


/* =========================================================
   GLOBAL - SISTEMA DE TROCA DE COR / DARK MODE
========================================================= */

.troca-cor-container,
.troca-cor-container *,
.troca-cor-container *::before,
.troca-cor-container *::after {
    transition-property: background, background-color, color, border-color, fill, opacity !important;
    transition-duration: 0.8s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.troca-cor-container.is-dark {
    --e-global-color-primary: #141414 !important;
    --e-global-color-secondary: #13538A !important;
    --e-global-color-text: #F9A041 !important;
    --e-global-color-accent: #1e1e1e !important;
    --e-global-color-6f4ef9b: #ffffff !important;
    --e-global-color-d8d9902: #A09F9B !important;
    --e-global-color-66d00c7: #9C9A97 !important;
    --e-global-color-65ebd44: #A09F9B33 !important;
    --e-global-color-245c894: #97A4B7 !important;
    --e-global-color-ca88de7: #53514D !important;
    --e-global-color-ecbbf98: #F0F0F2 !important;
    --e-global-color-14944fd: #ffffff !important;
    --e-global-color-9db7d6e: #63676D !important;
}

.is-dark .destaque-3 {
    background: linear-gradient(90deg, #F9A041 0%, #F9C791 100%) !important;

    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;

    background-clip: text !important;
}

.is-dark .destaque-4 {
    background: linear-gradient(90deg, #13538A 0%, #0F3453 100%) !important;

    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;

    background-clip: text !important;
}



.is-dark .tag-1::before {
    background-color: var(--e-global-color-text) !important;
}


/* =========================================
   CLASSE GLOBAL: IMAGEM QUE APARECE NO DARK
========================================= */

/* 1. Estado Inicial (Invisível) */
.imagem-troca-cor {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important; /* Evita clicar no que está invisível */
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 2. Estado Ativado (Quando o container pai tem .is-dark) */
.is-dark .imagem-troca-cor,
.troca-cor-container.is-dark .imagem-troca-cor,
body.is-dark .imagem-troca-cor {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}






/* Remove vidro no mobile, se usar essa classe */
@media (max-width: 1024px) {
    .card-flutuante-mbs {
        backdrop-filter: blur(0) !important;
        -webkit-backdrop-filter: blur(0) !important;
    }
}


/* =========================================================
   GLOBAL - FONTES RESPONSIVAS
========================================================= */

@media (max-width: 1025px) {
    .elementor-kit-5 {
        /* H1 */
        --e-global-typography-primary-font-size: clamp(2.75rem, 7vw, 4rem);
        --e-global-typography-primary-line-height: 1.15em;
        --e-global-typography-primary-letter-spacing: -0.05em;

        /* Text 3 */
        --e-global-typography-secondary-font-size: clamp(0.95rem, 2.3vw, 1rem);
        --e-global-typography-secondary-line-height: 1.45em;
        --e-global-typography-secondary-letter-spacing: -0.03em;

        /* H2 */
        --e-global-typography-text-font-size: clamp(1.25rem, 3vw, 1.5rem);
        --e-global-typography-text-line-height: 1.35em;
        --e-global-typography-text-letter-spacing: -0.03em;

        /* Text 2 Destaque */
        --e-global-typography-accent-font-size: clamp(1rem, 2.6vw, 1.125rem);
        --e-global-typography-accent-line-height: 1.4em;

        /* Sub-title */
        --e-global-typography-8f92f05-font-size: clamp(1.125rem, 3vw, 1.25rem);
        --e-global-typography-8f92f05-line-height: 1.35em;

        /* Text 3 Destaque */
        --e-global-typography-e9edec1-font-size: clamp(0.95rem, 2.3vw, 1rem);
        --e-global-typography-e9edec1-line-height: 1.45em;

        /* Título 2 */
        --e-global-typography-691622b-font-size: clamp(2rem, 6vw, 3rem);
        --e-global-typography-691622b-line-height: 1.15em;
        --e-global-typography-691622b-letter-spacing: -0.05em;

        /* Tags */
        --e-global-typography-b4077db-font-size: 0.75rem;
        --e-global-typography-b4077db-line-height: 1.5em;
        --e-global-typography-b4077db-letter-spacing: -0.03em;

        /* Sub-title 1 Destaque */
        --e-global-typography-da7db69-font-size: clamp(1.25rem, 3.5vw, 1.5rem);
        --e-global-typography-da7db69-line-height: 1.35em;

        /* Big Text */
        --e-global-typography-a7543af-font-size: clamp(3rem, 10vw, 6.25rem);
        --e-global-typography-a7543af-line-height: 1.1em;
        --e-global-typography-a7543af-letter-spacing: -0.06em;

        /* Text 4 */
        --e-global-typography-b1a9f08-font-size: clamp(0.75rem, 2vw, 0.875rem);
        --e-global-typography-b1a9f08-line-height: 1.45em;
    }
}

@media (max-width: 767px) {
    .elementor-kit-5 {
        /* H1 */
        --e-global-typography-primary-font-size: 2rem;
        --e-global-typography-primary-line-height: 1.3em;
        --e-global-typography-primary-letter-spacing: -0.05em;

        /* Text 3 */
        --e-global-typography-secondary-font-size: 0.95rem;
        --e-global-typography-secondary-line-height: 1.45em;

        /* H2 */
        --e-global-typography-text-font-size: 1.25rem;
        --e-global-typography-text-line-height: 1.35em;

        /* Text 2 Destaque */
        --e-global-typography-accent-font-size: 1rem;
        --e-global-typography-accent-line-height: 1.4em;

        /* Sub-title */
        --e-global-typography-8f92f05-font-size: 1.125rem;
        --e-global-typography-8f92f05-line-height: 1.35em;

        /* Text 3 Destaque */
        --e-global-typography-e9edec1-font-size: 0.95rem;
        --e-global-typography-e9edec1-line-height: 1.45em;

        /* Título 2 */
        --e-global-typography-691622b-font-size: 2rem;
        --e-global-typography-691622b-line-height: 1.5em;
        --e-global-typography-691622b-letter-spacing: -0.05em;

        /* Tags */
        --e-global-typography-b4077db-font-size: 0.75rem;
        --e-global-typography-b4077db-line-height: 1.5em;

        /* Sub-title 1 Destaque */
        --e-global-typography-da7db69-font-size: 1.25rem;
        --e-global-typography-da7db69-line-height: 1.35em;

        /* Big Text */
        --e-global-typography-a7543af-font-size: 3rem;
        --e-global-typography-a7543af-line-height: 1.05em;
        --e-global-typography-a7543af-letter-spacing: -0.055em;

        /* Text 4 */
        --e-global-typography-b1a9f08-font-size: 0.75rem;
        --e-global-typography-b1a9f08-line-height: 1.45em;
    }

    .destaque-3,
    .destaque-4 {
        letter-spacing: -0.05em;
        line-height: 1.1em;
    }

    .tag-1,
    .tag-2,
    .tag-3 {
        margin-bottom: 16px;
    }
}







/* =========================
   BLOCO TEXTO LATERAL
========================= */

.bloco-texto-lateral {
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: flex-start;
    gap: 80px;


}



/* Texto */
.texto-descricao {
    display: block;
    margin: 0;

    font-family: var(--e-global-typography-secondary-font-family, "Poppins");
    font-size: var(--e-global-typography-secondary-font-size, 1rem);
    font-weight: var(--e-global-typography-secondary-font-weight, 300);
    line-height: var(--e-global-typography-secondary-line-height, 1.45em);
    letter-spacing: var(--e-global-typography-secondary-letter-spacing, -0.03em);

    color: var(--e-global-color-ca88de7);
}


/* =========================
   TABLET / MOBILE
========================= */

@media (max-width: 1025px) {
    .bloco-texto-lateral {
        grid-template-columns: 1fr;
        gap: 1rem;

        text-align: left;
        align-items: flex-start;
    }

    .titulo-nowrap {
        font-size: clamp(2.25rem, 10vw, 3rem);
        line-height: 1.05em;

        white-space: nowrap;
    }

    .texto-descricao {
        max-width: 34rem;
    }
}

@media (max-width: 360px) {
    .titulo-nowrap {
        font-size: 2rem;
    }
}













/* =========================
   TEXTO 3 (igual ao text-2)
========================= */

.descricao-text-3 {
    display: block;

    font-family: var(--e-global-typography-secondary-font-family);
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    line-height: var(--e-global-typography-secondary-line-height);
    letter-spacing: var(--e-global-typography-secondary-letter-spacing);

    color: var(--e-global-color-66d00c7);

    margin-top: 0.6rem;
}


/* =========================
   MOBILE (até 1025px)
========================= */

@media (max-width: 1025px) {
    .descricao-text-3 {
        font-size: calc(var(--e-global-typography-secondary-font-size) * 0.95);
        line-height: 1.4;
        margin-top: 0.5rem;
    }
}


/* =========================
   MOBILE PEQUENO (até 767px)
========================= */

@media (max-width: 767px) {
    .descricao-text-3 {
        font-size: calc(var(--e-global-typography-secondary-font-size) * 0.9);
        line-height: 1.35;
        margin-top: 0.45rem;
    }
}/* End custom CSS */