#cases-abertura {
    width: 100%;
    min-height: 105svh;
    position: fixed;
    top: 0px;
    z-index: 1;
    place-content: center;
    overflow: hidden;
    background: #555562;
}

#cases-video-bg {
    width: 100%;
    height: 100svh;
    object-fit: cover;
    position: absolute;
    z-index: -1;
}

#cases-abertura-texto1 {
    text-align: center;
    font-size: 32vw;
    margin: 0;
    line-height: 1.05em;
    position: relative;
    color: rgba(255, 255, 255, 0.75);
}

#cases-abertura-texto2 {
    text-align: center;
    font-size: 2vw;
    margin: 0;
    line-height: 1.15em;
    width: 65vw;
    text-transform: uppercase;
    margin: 0vh auto 0px auto;
    color: rgba(255, 255, 255, 0.75);
    /* padding-left: 6vw; */
}


#casa-encantada {
    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/cases-casa-encantada.webp);
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center;
}

#casa-encantada-texto1 {
    text-align: center;
    font-size: 27vw;
    margin: 0;
    line-height: 1.05em;
    position: relative;
    /* color: rgba(255, 255, 255, 0.75); */
}

#casa-encantada-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; */
}


#casa-encantada-detalhe1 {
    position: absolute;
    width: 30vw;
    right: 2vw;
    bottom: 3vw;
}

#cenarios-varejo {
    width: 100%;
    background: #000000;
    position: relative;
    z-index: 2;
    overflow: hidden;
    /*padding: 16vh 0px 5vh 0px;*/
    margin-bottom: -12vh;
    background-image: url(../media/cases-cenario-varejo.webp);
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center;
}

#cenarios-varejo-texto1 {
    text-align: center;
    font-size: 17vw;
    margin: 0;
    line-height: 1.05em;
    position: relative;
}

#cenarios-varejo-texto2 {
    text-align: center;
    font-size: 2vw;
    margin: 0;
    line-height: 1.15em;
    width: 55vw;
    text-transform: uppercase;
    margin: 2vh auto 0px auto;
    /* padding-left: 6vw; */
}

#cenarios-varejo-detalhe1 {
    position: absolute;
    width: 29vw;
    right: 2vw;
    bottom: 0vw;
}

#solar {
    width: 100%;
    background: #000000;
    position: relative;
    z-index: 2;
    overflow: hidden;
    /*padding: 16vh 0px 5vh 0px;*/
    margin-bottom: -12vh;
    background-image: url(../media/cases-solar.webp);
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center;
}

#solar-texto1 {
    text-align: center;
    font-size: 22vw;
    margin: 0;
    line-height: 1.05em;
    position: relative;
}

#solar-texto2 {
    text-align: center;
    font-size: 2vw;
    margin: 0;
    line-height: 1.15em;
    width: 52vw;
    text-transform: uppercase;
    margin: 0px auto 0px auto;
    /* padding-left: 6vw; */
}


#solar-detalhe1 {
    position: absolute;
    width: 12vw;
    right: -2vw;
    bottom: 0vw;
}

#immersive360 {
    width: 100%;
    background: #000000;
    position: relative;
    z-index: 2;
    overflow: hidden;
    /*padding: 16vh 0px 5vh 0px;*/
    margin-bottom: -12vh;
    background-image: url(../media/cases-immersive360.webp);
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center;
}

#immersive360-texto1 {
    text-align: center;
    font-size: 34vw;
    margin: 0;
    line-height: 1.05em;
    position: relative;
    /* color: rgba(255, 255, 255, 0.75); */
}

#immersive360-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; */
}


#immersive360-detalhe1 {
    position: absolute;
    width: 34vw;
    right: 6vw;
    bottom: 3vw;
}

#boticario {
    width: 100%;
    background: #000000;
    position: relative;
    z-index: 2;
    overflow: hidden;
    /*padding: 16vh 0px 5vh 0px;*/
    margin-bottom: -12vh;
    background-image: url(../media/cases-boticario.webp);
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center;
}

#boticario-texto1 {
    text-align: center;
    font-size: 14vw;
    margin: 0;
    line-height: 1.05em;
    position: relative;
    /* color: rgba(255, 255, 255, 0.75); */
}

#boticario-texto2 {
    text-align: center;
    font-size: 2vw;
    margin: 0;
    line-height: 1.15em;
    width: 60vw;
    text-transform: uppercase;
    margin: 9vh auto 0px auto;
    /* padding-left: 6vw; */
}


#boticario-detalhe1 {
    position: absolute;
    width: 30vw;
    right: 2vw;
    bottom: -4vw;
}

#siara {
    width: 100%;
    background: #000000;
    position: relative;
    z-index: 2;
    overflow: hidden;
    /*padding: 16vh 0px 5vh 0px;*/
    margin-bottom: -12vh;
    background-image: url(../media/cases-siara.webp);
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center;
}

#siara-texto1 {
    text-align: center;
    font-size: 23vw;
    margin: 0;
    line-height: 1.05em;
    position: relative;
    /* color: rgba(255, 255, 255, 0.75); */
}

#siara-texto2 {
    text-align: center;
    font-size: 2vw;
    margin: 0;
    line-height: 1.15em;
    width: 56vw;
    text-transform: uppercase;
    margin: 0px auto 0px auto;
    /* padding-left: 6vw; */
}


#siara-detalhe1 {
    position: absolute;
    width: 35vw;
    right: 8vw;
    bottom: 2vw;
}

#casa-natura {
    width: 100%;
    background: #000000;
    position: relative;
    z-index: 2;
    overflow: hidden;
    /*padding: 16vh 0px 5vh 0px;*/
    margin-bottom: -12vh;
    background-image: url(../media/cases-casa-natura.webp);
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center;
}

#casa-natura-texto1 {
    text-align: center;
    font-size: 26vw;
    margin: 0;
    line-height: 1.05em;
    position: relative;
    /* color: rgba(255, 255, 255, 0.75); */
}

#casa-natura-texto2 {
    text-align: center;
    font-size: 2vw;
    margin: 0;
    line-height: 1.15em;
    width: 56vw;
    text-transform: uppercase;
    margin: 0px auto 0px auto;
    /* padding-left: 6vw; */
}

#casa-natura-detalhe1 {
    position: absolute;
    width: 20vw;
    right: 4vw;
    bottom: 2vw;
}

#aco-cearence {
    width: 100%;
    background: #000000;
    position: relative;
    z-index: 2;
    overflow: hidden;
    /*padding: 16vh 0px 5vh 0px;*/
    margin-bottom: -12vh;
    background-image: url(../media/cases-aco-cearense.webp);
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center;
}

#aco-cearence-texto1 {
    text-align: center;
    font-size: 26vw;
    margin: 0;
    line-height: 1.05em;
    position: relative;
    /* color: rgba(255, 255, 255, 0.75); */
}

#aco-cearence-texto2 {
    text-align: center;
    font-size: 2vw;
    margin: 0;
    line-height: 1.15em;
    width: 50vw;
    text-transform: uppercase;
    margin: 4vw auto 0px auto;
    /* padding-left: 6vw; */
}


#aco-cearence-detalhe1 {
    position: absolute;
    width: 25vw;
    right: 2vw;
    bottom: 2vw;
}

#cases-rodape360 {
    width: 100%;
    min-height: 100svh;
    background: #ff6700;
    z-index: 8;
    position: sticky;
    top: 0px;
} 