.elementor-1354 .elementor-element.elementor-element-3fa2cecf{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1354 .elementor-element.elementor-element-195182e8{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF1A;--border-color:#FFFFFF1A;--border-radius:8px 8px 8px 8px;box-shadow:0px 40px 100px 0px rgba(0, 0, 0, 0.8);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1354 .elementor-element.elementor-element-195182e8:not(.elementor-motion-effects-element-type-background), .elementor-1354 .elementor-element.elementor-element-195182e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080808;}.elementor-1354 .elementor-element.elementor-element-32a355a9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF0D;--border-color:#FFFFFF0D;--border-radius:8px 8px 0px 0px;--padding-top:12px;--padding-bottom:12px;--padding-left:20px;--padding-right:20px;}.elementor-1354 .elementor-element.elementor-element-32a355a9:not(.elementor-motion-effects-element-type-background), .elementor-1354 .elementor-element.elementor-element-32a355a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1354 .elementor-element.elementor-element-f0ed940{width:auto;max-width:auto;text-align:center;}.elementor-1354 .elementor-element.elementor-element-f0ed940.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1354 .elementor-element.elementor-element-47ece262{width:100%;max-width:100%;background-color:#0000005E;border-radius:4px 4px 4px 4px;text-align:start;}.elementor-1354 .elementor-element.elementor-element-47ece262.elementor-element{--align-self:center;}.elementor-1354 .elementor-element.elementor-element-47ece262 .elementor-heading-title{font-family:"JetBrains Mono", Sans-serif;font-size:10px;font-weight:600;color:#FFFFFF4D;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1354 .elementor-element.elementor-element-2fc481b3 .elementor-button{background-color:#0A0F1F00;font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-1354 .elementor-element.elementor-element-58a0bc8b{--display:flex;--overflow:hidden;--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1354 .elementor-element.elementor-element-13c5b0c3{padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFFB3;}.elementor-1354 .elementor-element.elementor-element-8483f66 .elementor-button{background-color:#0A0F1F00;font-family:"JetBrains Mono", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0.12rem;fill:#FFFFFF;color:#FFFFFF;padding:0px 0px 0px 0px;}.elementor-1354 .elementor-element.elementor-element-8483f66 .elementor-button:hover, .elementor-1354 .elementor-element.elementor-element-8483f66 .elementor-button:focus{color:#FFFFFFD1;}.elementor-1354 .elementor-element.elementor-element-8483f66 .elementor-button:hover svg, .elementor-1354 .elementor-element.elementor-element-8483f66 .elementor-button:focus svg{fill:#FFFFFFD1;}.elementor-1354 .elementor-element.elementor-element-2854b71b{--display:flex;}@media(max-width:767px){.elementor-1354 .elementor-element.elementor-element-195182e8{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1354 .elementor-element.elementor-element-32a355a9{--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:12px;--padding-bottom:12px;--padding-left:4px;--padding-right:4px;}.elementor-1354 .elementor-element.elementor-element-f0ed940{width:auto;max-width:auto;}.elementor-1354 .elementor-element.elementor-element-47ece262{width:100%;max-width:100%;}.elementor-1354 .elementor-element.elementor-element-2fc481b3.elementor-element{--align-self:center;}.elementor-1354 .elementor-element.elementor-element-2fc481b3 .elementor-button{font-size:14px;letter-spacing:-5px;padding:4px 12px 4px 12px;}}/* Start custom CSS for text-editor, class: .elementor-element-13c5b0c3 */#texto-comentario {
    max-height: 390px; /* Altura inicial */
    overflow-y: scroll;
    transition: max-height 0.8s cubic-bezier(0.4, 0, 0.2, 1); /* Curva de animação suave */
    position: relative;
    overflow: hidden;
    padding-right: 12px;
}

/* 2. O Efeito de Fade (Degradê) no rodapé */
#texto-comentario::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px; /* Altura da área esfumaçada. */
    background: linear-gradient(to bottom, rgba(8,8,8,0.3) 0%, rgba(8,8,8,1) 100%);
    
    pointer-events: none; /* Permite que o usuário selecione o texto que está por baixo do fade */
    transition: opacity 0.4s ease; /* Animação suave para o fade sumir */
}

/* 3. Oculta o fade quando a caixa for aberta (usando a classe do nosso JS) */
#texto-comentario.caixa-aberta::after {
    opacity: 0;
}


/* Estado Aberto */
#texto-comentario.caixa-aberta {
    max-height: 430px; /* Um valor mais próximo do tamanho real do texto */
    overflow-y: scroll;
    scrollbar-width: thin; /* auto (default) or thin */
    scrollbar-color: #474747 #000; 
}

#texto-comentario.caixa-aberta::after {
    opacity: 0; /* Remove o degradê suavemente ao abrir */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3fa2cecf *//* Animação de entrada/saída controlada pelo seu Script */
#browser-window-container {
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Estilização dos pontinhos da Toolbar (se usou um widget de texto) */
.window-controls span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    margin-right: 6px;
}

/* Animação da Barra de Progresso */
.browser-progress {
    position: relative;
    overflow: hidden;
    height: 1px;
}

.browser-progress::after {
    content: '';
    position: absolute;
    top: 0;
    left: -40%;
    width: 40%;
    height: 100%;
    background: rgba(255,255,255,0.2);
    animation: load-scan 3s infinite linear;
}

.close-tab-btn {
    background: transparent; border: none; color: rgba(255,255,255,0.2);
    font-size: 20px; cursor: pointer; transition: 0.3s;
}
.close-tab-btn:hover { color: #fff; }


@keyframes load-scan {
    from { left: -40%; }
    to { left: 100%; }
}

/* Estilo para esconder o container inicialmente como você pediu */
.browser-container.is-hidden {
    display: none;
    opacity: 0;
    transform: translateY(20px);
}/* End custom CSS */