.disabled{
    opacity: .2;
    color: #646464;
}
/* FONT NEXA */
@font-face {
    font-family: Nexa;
    src: url(source/font/nexa/Nexa_100.ttf);
    font-weight: 100;
}
@font-face {
    font-family: Nexa;
    src: url(source/font/nexa/Nexa_200.ttf);
    font-weight: 200;
}
@font-face {
    font-family: Nexa;
    src: url(source/font/nexa/Nexa_400.ttf);
    font-weight: 400;
}
@font-face {
    font-family: Nexa;
    src: url(source/font/nexa/Nexa_500.ttf);
    font-weight: 500;
}
@font-face {
    font-family: Nexa;
    src: url(source/font/nexa/Nexa_600.ttf);
    font-weight: 600;
}
@font-face {
    font-family: Nexa;
    src: url(source/font/nexa/Nexa_800.ttf);
    font-weight: 800;
}
@font-face {
    font-family: Nexa;
    src: url(source/font/nexa/Nexa_900.ttf);
    font-weight: 900;
}
/* FONT NURA */
@font-face {
    font-family: Nura;
    src: url(source/font/nura/Nura_100.ttf);
    font-weight: 100;
}
@font-face {
    font-family: Nura;
    src: url(source/font/nura/Nura_200.ttf);
    font-weight: 200;
}
@font-face {
    font-family: Nura;
    src: url(source/font/nura/Nura_300.ttf);
    font-weight: 300;
}
@font-face {
    font-family: Nura;
    src: url(source/font/nura/Nura_400.ttf);
    font-weight: 400;
}
@font-face {
    font-family: Nura;
    src: url(source/font/nura/Nura_500.ttf);
    font-weight: 500;
}
@font-face {
    font-family: Nura;
    src: url(source/font/nura/Nura_600.ttf);
    font-weight: 600;
}
@font-face {
    font-family: Nura;
    src: url(source/font/nura/Nura_800.ttf);
    font-weight: 800;
}
@font-face {
    font-family: Nura;
    src: url(source/font/nura/Nura_900.ttf);
    font-weight: 900;
}

