.conteudo-video-container {
    width: 50vw;
    overflow: hidden;
    margin: 8vh auto 2vh auto;
    position: relative;
}

video.conteudo-video {
    width: calc(100% - 60px);
    margin: 20px;
}

.conteudo-video-container img {
    position: absolute;
    width: 100%;
    height: 100%;
    /* aspect-ratio: 20 / 9; */
    object-fit: cover;
}

#conteudos-abertura {
    width: 100%;
    min-height: 105svh;
    position: fixed;
    top: 0px;
    z-index: 1;
    place-content: center;
    overflow: hidden;
    background: #555562;
}

#conteudos-video-bg {
    width: 100%;
    height: 100svh;
    object-fit: cover;
    position: absolute;
    z-index: -1;
}

#conteudos-abertura-texto1 {
    font-size: 33vw;
    margin: 0;
    line-height: 1.05em;
    position: relative;
    color: rgba(255, 255, 255, 0.75);
    text-align: center;
}

#conteudos-abertura-detalhe1 {
    position: absolute;
    width: 45vw;
    right: 0;
    bottom: 5vw;
}

#conteudos-abertura-texto2 {
    text-align: center;
    font-size: 2vw;
    margin: 0;
    line-height: 1.15em;
    width: 80vw;
    text-transform: uppercase;
    margin: 0 auto 0px auto;
    color: rgba(255, 255, 255, 0.75);
    /* padding-left: 6vw; */
}


#live {
    width: 100%;
    background: #000000;
    position: relative;
    z-index: 2;
    overflow: hidden;
    /*padding: 16vh 0px 5vh 0px;*/
    margin-bottom: -12vh;
    margin-top: 105svh;
    background-image: url(../media/conteudos-live.webp);
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center;
}

#live-texto1 {
    text-align: center;
    font-size: 40vw;
    margin: 0;
    line-height: 1.05em;
    position: relative;
    /* color: rgba(255, 255, 255, 0.75); */
}

#live-texto2 {
    text-align: center;
    font-size: 2vw;
    margin: 0;
    line-height: 1.15em;
    width: 68vw;
    text-transform: uppercase;
    margin: 0px auto 0px auto;
    /* padding-left: 6vw; */
}


#live-detalhe1 {
    position: absolute;
    width: 40vw;
    right: 0vw;
    bottom: 4vw;
}


#interativo {
    width: 100%;
    background: #000000;
    position: relative;
    z-index: 3;
    overflow: hidden;
    /*padding: 16vh 0px 5vh 0px;*/
    margin-bottom: -12vh;
    background-image: url(../media/conteudos-interativos.webp);
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center;
}

#interativo-texto1 {
    text-align: center;
    font-size: 25vw;
    margin: 0;
    line-height: 1.05em;
    position: relative;
    /* color: rgba(255, 255, 255, 0.75); */
}

#interativo-texto2 {
    text-align: center;
    font-size: 2vw;
    margin: 0;
    line-height: 1.15em;
    width: 68vw;
    text-transform: uppercase;
    margin: 0px auto 0px auto;
    /* padding-left: 6vw; */
}


#interativo-detalhe1 {
    position: absolute;
    width: 40vw;
    right: 0vw;
    bottom: 4vw;
}

#mapping {
    width: 100%;
    background: #000000;
    position: relative;
    z-index: 3;
    overflow: hidden;
    /*padding: 16vh 0px 5vh 0px;*/
    margin-bottom: -12vh;
    background-image: url(../media/conteudos-mapping.webp);
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center;
}

#mapping-texto1 {
    text-align: center;
    font-size: 27vw;
    margin: 0;
    line-height: 1.05em;
    position: relative;
    /* color: rgba(255, 255, 255, 0.75); */
}

#mapping-texto2 {
    text-align: center;
    font-size: 2vw;
    margin: 0;
    line-height: 1.15em;
    width: 60vw;
    text-transform: uppercase;
    margin: 0px auto 0px auto;
    /* padding-left: 6vw; */
}


#mapping-detalhe1 {
    position: absolute;
    width: 35vw;
    right: 0vw;
    bottom: 4vw;
}

