:root{
    --cor1: #000;
    --cor2: #282828;

    --preto: #222222;
    --verde: #3EA72F;
    --verde-seg: #BBDAB6;
    --verde-ter: #EDF9E9;
    --verde-qua: #7BCD56;
    --verde-qui: #CBE5C4;
    --cinza: #5B5B5B;
    --cinza-seg: #CACACA;
    --branco: #ffffff;

    --font1: montserrat;

    --scrollbarWidth: 14px;

    --transition1: .2s;
    --transition2: .4s;
    --transition3: .7s;
    --transition4: 1s;
}

@media(prefers-reduced-motion){
    :root{
        --transition1: 1.2s;
        --transition2: 1.4s;
        --transition3: 1.7s;
        --transition4: 2s;
    }
}

*{padding: 0;margin: 0;line-height: inherit;vertical-align: inherit;list-style: none;text-decoration: none; box-sizing: border-box;}

body::-webkit-scrollbar{width: var(--scrollbarWidth);transition: var(--transition2);}
body::-webkit-scrollbar-thumb{background: var(--cor2);transition: var(--transition2);}
body::-webkit-scrollbar-thumb:hover{background: var(--cor2);}
body::-webkit-scrollbar-track{position: absolute;right: 0;top: 0;background: transparent;}

.container{overflow: unset;}

.conteudo-1130{width: 1130px;max-width: 90%;margin: 0 auto;--width: 1130px;}
.conteudo-1170{width: 1170px;max-width: 90%;margin: 0 auto;--width: 1170px;}
.conteudo-1140{width: 1140px;max-width: 90%;margin: 0 auto;--width: 1140px;}
.conteudo-1200{width: 1200px;max-width: 90%;margin: 0 auto;--width: 1200px;}

.texto-com-hs > *{display: inline;}

.botao-padrao{display: flex;align-items: center;justify-content: center;gap: 6px;padding: 15px 14px 13px 17px;background: var(--cor1);transition: background-color var(--transition2), color var(--transition2);width: fit-content;font: 12.5px var(--font1);font-weight: 600;color: var(--cor1);}
.botao-padrao:hover{background: var(--cor2);}
.botao-padrao p{flex: 1 1 auto;}
.botao-padrao i{background-size: contain;background-position: center center;background-repeat: no-repeat;background-image: url('../img/icones/arrow2.svg');flex: 0 0 auto;width: 7px;height: 11px;display: block;}

.fill-end-screen{width: calc(100vw - var(--width) + 100% - (100vw - var(--width)) / 2 - var(--scrollbarWidth) + var(--scrollbarWidth) / 2);position: absolute;}

.imagem-fit > *{object-fit: contain;display: block;width: 100%;height: 100%;}

.lista-flex{--gapX: 0px;--gapY: 0px;--itens: 4;display: flex;align-items: flex-start;justify-content: flex-start;gap: var(--gapY) var(--gapX);flex-wrap: wrap;}
.lista-flex > *{flex: 0 0 auto;box-sizing: border-box;width: calc(100% / var(--itens) - var(--gapX) + var(--gapX) / var(--itens));}