.elementor-18201 .elementor-element.elementor-element-2d17f48{--display:flex;--min-height:0px;--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;--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-18201 .elementor-element.elementor-element-2d17f48:not(.elementor-motion-effects-element-type-background), .elementor-18201 .elementor-element.elementor-element-2d17f48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-18201 .elementor-element.elementor-element-41664ac{--display:flex;--min-height:100px;--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:flex-start;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:105px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18201 .elementor-element.elementor-element-41664ac.e-con{--align-self:center;--order:99999 /* order end hack */;}.elementor-18201 .elementor-element.elementor-element-4e2bec8{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}@media(min-width:768px){.elementor-18201 .elementor-element.elementor-element-41664ac{--width:95%;}}@media(max-width:767px){.elementor-18201 .elementor-element.elementor-element-2d17f48{--padding-top:20px;--padding-bottom:60px;--padding-left:12px;--padding-right:12px;}.elementor-18201 .elementor-element.elementor-element-41664ac{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18201 .elementor-element.elementor-element-4e2bec8{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-2d17f48 *//* ========================================
   ÁREA EXTERNA CRIADA PELO JAVASCRIPT
======================================== */

.terminal-scroll-runtime {
    position: relative;
    width: 100%;

    background-color: #050505 !important;

    overflow: visible;
}


/* ========================================
   SEÇÃO DURANTE O EFEITO
======================================== */

.efeito-terminal.terminal-runtime-stage {
    position: sticky !important;
    top: 0 !important;

    background-color: #050505 !important;

    z-index: 2;
}


/* ========================================
   CONTÊINER DOS TEXTOS
======================================== */

.efeito-terminal .efeito-textos {
    position: relative;

    display: grid !important;

    overflow: hidden;
}


/* ========================================
   TODOS OS TEXTOS FICAM SOBREPOSTOS
======================================== */

.efeito-terminal .efeito-texto {
    grid-area: 1 / 1 !important;

    align-self: center;

    margin: 0 !important;

    will-change: opacity, transform;
}


/* ========================================
   PRIMEIRO TEXTO — ESTADO INICIAL
======================================== */

.efeito-terminal .efeito-texto:first-child {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);

    pointer-events: auto;

    z-index: 3;
}


/* ========================================
   DEMAIS TEXTOS — ESTADO INICIAL
======================================== */

.efeito-terminal .efeito-texto:not(:first-child) {
    opacity: 0;
    visibility: hidden;

    transform: translateY(35px);

    pointer-events: none;

    z-index: 3;
}


/* ========================================
   BOTÃO DENTRO DO TEXTO
======================================== */

.efeito-terminal .efeito-texto .elementor-button-wrapper,
.efeito-terminal .efeito-texto .elementor-button {
    visibility: inherit;
}


/* ========================================
   CONTÊINER DA IMAGEM
======================================== */

.efeito-terminal .efeito-imagem {
    --posicao-recorte: 0%;

    position: relative;

    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;

    overflow: hidden !important;

    border-radius: 8px;

    isolation: isolate;
}


/* ========================================
   RECORTE LATERAL MÓVEL
======================================== */

.efeito-terminal .efeito-imagem::before {
    content: "";

    position: absolute;

    top: var(--posicao-recorte);
    left: -1px;

    display: block;

    width: 32px;
    height: 55%;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 300' preserveAspectRatio='none'%3E%3Cpath fill='%23050505' d='M0 0 C0 14 4 22 10 30 L25 48 C30 54 32 60 32 70 L32 230 C32 240 30 246 25 252 L10 270 C4 278 0 286 0 300 Z'/%3E%3C/svg%3E");

    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100% 100%;

    pointer-events: none;

    z-index: 5;

    will-change: top;
}


/* ========================================
   REMOVE SEGUNDO RECORTE
======================================== */

.efeito-terminal .efeito-imagem::after {
    content: none !important;

    display: none !important;
}


/* ========================================
   WIDGET HTML
======================================== */

.efeito-terminal .terminal-script {
    position: absolute !important;

    width: 0 !important;
    height: 0 !important;

    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    pointer-events: none !important;
}


/* ========================================
   TABLET
======================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .terminal-scroll-runtime {
        background-color: #050505 !important;
    }

    .efeito-terminal .efeito-imagem::before {
        width: 27px;
        height: 52%;
    }
}


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

@media (max-width: 767px) {

    .terminal-scroll-runtime {
        background-color: #050505 !important;
    }

    .efeito-terminal .efeito-imagem::before {
        width: 22px;
        height: 48%;
    }
}/* End custom CSS */