main {
    height: 747px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    main .container {
        display: flex;
        align-items: center;
        margin-bottom: 7rem;
        gap: 3.4375rem;
    }

        main .main-banner-container {
            width: 100%;
        }

            main .main-banner {
                background-color: var(--preto-950);
                border-radius: 0 var(--main-border-radius) 0 var(--main-border-radius);
                width: 491px;
                height: 295px;
                display: flex;
                justify-content: center;
                align-items: center;
            }

                main .main-seta-esquerda img, main .main-seta-direita img {
                    width: 53px;
                    height: 53px;
                }

                main .main-seta-esquerda img:hover {
                    content: url(../assets/icones/seta-main-carrossel-hover-esquerda.svg);
                    cursor: pointer;
                }

                main .main-seta-direita img:hover {
                    content: url(../assets/icones/seta-main-carrossel-hover-direita.svg);
                    cursor: pointer;
                }

                main .main-banner h1 {
                    color: var(--off-white-100);
                    text-align: center;
                    padding: 0 45px;
                }

/* mobile main */

.mobile-main {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .mobile-main .container {
        flex-direction: column;
        gap: var(--spacing-32);
        align-items: center;
    }

        .mobile-main .titulo-texto {
            display: flex;
            flex-direction: column;
            gap: var(--spacing-14);
            align-items: center;
            text-align: center;
        }

            .mobile-main .titulo-texto h3 {
                width: 300px;
            }

/* mobile main carrossel */

.mobile-main-carrossel {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--base-grid-spacing);
}

    .mobile-main-carrossel .img-container {
        width: 100%;
        height: 332px;
    }

/* setas hidden */

.main-economia-criativa .main-seta-esquerda, .main-economia-criativa .main-seta-direita, .main-eixos .main-seta-esquerda, .main-eixos .main-seta-direita, .main-eixo-pesquisa .main-seta-esquerda, .main-eixo-pesquisa .main-seta-direita, .main-eixo-escola-criativa .main-seta-esquerda, .main-eixo-escola-criativa .main-seta-direita, .main-eixo-territorios-criativos .main-seta-esquerda, .main-eixo-territorios-criativos .main-seta-direita, .main-eixo-difusao .main-seta-esquerda, .main-eixo-difusao .main-seta-direita, .main-eixo-fomento .main-seta-esquerda, .main-eixo-fomento .main-seta-direita {
    visibility: hidden;
}

/* cores dos banners */

.main-economia-criativa .main-banner, .main-eixo-fomento .main-banner {
    background-color: var(--azul-800);
}

.main-eixo-pesquisa .main-banner {
    background-color: var(--amarelo-500);
}

.main-eixo-escola-criativa .main-banner {
    background-color: var(--rosa-500);
}

.main-eixo-territorios-criativos .main-banner {
    background-color: var(--verde-500);
}

.main-eixo-difusao .main-banner {
    background-color: var(--vermelho-500);
}

/* cores dos h1 dos banners */

.main-eixo-pesquisa .main-banner h1, .main-eixo-escola-criativa .main-banner h1, .main-eixo-territorios-criativos .main-banner h1, .main-eixo-fomento .main-banner h1 {
    color: black;
}

/* imagem de fundo */

.main-economia-criativa, .mobile-main-economia-criativa-img .img-container {
    background-image: url(../assets/img/main-economia-criativa.jpg);
}

.main-eixos, .mobile-main-eixos-img .img-container {
    background-image: url(../assets/img/main-eixos.jpg);
}

.main-eixo-pesquisa, .mobile-main-eixo-pesquisa-img .img-container {
    background-image: url(../assets/img/novo-eixo-pesquisa-main.jpg);
}

.main-eixo-escola-criativa, .mobile-main-eixo-escola-criativa-img .img-container {
    background-image: url(../assets/img/main-eixo-escola-criativa.jpg);
}

.main-eixo-territorios-criativos, .mobile-main-eixo-territorios-criativos-img .img-container {
    background-image: url(../assets/img/main-eixo-territorios-criativos.jpg);
}

.main-eixo-fomento, .mobile-main-eixo-fomento-img .img-container {
    background-image: url(../assets/img/main-eixo-fomento.jpg);
}

.main-eixo-difusao, .mobile-main-eixo-difusao-img .img-container {
    background-image: url(../assets/img/main-eixo-difusao.jpg);
}

.main-publicacoes,
.mobile-main-publicacoes-img .img-container {
    background-image: url(../assets/img/publicacoes-banner.jpg);
}

/* correção de espaçamento */

.mobile-main-economia-criativa .container, .mobile-main-eixos .container, .mobile-main-eixo-pesquisa .container, .mobile-main-eixo-escola-criativa .container, .mobile-main-eixo-territorios-criativos .container, .mobile-main-eixo-fomento .container, .mobile-main-eixo-difusao .container {
    gap: 0;
}