#virtual-box {
    width: 100%;
    background: #000000;
    position: relative;
    z-index: 3;
    overflow: hidden;
    /*padding: 16vh 0px 5vh 0px;*/
    margin-bottom: -12vh;
    background-image: url(../media/conteudos-virtual-box.webp);
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center;
}

#virtual-box-texto1 {
    text-align: center;
    font-size: 24vw;
    margin: 0;
    line-height: 1.05em;
    position: relative;
    /* color: rgba(255, 255, 255, 0.75); */
}

#virtual-box-texto2 {
    text-align: center;
    font-size: 2vw;
    margin: 0;
    line-height: 1.15em;
    width: 68vw;
    text-transform: uppercase;
    margin: 0px auto 0px auto;
    /* padding-left: 6vw; */
}


#virtual-box-detalhe1 {
    position: absolute;
    width: 24vw;
    right: 0vw;
    bottom: 0vw;
}


#illusion {
    width: 100%;
    background: #000000;
    position: relative;
    z-index: 3;
    overflow: hidden;
    /*padding: 16vh 0px 5vh 0px;*/
    margin-bottom: -12vh;
    background-image: url(../media/conteudos-illusion.webp);
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center;
}

#illusion-texto1 {
    text-align: center;
    font-size: 22vw;
    margin: 0;
    line-height: 1.05em;
    position: relative;
    /* color: rgba(255, 255, 255, 0.75); */
}

#illusion-texto2 {
    text-align: center;
    font-size: 2vw;
    margin: 0;
    line-height: 1.15em;
    width: 68vw;
    text-transform: uppercase;
    margin: 0px auto 0px auto;
    /* padding-left: 6vw; */
}


#illusion-detalhe1 {
    position: absolute;
    width: 20vw;
    right: 0vw;
    bottom: 0vw;
}

#cine {
    width: 100%;
    background: #000000;
    position: relative;
    z-index: 3;
    overflow: hidden;
    /*padding: 16vh 0px 5vh 0px;*/
    margin-bottom: -12vh;
    background-image: url(../media/conteudos-cine.webp);
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center;
}

#cine-texto1 {
    text-align: center;
    font-size: 40vw;
    margin: 0;
    line-height: 1.05em;
    position: relative;
    /* color: rgba(255, 255, 255, 0.75); */
}

#cine-texto2 {
    text-align: center;
    font-size: 2vw;
    margin: 0;
    line-height: 1.15em;
    width: 62vw;
    text-transform: uppercase;
    margin: 0px auto 0px auto;
    /* padding-left: 6vw; */
}


#cine-detalhe1 {
    position: absolute;
    width: 24vw;
    right: 0vw;
    bottom: 4vw;
}

#react {
    width: 100%;
    background: #000000;
    position: relative;
    z-index: 3;
    overflow: hidden;
    /*padding: 16vh 0px 5vh 0px;*/
    margin-bottom: -12vh;
    background-image: url(../media/conteudos-react.webp);
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center;
}

#react-texto1 {
    text-align: center;
    font-size: 27vw;
    margin: 0;
    line-height: 1.05em;
    position: relative;
    /* color: rgba(255, 255, 255, 0.75); */
}

#react-texto2 {
    text-align: center;
    font-size: 2vw;
    margin: 0;
    line-height: 1.15em;
    width: 62vw;
    text-transform: uppercase;
    margin: 0px auto 0px auto;
    /* padding-left: 6vw; */
}


#react-detalhe1 {
    position: absolute;
    width: 30vw;
    right: 0vw;
    bottom: 1vw;
}


#realidade-aumentada {
    width: 100%;
    background: #000000;
    position: relative;
    z-index: 3;
    overflow: hidden;
    /*padding: 16vh 0px 5vh 0px;*/
    margin-bottom: -12vh;
    background-image: url(../media/conteudos-realidade-aumentada.webp);
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center;
}

#realidade-aumentada-texto1 {
    text-align: center;
    font-size: 18vw;
    margin: 0;
    line-height: 1.05em;
    position: relative;
    /* color: rgba(255, 255, 255, 0.75); */
}

#realidade-aumentada-texto2 {
    text-align: center;
    font-size: 2vw;
    margin: 0;
    line-height: 1.15em;
    width: 62vw;
    text-transform: uppercase;
    margin: 0px auto 0px auto;
    /* padding-left: 6vw; */
}