::-webkit-scrollbar {
    width: 0;
}
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html{
    background-color: #e62e00;
    scroll-behavior:smooth;
}
body{
    background-color: #e62e00 !important;
    min-height: 100vh;
    max-width: 100vw;
    min-width: 100vw;
    font-family: "Nexa", serif !important;
    color: #262626;
}
.navbar{
    background-color: #262626;
    font-family: "Nexa", serif !important;
    font-weight: 200;
    font-style: normal;
    text-transform: uppercase;
}
.navbar a{
    text-decoration: none;
    color: #f5f0f0;
}
.navbar a:hover{
    opacity: .3;
    color: #f5f0f0;
    transition: ease-in-out .3s;
}
.topo{
    width: 150px;
    margin-right: 30px;
}
.dropdown-menu, .dropdown-item{
    background: #262626 !important;
    font-family: "Nexa", serif !important;
    font-weight: 200 !important;
    font-style: normal !important;
    text-transform: uppercase !important;
}
.container{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 1320px;
    padding: 0 !important;
    gap: 5vh    ;
}
.decor svg{
    fill: #f5f0f0;
}
.decor svg:hover{
    fill: #262626;
    transition: ease-in-out .3s;
    transform: scale(2);
    /* cursor: none; */
}
.barra{
    width: 100%;
    /* border-bottom: #26262650 solid 2px; */
}
.barra .titulo{
    font-family: "Nura", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    /* font-variation-settings: "wdth" 100; */
    text-transform: uppercase;
    color: #f5f0f0;
    font-size: 5em;
}
.barra-1{
    display: flex;
    width: 100%;
    height: 100vh;
    align-items: center;
    justify-content: center;
    /* gap: 5vw; */
}
.parte-1{
    height: 90%;
    width: 40vw;
    transform: translateY(30px);
}
.parte-2{
    height: 70%;
    margin-bottom: 10%;
    width: 30vw;
    background: #f5f0f0;
}
.parte-2 .titulo{
    color: #262626;
    padding-left: 30px;
}
.social{
    font-family: "Nexa", serif !important;
    font-weight: 400;
    font-style: normal;
    display: flex;
    flex-flow: column;
    justify-content: end;
    margin-top: 15px;
}
.social a{
    font-size: 3em;
    text-decoration: none;
    color: #f5f0f0;
    text-transform: lowercase;
    margin-left: 5px;
}
.social a:hover{
    color: #f5f0f0;
    opacity: .5;
    transition: ease-in-out .3s;
    text-decoration: none;
}
.social a::after{
    color: #f5f0f0;
    text-decoration: none;
}
.social div{
    display: flex;
    align-items: center;
}
.parte-1 .decor{
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    margin-top: 100px;
}
.parte-2{
    display: flex;
    flex-flow: column;
    height: 70%;
    margin-bottom: 10%;
    width: 30vw;
    background: #f5f0f0;
}
.parte-2 .titulo{
    color: #262626;
    padding-left: 30px;
}
.parte-2 .caixa .img{
    background: url(https://i.ibb.co/Jy2Yv14/IMG-9615.jpg);
    background-size: contain;
    background-position: center center;
    /* background-color: #262626; */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 90%;
    height: 500px;
    background-size: cover;
    margin-left: 25px;
    color: #e62e0000;
}
.barra-2{
    display: flex;
    flex-flow: column;
    width: 100%;
    height: 100vh;
}
.barra-2 .star{
    width: 400px;
    margin-right: 100px;
    align-self: flex-end;
}
.barra-2 .titulo{
    transform: translateY(-150px);
    /* color: #e62e00; */
}
.barra-2 .paragrafo{
    width: 50%;
    align-self: center;
    text-align: justify;
    transform: translate(100px, -80px);
    font-family: "Nexa", serif;
    font-weight: 400;
    font-style: normal;
    color: #262626;
    font-size: 1.3em;
}
.barra-2 .decor{
    width: 100% !important;
    display: flex !important;
    justify-content: space-evenly !important;
}
.barra-3{
    width: 100%;
    height: auto;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.barra-3 .titulo{
    align-self: flex-start;
}
.barra-3 .listas{
    display: flex;
    width: 100%;
    gap: 5%;
    align-items: start;
    justify-content: center;
}
.barra-3 .listas div{
    width: 25%;
}
.barra-3 .listas div th{
    font-family: "Nura", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
    text-transform: uppercase;
    font-size: 1.5em;
    transform: translateX(-40px);
    color: #f5f0f0;
}
.barra-3 .listas div th svg{
    margin-right: 10px;
    fill: #f5f0f0;
    width: 30px;
}
.barra-3 .listas div td{
    font-size: 1.2em;
    /* border-left: #f5f0f0 1px solid; */
}
.barra-3 .listas div p{
    margin: 0;
    font-weight: 600;
    text-transform: capitalize;
}
.barra-3 .listas div i{
    text-transform: capitalize;
    font-weight: 300;
    font-style: normal;
    padding-bottom: 50px;
}
.barra-4{
    display: flex;
    width: 100%;
    height: auto;
    flex-flow: column;
}
.barra-4 .titulo{
    width: 50%;
}
.barra-4 .colunas{
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
}
.barra-4 .colunas tr:nth-child(odd) td:first-child{
    font-weight: 300;
    font-size: 1.5em;
    padding-right: 5px;
}
.barra-4 .colunas tr:nth-child(odd) td:nth-child(2){
    font-size: 1.5em;
    text-transform: capitalize;
    font-weight: 500;
}
.barra-4 .colunas tr:nth-child(even) td:nth-child(2){
    text-transform: uppercase;
    /* font-size: .8em; */
    padding-left: 15px;
    font-weight: 300;
}
.barra-5{
    height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.barra-5 .paragrafo{
    width: 50%;
    align-self: end;
    text-align: justify;
    transform: translateX(-150px);
    font-size: 1.5em;
}
.barra-5 .decor{
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}
.barra-display{
    width: 100%;
    height: 80vh;
}
.barra-display p{
    font-family: "Nura", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
    text-transform: uppercase;
    font-size: 2em;
    display: flex;
    align-items: center;
    color: #f5f0f0;
    fill: #f5f0f0;
    gap: 10px;
}
.barra-display .cartaos{
    display: flex;
    width: 100%;
    height: 70%;
    justify-content: space-evenly;
    align-items: center;
    gap: 2em;
}
.cartaos .cartao{
    background: #f5f0f0;
    width: 100%;
    height: 100%;
    padding: 15px;
    border-radius: 20px;
}
.barra-6 .cartaos .cartao .data{
    font-family: "Nexa", serif;
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: 700;
    color: #e62e00;
    text-shadow: .5px .5px 2px #26262650;
}
.barra-6 .cartaos .cartao-1 .img{
    height: 70%;
    width: 100%;
    background: url(https://i.ibb.co/fY2C0BW5/53923013481-17d4968576-k.jpg);
    background-size: cover;
    background-position: center bottom;
    border-radius: 16px;
    color: transparent;
    margin: 20px 0;
    box-shadow: 0 0 5px #26262670;
}
.barra-6 .cartaos .cartao-2 .img{
    height: 70%;
    width: 100%;
    background: url(https://i.ibb.co/5WqBKDVS/huwhoyfdweduqwbnlkqpw.png);
    background-size: cover;
    background-position: 75% bottom;
    border-radius: 16px;
    color: transparent;
    margin: 20px 0;
    box-shadow: 0 0 5px #26262670;
}
.barra-6 .cartaos .cartao-3 .img{
    height: 70%;
    width: 100%;
    background: url(https://i.ibb.co/vCvvCzhF/jalsdbhblnwkspaysvgh.png);
    background-size: 120%;
    background-position: 20% 80%;
    border-radius: 16px;
    color: transparent;
    margin: 20px 0;
    box-shadow: 0 0 5px #26262670;
}
.barra-6 .cartaos .cartao .trampo{
    font-family: "Nexa", serif;
    font-size: 1.3em;
    text-transform: capitalize;
    font-weight: 500;
}
.barra-6 .cartaos .cartao .funcao{
    font-family: "Nexa", serif;
    font-size: 1em;
    text-transform: capitalize;
    font-weight: 200;
}
.barra-7 .cartaos .cartao .data{
    font-family: "Nexa", serif;
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: 700;
    color: #e62e00;
    text-shadow: .5px .5px 2px #26262650;
}
.barra-7 .cartaos .cartao-1 .img{
    height: 60%;
    width: 100%;
    background: url(https://i.ibb.co/LDdYTD4f/fbcb-24.jpg);
    background-size: cover;
    background-position: center 50%;
    border-radius: 16px;
    color: transparent;
    margin: 20px 0;
    box-shadow: 0 0 5px #26262670;
}
.barra-7 .cartaos .cartao-2 .img{
    height: 60%;
    width: 100%;
    background: url(https://i.ibb.co/XfxKVYk8/dia-14-2.jpg);
    background-size: cover;
    background-position: 75% bottom;
    border-radius: 16px;
    color: transparent;
    margin: 20px 0;
    box-shadow: 0 0 5px #26262670;
}
.barra-7 .cartaos .cartao .trampo{
    font-family: "Nexa", serif;
    font-size: 1.5em;
    text-transform: capitalize;
    font-weight: 500;
}
.barra-7 .cartaos .cartao .funcao{
    font-family: "Nexa", serif;
    font-size: 1em;
    text-transform: capitalize;
    font-weight: 200;
}
.barra-8{
    height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.barra-8 .paragrafo{
    width: 50%;
    align-self: end;
    text-align: justify;
    transform: translateX(-150px);
    font-size: 1.5em;
}
.barra-8 .decor{
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}
#filme:hover #dadosfilme{
    opacity: 1;
    transition: .3s ease-in-out;
}
#filme:hover{
    background-size: 135%;
    transition: .3s ease-in-out;
}
.barra-9{
    width: 100%;
    height: 90vh;
    display: flex;
    flex-direction: column;
}
.barra-9 p, .barra-10 p, .barra-11 p{
    font-family: "Nura", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
    text-transform: uppercase;
    font-size: 2em;
    display: flex;
    align-items: center;
    color: #f5f0f0;
    fill: #f5f0f0;
    gap: 10px;
}
.barra-9 .cartaos{
    transform: translateY(50px);
    height: 70%;
}
.barra-9 .cartaos div, .barra-10 .cartaos div{
    cursor: pointer;
}
.barra-9 .cartaos .cartao-1{
    height: 100%;
    width: 100%;
    background: url(https://i.ibb.co/KcNW2YC3/MQL-18.jpg);
    background-size: 150%;
    background-position: center 20%;
    border-radius: 16px;
    margin: 20px 0;
    padding: 0;
    box-shadow: 0 0 5px #26262670;
    display: flex;
    flex-flow: column;
    justify-content: end;
}
.barra-9 .cartaos .cartao-1 .dados{
    width: 100%;
    background: linear-gradient(rgba(245,240,240,0), rgba(245,240,240,1));
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    padding: 15px;
    height: 100%;
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.barra-9 .cartaos .cartao .trampo{
    font-family: "Nexa", serif;
    font-size: 3em;
    text-transform: capitalize;
    font-weight: 500;
    display: flex;
    align-items: end;
    padding: 5px;
    color: #f5f0f0;
    text-shadow: .5px .5px 2px #262626;
}
.barra-9 .cartaos .cartao .trampo span{
    margin-left: 5px;
    color: #e62e00;
}
.barra-9 .cartaos .cartao .direcao{
    font-size: 1.2em;
    font-weight: 400;
    text-transform: capitalize;
}
.barra-9 .cartaos .cartao .funcao{
    font-family: "Nexa", serif;
    font-size: 1em;
    text-transform: capitalize;
    font-weight: 200;
}
.barra-10{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.barra-10 .cartaos{
    height: 70%;
}
.barra-10 .cartaos .cartao{
    height: 50vh;
}
.barra-10 .cartaos .cartao-1{
    width: 100%;
    background: url(https://i.ibb.co/cSY8sHQV/MG-2453.jpg);
    background-size: 150%;
    background-position: center 45%;
    border-radius: 16px;
    margin: 20px 0;
    padding: 0;
    box-shadow: 0 0 5px #26262670;
    display: flex;
    flex-flow: column;
    justify-content: end;
    cursor: pointer;
}
.barra-10 .cartaos .cartao-2{
    width: 100%;
    background: url(https://i.ibb.co/21MYjs7f/ohqnsa-divulga-2.jpg);
    background-size: 150%;
    background-position: center;
    border-radius: 16px;
    margin: 20px 0;
    padding: 0;
    box-shadow: 0 0 5px #26262670;
    display: flex;
    flex-flow: column;
    justify-content: end;
}
.barra-10 .cartaos .cartao-3{
    width: 100%;
    background: url(https://i.ibb.co/d0FDg6h4/RH-2244.jpg);
    background-size: 150%;
    background-position: left bottom;
    border-radius: 16px;
    margin: 20px 0;
    padding: 0;
    box-shadow: 0 0 5px #26262670;
    display: flex;
    flex-flow: column;
    justify-content: end;
}
.barra-10 .cartaos .cartao-4{
    width: 100%;
    background: url(https://i.ibb.co/4n9xRp1b/cdm.jpg);
    background-size: 150%;
    background-position: center 30%;
    border-radius: 16px;
    margin: 20px 0;
    padding: 0;
    box-shadow: 0 0 5px #26262670;
    display: flex;
    flex-flow: column;
    justify-content: end;
}   
.barra-10 .cartaos div .dados{
    display: flex;
    width: 100%;
    background: linear-gradient(rgba(245,240,240,0), rgba(245,240,240,1));
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    height: 100%;
    padding: 15px;
    flex-direction: column;
    justify-content: end;
    opacity: 0;
}
.barra-10 .cartaos .cartao .trampo{
    font-family: "Nexa", serif;
    font-size: 3em;
    text-transform: capitalize;
    font-weight: 500;
    display: flex;
    align-items: end;
    padding: 5px;
    color: #f5f0f0;
    text-shadow: .5px .5px 2px #262626;
}
.barra-10 .cartaos .cartao .trampo span{
    margin-left: 5px;
    color: #e62e00;
}
.barra-10 .cartaos .cartao .direcao{
    font-size: 1.2em;
    font-weight: 400;
    text-transform: capitalize;
}
.barra-10 .cartaos .cartao .funcao{
    font-family: "Nexa", serif;
    font-size: 1em;
    text-transform: capitalize;
    font-weight: 200;
}
.barra-11{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.barra-11 .cartaos{
    height: 70%;
}
.barra-11 .cartaos .cartao{
    height: 50vh;
}
.barra-11 .cartaos .cartao div{
    cursor: pointer;
}
.barra-11 .cartaos .cartao-1{
    width: 100%;
    background: url(https://i.ibb.co/PsD2ydxk/IMG-9233-1.jpg);
    background-size: 150%;
    background-position: center 45%;
    border-radius: 16px;
    margin: 20px 0;
    padding: 0;
    box-shadow: 0 0 5px #26262670;
    display: flex;
    flex-flow: column;
    justify-content: end;
    cursor: pointer;
}
.barra-11 .cartaos .cartao-2{
    width: 100%;
    background: url(https://i.ibb.co/HLJphbCk/53407185759-a9ed5fe5a4-k.jpg);
    background-size: 150%;
    background-position: center 30%;
    border-radius: 16px;
    margin: 20px 0;
    padding: 0;
    box-shadow: 0 0 5px #26262670;
    display: flex;
    flex-flow: column;
    justify-content: end;
}
.barra-11 .cartaos .cartao-3{
    width: 100%;
    background: url(https://i.ibb.co/ZR7ptZxK/sample.jpg);
    background-size: 150%;
    background-position: center bottom;
    border-radius: 16px;
    margin: 20px 0;
    padding: 0;
    box-shadow: 0 0 5px #26262670;
    display: flex;
    flex-flow: column;
    justify-content: end;
}
.barra-11 .cartaos .cartao-4{
    width: 100%;
    background: url(https://i.ibb.co/ZR7ptZxK/sample.jpg);
    background-size: 150%;
    background-position: center 30%;
    border-radius: 16px;
    margin: 20px 0;
    padding: 0;
    box-shadow: 0 0 5px #26262670;
    display: flex;
    flex-flow: column;
    justify-content: end;
}   
.barra-11 .cartaos div .dados{
    display: flex;
    width: 100%;
    background: linear-gradient(rgba(245,240,240,0), rgba(245,240,240,1));
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    height: 100%;
    padding: 15px;
    flex-direction: column;
    justify-content: end;
    opacity: 0;
}
.barra-11 .cartaos .cartao .trampo{
    font-family: "Nexa", serif;
    font-size: 3em;
    text-transform: capitalize;
    font-weight: 500;
    display: flex;
    align-items: end;
    padding: 5px;
    color: #f5f0f0;
    text-shadow: .5px .5px 2px #262626;
}
.barra-11 .cartaos .cartao .trampo strong{
    margin-left: 5px;
    font-weight: 200;
    text-transform: uppercase;
}
.barra-11 .cartaos .cartao .trampo span{
    margin-left: 5px;
    color: #e62e00;
}
.barra-11 .cartaos .cartao .direcao{
    font-size: 1.2em;
    font-weight: 400;
    text-transform: capitalize;
}
.barra-11 .cartaos .cartao .funcao{
    font-family: "Nexa", serif;
    font-size: 1em;
    text-transform: capitalize;
    font-weight: 200;
}
.resumo{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 5vh;
}
.resumo .colunas{
    display: flex;
    justify-content: center;
    gap: 5vw;
}
.resumo p{
    font-family: "Nura", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
    text-transform: uppercase;
    font-size: 2em;
    display: flex;
    align-items: center;
    color: #f5f0f0;
    fill: #f5f0f0;
    gap: 10px;
}
.resumo span{
    font-weight: 200;
}
.barra-12 .colunas tr:nth-child(odd) td:first-child{
    height: 4vh;
    font-weight: 500;
    font-size: .8em;
    width: 5vw;
    text-transform: uppercase;
    padding-right: 5px;
}
.barra-12 .colunas tr:nth-child(even) td:first-child{
    font-weight: 300;
    font-size: .8em;
    text-transform: uppercase;
    padding-right: 5px;
    transform: translateY(-10px);
}
.barra-12 .colunas span{
    font-size: .5em;
    text-transform: capitalize;
    font-weight: 200;
    text-transform: uppercase;
    margin-left: 5px;
    vertical-align: super;
    color: #f5f0f0;
}
.barra-12 .colunas tr:nth-child(odd) td:nth-child(2){
    font-size: 1.2em;
    text-transform: capitalize !important;
    font-weight: 700;
    /* width: 40vw; */
}
.barra-12 .colunas tr:nth-child(even) td:nth-child(2){
    text-transform: uppercase;
    font-size: .8em;
    padding-left: 15px;
    font-weight: 300;
    transform: translateY(-10px);
    /* transform: translatex(-60px); */
}
.barra-13 .colunas tr:nth-child(odd) td:first-child{
    font-weight: 500;
    font-size: .8em;
    width: 5vw;
    text-transform: uppercase;
    padding-right: 5px;
}
.barra-13 .colunas tr:nth-child(even) td:first-child{
    font-weight: 300;
    font-size: .8em;
    text-transform: uppercase;
    padding-right: 5px;
}
.barra-13 .colunas tr:nth-child(odd) td:nth-child(2){
    font-size: 1.2em;
    text-transform: capitalize;
    font-weight: 700;
    /* width: 40vw; */
}
.barra-13 .colunas tr:nth-child(even) td:nth-child(2){
    text-transform: uppercase;
    font-size: .8em;
    padding-left: 15px;
    font-weight: 300;
}
.barra-14 .colunas tr:nth-child(odd) td:first-child{
    font-weight: 500;
    font-size: .8em;
    width: 5vw;
    text-transform: uppercase;
    padding-right: 5px;
}
.barra-14 .colunas tr:nth-child(even) td:first-child{
    font-weight: 300;
    font-size: .8em;
    text-transform: uppercase;
    padding-right: 5px;
}
.barra-14 .colunas tr:nth-child(odd) td:nth-child(2){
    font-size: 1.2em;
    text-transform: capitalize;
    font-weight: 700;
    /* width: 40vw; */
}
.barra-14 .colunas tr:nth-child(even) td:nth-child(2){
    text-transform: uppercase;
    font-size: .8em;
    padding-left: 15px;
    font-weight: 300;
}
/* .final {
    display: flex;
    justify-content: center;
    font-family: 'Nura', sans-serif;
    font-weight: 800;
    position: absolute;
    border-radius: 1.5em;
    width: 100%;
    font-size: 2em;
    height: 50vh;
}
.final h1 {
font-family: 'Nura', sans-serif;
font-weight: 400;
}
.move {
  height: 1.2em;
  line-height: 1.2em;
  position: relative;
  overflow: hidden;
  width: 10em;
}
.move > span {
  position: absolute;
  top: 0;
  animation: slide 5s infinite;
  font-weight: bold;
  
}
@keyframes slide {
  0% {
    top: 0;
  }
  25% {
    top: -1.2em;
  }
  50% {
    top: -2.4em;
  }
  75% {
    top: -3.6em;
  }
} */
footer{
    position: fixed;
    bottom: 0;
    width: 100vw;
    height: 3vh;
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: .8em;
    background: linear-gradient(0deg, #f5f0f050, #f5f0f000);
}
.wa-chat-box-poweredby{
    display: none !important;
}
@media screen and (max-width:1400px) {
    body{
        color: black;
        overflow: scroll;
    }
    .barra .titulo{
        font-size: 5em;
    }
    .social a{
        font-size: 2em;
    }
    .parte-1 .decor{
        margin-top: 50px;
    }
    .parte-2 .caixa .img{
        width: 375px;
        height: 290px;
        margin-left: 15px;
    }
    .barra-2{
        height: 120vh;
    }
    .barra-2 .star{
        width: 300px;
        margin-right: 100px;
        align-self: flex-end;
    }
    .barra-2 .paragrafo{
        font-size: 1em;
    }
    .barra-3 .titulo{
        width: 100%;
        margin-bottom: 3vh;
    }
    .barra-3 .listas div th{
        font-size: 1.5em;
    }
    .barra-3 .listas div td{
        font-size: 1.2em;
    }
    .barra-4 .titulo{
        width: 100%;
    }
    .barra-5 .paragrafo{
        font-size: 1.5em;
    }
}
@media screen and (max-width:999px) {
    body{
        color: #262626;
    }
    html{
        background: #f5f0f0 !important;
        max-width: 100vw;
    }
    .container{
        width: 100%;
    }
    .navbar{
        overflow: hidden;
    }
    .navbar ul{
        display: none;
    }
    .barra-1{
        flex-flow: column;
        gap: 0 !important;
    }
    .barra .titulo{
        font-size: 3em;
    }
    .parte-1{
        padding: 0 30px;
        width: 100vw;
    }
    .parte-1 .titulo{
        padding-left: 15px;
    }
    .social a{
        font-size: 1.5em;
    }
    .social div svg{
        width: 35px;
        height: 35px;
    }
    .parte-2{
        width: 90vw;
    }
    .parte-2 .titulo{
        padding: 0 30px;
    }
    .parte-2 .caixa .img{
        width: 290px;
        height: 200px;
    }
    .barra-2{
        height: 80vh;
    }
    .barra-2 .star{
        width: 150px;
        transform: translateX(80px);
        align-self: flex-end;
    }
    .barra-2 .titulo{
        padding: 0 30px;
        font-size: 3em;
        transform: translate(15px, -60px);
    }
    .barra-2 .paragrafo{
        transform: translate(0, -40px);
        width: 90%;
    }
    .barra-3{
        height: 170vh;
        margin-top: 10vh;
    }
    .barra-3 .titulo{
        padding: 0 30px;
        font-size: 3em;
    }
    .barra-3 .listas{
        width: 80%;
        flex-flow: column;
        align-items: center;
        gap: 5vh;
    }
    .barra-3 .listas div{
        width: 90%;
    }
    .barra-3 .listas div th{
        transform: translateX(0);
    }
    .barra-3 .listas div td{
        transform: translateX(40px);
        margin: 0;
        padding: 0;
        font-size: 1.1em;
    }
    .barra-4 .titulo{
        width: 100%;
    }
    .barra-4 .colunas{
        flex-flow: column;
        padding: 0 30px;
    }
    .barra-4 .colunas tr:nth-child(odd) td:first-child{
        font-size: 1em;
    }
    .barra-4 .colunas tr:nth-child(odd) td:nth-child(2){
        font-size: 1em;
    }
    .barra-4 .colunas tr:nth-child(even) td:nth-child(2){
        font-size: .6em;
    }
    .barra-5 .paragrafo{
        align-self: center;
        width: 90%;
        transform: translateX(0);
    }
}