.container.conteudo-lado-a-lado-component{padding: 70px 0 91px;overflow: auto;}
.container.conteudo-lado-a-lado-component .parent .imagem{width: min(532px, 50%);aspect-ratio: 532/339;position: relative;}
.container.conteudo-lado-a-lado-component .parent .imagem::before{content: ' ';position: absolute;width: 124px;height: 120px;background: var(--cor4);z-index: -1;}
.container.conteudo-lado-a-lado-component .parent .titulo{margin: 0 0 42px;}

/* ALIGNMENTS */
.container.conteudo-lado-a-lado-component .parent.align-right .imagem{float: right;margin: 0 0 32px 67px;}
.container.conteudo-lado-a-lado-component .parent.align-left .imagem{float: left;margin: 0 67px 32px 0;}

.container.conteudo-lado-a-lado-component .parent.square-c-orange .imagem::before{background: var(--cor4);}
.container.conteudo-lado-a-lado-component .parent.square-c-blue .imagem::before{background: var(--cor5);}
.container.conteudo-lado-a-lado-component .parent.square-h-right .imagem::before{right: -32px;}
.container.conteudo-lado-a-lado-component .parent.square-h-left .imagem::before{left: -32px;}
.container.conteudo-lado-a-lado-component .parent.square-v-top .imagem::before{top: -32px;}
.container.conteudo-lado-a-lado-component .parent.square-v-bottom .imagem::before{bottom: -32px;}
.container.conteudo-lado-a-lado-component .parent .texto p, .container.conteudo-lado-a-lado-component .parent .texto h1 {display: inline;}

@media(max-width: 1200px){
    .container.conteudo-lado-a-lado-component{padding: 50px 0 !important;}
    .container.conteudo-lado-a-lado-component .parent .titulo{margin: 0 0 30px;}
    .container.conteudo-lado-a-lado-component .parent.align-right .imagem{margin: 0 0 20px 30px;}
    .container.conteudo-lado-a-lado-component .parent.align-left .imagem{margin: 0 30px 20px 0;}
}

@media(max-width: 990px){
    .container.conteudo-lado-a-lado-component{padding: 30px 0 !important;}
    .container.conteudo-lado-a-lado-component .parent .titulo{margin: 0 0 20px;}
}

@media(max-width: 910px){
    .container.conteudo-lado-a-lado-component .parent .imagem::before{display: none;}
    .container.conteudo-lado-a-lado-component .parent .imagem{float: none !important;margin: 0 auto 30px !important;width: min(500px, 100%) !important;display: block;}
    .container.conteudo-lado-a-lado-component .parent .titulo{text-align: center !important;}
    .container.conteudo-lado-a-lado-component .parent .texto{text-align-last: center !important;}
}