#realidade-aumentada-detalhe1 {
    position: absolute;
    width: 40vw;
    right: 0vw;
    bottom: -2vw;
}


#realidade-virtual {
    width: 100%;
    background: #000000;
    position: relative;
    z-index: 3;
    overflow: hidden;
    /*padding: 16vh 0px 5vh 0px;*/
    margin-bottom: -12vh;
    background-image: url(../media/conteudos-realidade-virtual.webp);
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center;
}

#realidade-virtual-texto1 {
    text-align: center;
    font-size: 18vw;
    margin: 0;
    line-height: 1.05em;
    position: relative;
    /* color: rgba(255, 255, 255, 0.75); */
}

#realidade-virtual-texto2 {
    text-align: center;
    font-size: 2vw;
    margin: 0;
    line-height: 1.15em;
    width: 62vw;
    text-transform: uppercase;
    margin: 0px auto 0px auto;
    /* padding-left: 6vw; */
}


#realidade-virtual-detalhe1 {
    position: absolute;
    width: 35vw;
    right: 0vw;
    bottom: -1vw;
}

#games {
    width: 100%;
    background: #000000;
    position: relative;
    z-index: 3;
    overflow: hidden;
    /*padding: 16vh 0px 5vh 0px;*/
    margin-bottom: -12vh;
    background-image: url(../media/conteudos-games.webp);
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center;
}

#games-texto1 {
    text-align: center;
    font-size: 25vw;
    margin: 0;
    line-height: 1.05em;
    position: relative;
    /* color: rgba(255, 255, 255, 0.75); */
}

#games-texto2 {
    text-align: center;
    font-size: 2vw;
    margin: 0;
    line-height: 1.15em;
    width: 66vw;
    text-transform: uppercase;
    margin: 0px auto 0px auto;
    /* padding-left: 6vw; */
}


#games-detalhe1 {
    position: absolute;
    width: 40vw;
    right: 0vw;
    bottom: 0.5vw;
}

#games-detalhe2 {
    position: absolute;
    top: -3vw;
    width: 10vw;
    right: -2vw;
}

#projetos {
    width: 100%;
    background: #000000;
    position: relative;
    z-index: 3;
    overflow: hidden;
    /*padding: 16vh 0px 5vh 0px;*/
    margin-bottom: -12vh;
    background-image: url(../media/conteudos-projetos.webp);
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center;
}

#projetos-texto1 {
    text-align: center;
    font-size: 18.5vw;
    margin: 0;
    line-height: 1.05em;
    position: relative;
    /* color: rgba(255, 255, 255, 0.75); */
}

#projetos-texto2 {
    text-align: center;
    font-size: 2vw;
    margin: 0;
    line-height: 1.15em;
    width: 65vw;
    text-transform: uppercase;
    margin: 0px auto 0px auto;
    /* padding-left: 6vw; */
}


#projetos-detalhe1 {
    position: absolute;
    width: 36vw;
    right: 2vw;
    bottom: 0vw;
}

#fake {
    width: 100%;
    background: #000000;
    position: relative;
    z-index: 3;
    overflow: hidden;
    /*padding: 16vh 0px 5vh 0px;*/
    margin-bottom: -12vh;
    background-image: url(../media/conteudos-fake.webp);
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center;
}

#fake-texto1 {
    text-align: center;
    font-size: 27vw;
    margin: 0;
    line-height: 1.05em;
    position: relative;
    /* color: rgba(255, 255, 255, 0.75); */
}

#fake-texto2 {
    text-align: center;
    font-size: 2vw;
    margin: 0;
    line-height: 1.15em;
    width: 55vw;
    text-transform: uppercase;
    margin: 0px auto 0px auto;
    /* padding-left: 6vw; */
}


#fake-detalhe1 {
    position: absolute;
    width: 36vw;
    right: 8vw;
    bottom: 2vw;
}

#fake-detalhe2 {
    position: absolute;
    width: 8vw;
    top: -1vw;
    right: 1vw;
}

#conteudos-rodape360 {
    width: 100%;
    min-height: 100svh;
    background: #000;
    z-index: 8;
    position: sticky;
    top: 0px;
}