.elementor-kit-7{--e-global-color-primary:#000000;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#FFFFFF;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-accent );font-family:"Montserrat", Sans-serif;}.elementor-kit-7 a{color:#7E7E7E;font-family:"Montserrat", Sans-serif;}.elementor-kit-7 h1{font-family:"Montserrat", Sans-serif;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{border-style:none;}.elementor-kit-7 label{color:#000000;}.elementor-kit-7 input:not([type="button"]):not([type="submit"]),.elementor-kit-7 textarea,.elementor-kit-7 .elementor-field-textual{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}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:700px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --e-gv-17b8193:#ffffff; --preto:#000000; }
/* Start custom CSS *//*Previr scroll lateral*/
html, body {
 max-width: 100% !important;
 
 overflow-x: hidden !important;
}

/* 1. ESTADO INICIAL: O conteúdo deve estar invisível */
.website {
    opacity: 0 !important; /* Garante que comece do zero */
    visibility: hidden;    /* Evita que o carrossel seja clicável enquanto invisível */
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

/* 2. ESTADO ATIVO: Só aparece depois do delay */
.website.websiteon {
    opacity: 1 !important;
    visibility: visible;
    /* Duração: 1s para aparecer 
       Delay: 1.2s (Damos 0.2s de folga após a abertura de 1s da tela)
    */
    transition: opacity 1s ease 1.1s, visibility 1s ease 1.1s;
}
/*MEXENDO NA TELA*/

/*PC FECHADO*/
.tela img {
    transform: perspective(2800px) translateX(0%) translateY(-5%) rotateX(-87deg) translateZ(0);
    transform-origin: center bottom;
    transition: all 1s ease;
}

/*PC ABERTO*/
.tela img.pcaberto {
    transform: perspective(2800px) translateX(0%) translateY(0%) rotateX(0deg) translateZ(0);
    transform-origin: center bottom;
    transition: all 1s ease;
}



/*##################################*/
#preloader-custom {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    z-index: 9999999;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Alinha tudo no BOTTOM */
    align-items: center; /* Alinha tudo no CENTRO */
    overflow: hidden;
    transition: opacity 1s ease-in-out;
    padding-bottom: 20px; /* Pequeno respiro no fundo */
}

.loader-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    /* Garante que o conteúdo total (texto + vídeo) não passe da altura da tela */
    max-height: 100vh; 
}

.texto-wrapper {
    margin-bottom: 3vh; /* Espaço responsivo entre texto e teclado */
    padding: 0 20px;
    text-align: center;
    width: 100%;
}

.texto-digitado {
    font-family: 'Courier New', Courier, monospace;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: clamp(2px, 1vw, 5px); /* Letras mais juntas em telas menores */
    margin: 0;
    line-height: 1.1;
    /* Tamanho do texto ajusta conforme a largura e altura da tela */
    font-size: clamp(18px, 5vh, 38px); 
    text-shadow: 0 0 15px rgba(255,255,255,0.5);
}

.teclado-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end; /* Cola o vídeo na base do container */
}

.video-preloader {
    display: block;
    width: auto; /* Deixa a largura automática para respeitar a altura */
    height: auto;
    /* Máscara para o vídeo não ter corte seco nas laterais e fundo */
    mask-image: linear-gradient(to top, transparent 0%, black 15%, black 85%, transparent 100%);
    -webkit-mask-image: linear-gradient(to top, transparent 0%, black 15%, black 85%, transparent 100%);
}

/* AJUSTES DE RESOLUÇÃO (Suas Quebras) */

/* Telas Grandes (1366px e 1200px) */
@media (min-width: 1200px) {
    .video-preloader { 
        max-width: 950px; 
        max-height: 50vh; /* O vídeo nunca ocupa mais de 50% da altura da tela */
    }
}

/* Telas Médias (1024px) */
@media (max-width: 1199px) and (min-width: 881px) {
    .video-preloader { 
        max-width: 800px; 
        max-height: 45vh;
    }
}

/* Tablets e Telas Pequenas (880px e 700px) */
@media (max-width: 880px) and (min-width: 701px) {
    .video-preloader { 
        max-width: 650px; 
        max-height: 40vh;
    }
}

/* Celulares e abaixo de 700px */
@media (max-width: 700px) {
    .video-preloader { 
        width: 100%; /* Em mobile, priorizamos a largura */
        max-height: 35vh; /* Mas limitamos a altura para o texto caber */
    }
    .texto-digitado { font-weight: 700; } /* Fonte ligeiramente mais fina para mobile */
}

.cursor {
    display: inline-block;
    width: 3px;
    background-color: #fff;
    margin-left: 5px;
    animation: blink 0.7s infinite;
}
@keyframes blink { 50% { opacity: 0; } }
body.loading { overflow: hidden; }/* End custom CSS */