.elementor-1534 .elementor-element.elementor-element-c1309ac{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;color:#131416;}.elementor-1534 .elementor-element.elementor-element-c1309ac a{color:#898989;}.elementor-1534 .elementor-element.elementor-element-db5fe83 .elementor-blockquote__content{color:#68706F;font-family:"Inter", Sans-serif;font-size:17.3px;font-weight:400;line-height:28.8px;letter-spacing:-0.05px;}.elementor-1534 .elementor-element.elementor-element-db5fe83 .elementor-blockquote{border-color:var( --e-global-color-7f8726e );}body:not(.rtl) .elementor-1534 .elementor-element.elementor-element-db5fe83 .elementor-blockquote{border-left-width:4px;padding-left:32px;}body.rtl .elementor-1534 .elementor-element.elementor-element-db5fe83 .elementor-blockquote{border-right-width:4px;padding-right:32px;}.elementor-1534 .elementor-element.elementor-element-33a8218 .elementor-blockquote__content{color:#68706F;font-family:"Inter", Sans-serif;font-size:17.3px;font-weight:400;line-height:28.8px;letter-spacing:-0.05px;}.elementor-1534 .elementor-element.elementor-element-33a8218 .elementor-blockquote{border-color:var( --e-global-color-7f8726e );}body:not(.rtl) .elementor-1534 .elementor-element.elementor-element-33a8218 .elementor-blockquote{border-left-width:4px;padding-left:32px;}body.rtl .elementor-1534 .elementor-element.elementor-element-33a8218 .elementor-blockquote{border-right-width:4px;padding-right:32px;}.elementor-1534 .elementor-element.elementor-element-098c438 .elementor-blockquote__content{color:#68706F;font-family:"Inter", Sans-serif;font-size:17.3px;font-weight:400;line-height:28.8px;letter-spacing:-0.05px;}.elementor-1534 .elementor-element.elementor-element-098c438 .elementor-blockquote{border-color:var( --e-global-color-7f8726e );}body:not(.rtl) .elementor-1534 .elementor-element.elementor-element-098c438 .elementor-blockquote{border-left-width:4px;padding-left:32px;}body.rtl .elementor-1534 .elementor-element.elementor-element-098c438 .elementor-blockquote{border-right-width:4px;padding-right:32px;}.elementor-1534 .elementor-element.elementor-element-9923671 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:26px;}.elementor-1534 .elementor-element.elementor-element-9923671 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-26px;}.elementor-1534 .elementor-element.elementor-element-9923671 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1534 .elementor-element.elementor-element-9923671 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1534 .elementor-element.elementor-element-9923671 .elementor-labels-inline .elementor-field-group > label{padding-left:9px;}body:not(.rtl) .elementor-1534 .elementor-element.elementor-element-9923671 .elementor-labels-inline .elementor-field-group > label{padding-right:9px;}body .elementor-1534 .elementor-element.elementor-element-9923671 .elementor-labels-above .elementor-field-group > label{padding-bottom:9px;}.elementor-1534 .elementor-element.elementor-element-9923671 .elementor-field-type-html{padding-bottom:0px;}.elementor-1534 .elementor-element.elementor-element-9923671 .elementor-button{font-family:"Inter", Sans-serif;font-size:15px;font-weight:600;padding:20px 40px 20px 40px;}.elementor-1534 .elementor-element.elementor-element-9923671 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-1534 .elementor-element.elementor-element-9923671 .elementor-button[type="submit"]{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-1534 .elementor-element.elementor-element-9923671 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1534 .elementor-element.elementor-element-9923671 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1534 .elementor-element.elementor-element-9923671 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1534 .elementor-element.elementor-element-9923671 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1534 .elementor-element.elementor-element-9923671 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1534 .elementor-element.elementor-element-9923671 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1534 .elementor-element.elementor-element-9923671{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}/* Start custom CSS for blockquote, class: .elementor-element-db5fe83 */.elementor-1534 .elementor-element.elementor-element-db5fe83 {
    max-width: 476px !important;
}/* End custom CSS */
/* Start custom CSS for blockquote, class: .elementor-element-33a8218 */.elementor-1534 .elementor-element.elementor-element-33a8218 {
    max-width: 476px !important;
}/* End custom CSS */
/* Start custom CSS for blockquote, class: .elementor-element-098c438 */.elementor-1534 .elementor-element.elementor-element-098c438 {
    max-width: 476px !important;
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   CASES — SCROLL CONTROLADO
   ========================================================= */

.cases-scroll-section {
    --cases-sticky-top: 50px;
    --cases-panel-height: min(565px, calc(100vh - 100px));

    position: relative;

    /*
     * Altura do módulo + espaço necessário
     * para percorrer os cases.
     *
     * JS define --cases-count automaticamente.
     */
    min-height: calc(
        var(--cases-panel-height) +
        (var(--cases-count, 3) - 1) * 100vh
    );

}


/* =========================================================
   CONTAINER QUE FICA PRESO NA VIEWPORT
   ========================================================= */

.cases-scroll-inner {
    position: sticky !important;

    top: var(--cases-sticky-top);

    /*
     * Agora o sticky tem a altura real do módulo,
     * e não mais a altura inteira da viewport.
     */
    height: var(--cases-panel-height);

    margin: 0 !important;

    overflow: hidden;

    /*
     * Mantém as duas colunas lado a lado.
     */
    display: flex;

    align-items: stretch;
}


/* =========================================================
   COLUNA ESQUERDA — MENU
   ========================================================= */

.cases-nav {
    position: relative;
    z-index: 10;
}


/* Itens do menu */

.cases-nav-item {
    cursor: pointer;

    opacity: 0.45;

    transition:
        opacity 0.35s ease,
        transform 0.35s ease;

    user-select: none;
}


/* =========================================================
   COLUNA DIREITA — CASES
   ========================================================= */

.cases-content {
    position: relative;

    /*
     * Ocupa exatamente a altura do sticky.
     */
    height: 100%;

    overflow: hidden;
}


/* Todos os cases ocupam exatamente o mesmo espaço */

.case-panel {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    opacity: 0;
    visibility: hidden;

    pointer-events: none;

    transform: translateY(50px);

    transition:
        opacity 0.55s ease,
        transform 0.65s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 0.55s;

    will-change: opacity, transform;
}


/* Case ativo */

.case-panel.is-active {
    opacity: 1;
    visibility: visible;

    pointer-events: auto;

    transform: translateY(0);

    transition:
        opacity 0.55s ease,
        transform 0.65s cubic-bezier(0.22, 1, 0.36, 1),
        visibility 0s linear 0s;

    z-index: 2;
}


/* Case que já passou */

.case-panel.is-before {
    opacity: 0;

    transform: translateY(-50px);

    z-index: 1;
}


/* Case que ainda virá */

.case-panel.is-after {
    opacity: 0;

    transform: translateY(50px);

    z-index: 1;
}


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

.cases-nav-item:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 6px;
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .case-panel,
    .cases-nav-item {
        transition: none !important;
    }
}


/* =========================================================
   MOBILE
   No celular abandonamos o efeito sticky e mostramos
   os cases normalmente empilhados.
   ========================================================= */

@media (max-width: 767px) {

    .cases-scroll-section {
        min-height: auto !important;
    }

    .cases-scroll-inner {
        position: relative !important;
        top: auto;

        height: auto;

        overflow: visible;

        display: flex;
        align-items: stretch;
    }

    .cases-content {
        height: auto;

        overflow: visible;
    }

    .case-panel,
    .case-panel.is-active,
    .case-panel.is-before,
    .case-panel.is-after {
        position: relative;
        inset: auto;

        width: 100%;
        height: auto;

        opacity: 1;
        visibility: visible;

        transform: none;

        pointer-events: auto;

        margin-bottom: 40px;
    }

    .cases-nav {
        display: none;
    }
}/* End custom CSS */