/*ADAPTAÇÕES DE RESPONSIVIDADE*/
@media (orientation: portrait) {
    :root {
        --font-xs: clamp(0.50rem, 0.60rem + 0.25vh, 0.80rem);
        --font-sm: clamp(0.60rem, 0.75rem + 0.40vh, 0.90em);
        --font-md: clamp(0.70rem, 0.90rem + 0.50vh, 1.00rem);
        --font-lg: clamp(0.85rem, 1.05rem + 0.80vh, 1.10rem);
        --font-xl: clamp(1.00rem, 1.30rem + 1.25vh, 2.00rem);
    }

    .fake_window_button_container {
        width: 0px;
        display: none;
    }

    .altura-responsiva{
        padding: 0;
        margin: 2.5vh 0;
        height: 95vh;

        min-height: fit-content;
    }

    img{
        width: 100%;
    }

    p{
        font-size: var(--font-xs);
    }

    .p2{
        display: none;
    }

    h2{
        font-size: var(--font-lg);
    }

    .white-window{
        max-height: 85vh;
        overflow-y: auto;
    }

    .portifolio-line::before{
        width: 8vw;
        height: 4vw;
    }

    .portifolio-line{
        top: 10%;
    }

    .portifolio-line.mid{
        top: 18%;
    }

    .portifolio-line.right{
        top: 25%;
    }

    .green_painel::before{
        display: none;
    }

    .first_screen{
        margin-top: 1dvh;
    }

    .navbar{
        width: 30vw;
    }
    .navbar *{
        width: 95%;
        font-size: var(--font-lg);
    }
    .navbar-toggler{
        height: var(--font-lg);
    }
    .navbar-toggler-icon{
        width: var(--font-lg);
        height: var(--font-lg);
        background-size: contain;
    }

    #btn_subir{
        right: 6vw;
        width: 10vw;
    }

    .black-window-bg{
        max-height: 24%;
    }
}

@media(max-width: 1040px){
    .fake_window_button_container {
        width: 0px;
        display: none;
    }

    #btn_subir{
        right: 6vw;
        width: 10vw;
    }
}