/* eixos */

.eixos {
    background-color: var(--preto-950);
    display: flex;
    justify-content: center;
}

    .eixos .container {
        flex-direction: column;
        gap: var(--spacing-40);
        color: var(--off-white-100);
        align-items: center;
    }

        .eixos h1 {
            text-align: center;
            width: 65%;
        }

        .eixos .cards-eixos-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            gap: var(--base-grid-spacing);
        }

            .eixos .cards-eixos-container a {
                text-decoration: none;
                width: 406px;
            }

        .eixos .pagination-dots .dot:hover {
        background-color: var(--off-white-100);
}

        .eixos .eixos-controle, .calendario-eventos .card-calendario-controle {
            align-items: center;
            justify-content: center;
            gap: var(--spacing-12);
        }

            .eixos .eixos-controle img, .calendario-eventos .card-calendario-controle img {
                width: 42px;
                height: 42px;
            }

            .eixos .eixos-controle .seta-branca-hover-esquerda:hover, .calendario-eventos .card-calendario-controle .seta-branca-hover-esquerda:hover {
                content: url(../assets/icones/seta-main-carrossel-hover-esquerda.svg);
            }

            .eixos .eixos-controle .seta-branca-hover-direita:hover, .calendario-eventos .card-calendario-controle .seta-branca-hover-direita:hover {
                content: url(../assets/icones/seta-main-carrossel-hover-direita.svg);
            }

/* cards */

.card-eixo {
    width: 406px;
    height: 200px;
    display: flex;
    border-radius: 0.609375rem/*9.75px*/;
    transition: background-color 0.3s;
}

.card-eixo:hover {
    cursor: pointer;
}

.card-eixo:hover .card-bottom h3 {
    color: var(--preto-950);
}

.card-eixo:hover .card-bottom img {
    content: url(../assets/icones/seta-preta-baixo.svg);
}

/* card pesquisa e divulgação */

    .pesquisa-e-divulgacao {
        border: 2px solid var(--amarelo-500);
    }

    .pesquisa-e-divulgacao:hover {
        background-color: var(--amarelo-500);
    }

    .pesquisa-e-divulgacao:hover .card-top img {
        content: url(../assets/icones/icone-eixo-pesquisa-preto.svg);
    }

/* card escola criativa */

    .escola-criativa {
        border: 2px solid var(--rosa-500);
    }

    .escola-criativa:hover {
        background-color: var(--rosa-500);
    }

    .escola-criativa:hover .card-top img {
        content: url(../assets/icones/icone-eixo-escola-preto.svg);
    }

/* card territórios criativos */

    .territorios-criativos {
        border: 2px solid var(--verde-500);
    }

    .territorios-criativos:hover {
        background-color: var(--verde-500);
    }

    .territorios-criativos:hover .card-top img {
        content: url(../assets/icones/icone-eixo-territorios-preto.svg);
    }

/* card hubs criativos */

    .hubs-criativos {
        border: 2px solid var(--vermelho-500);
    }

    .hubs-criativos:hover {
        background-color: var(--vermelho-500);
    }

    .hubs-criativos:hover .card-top img {
        content: url(../assets/icones/icone-eixo-hubscriativos-preto.svg);
    }

/* card fomento e difusão */

    .fomento-e-difusao {
        border: 2px solid var(--azul-800);
    }

    .fomento-e-difusao:hover {
        background-color: var(--azul-800);
    }

    .fomento-e-difusao:hover .card-top img {
        content: url(../assets/icones/icone-eixo-fomento-preto.svg);
    }

/**/

    .card-content-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        margin: var(--spacing-24);
    }

        .card-top {
            display: flex;
            justify-content: start;
            align-items: center;
        }

        .card-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            .card-bottom h3 {
                width: 35%;
                line-height: 1.875rem;
            }

            .card-bottom img {
                width: 53px;
                height: 53px;
            }

/* institucional */

.institucional-2-eixos {
    display: flex;
    justify-content: center;
}

    .institucional-2-eixos .container {
        flex-direction: column;
        align-items: center;
        gap: var(--base-grid-spacing);
    }

        .institucional-2-eixos .institucional-2-content-setas {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: var(--spacing-40);
        }

            .institucional-2-eixos .institucional-2-content-setas img {
                width: 53px;
                height: 53px;
            }

            .institucional-2-eixos .institucional-2-content-setas .seta-azul-esquerda:hover {
                content: url(../assets/icones/seta-azul-hover-esquerda.svg);
            }

            .institucional-2-eixos .institucional-2-content-setas .seta-azul-direita:hover {
                content: url(../assets/icones/seta-azul-hover-direita.svg);
            }

                .institucional-2-eixos .institucional-2-content-setas .institucional-2-content {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    gap: var(--base-grid-spacing);
                }

                    .institucional-2-eixos .institucional-2-content .texto-container {
                        display: flex;
                        flex-direction: column;
                        gap: var(--spacing-40);
                    }

                        .institucional-2-eixos .institucional-2-content .titulo-texto {
                            display: flex;
                            flex-direction: column;
                            gap: var(--spacing-18);
                        }

                        .institucional-2-eixos .institucional-2-content button {
                            width: 335px;
                        }

                .institucional-2-eixos .institucional-2-content .img-container {
                    background-image: url(../assets/img/institucional2-img.jpg);
                    height: 613px;
                    width: 85%;
                    border-radius: 0 var(--main-border-radius) 0 var(--main-border-radius);
                }

                #institucional-eixo-pesquisa .img-container {
                    height: 613px;
                    width: 85%;
                    border-radius: 0 var(--main-border-radius) 0 var(--main-border-radius);
                }

/* projetos em execução */

.projetos-em-execucao {
    display: flex;
    justify-content: center;
}

    .projetos-em-execucao .container {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-40);
    }

        .projetos-em-execucao .projetos-container {
            display: flex;
            flex-wrap: wrap;
            row-gap: var(--spacing-32);
            justify-content: space-between;
        }

            .projetos-em-execucao .projeto {
                display: flex;
                flex-direction: column;
                width: 625px;
                gap: var(--spacing-12);
            }

                .projetos-em-execucao .projeto a {
                    text-decoration: none;
                }

                    .projetos-em-execucao .projeto a .projeto-link {
                        display: flex;
                        align-items: center;
                        gap: var(--spacing-10);
                    }

                        .projetos-em-execucao .projeto a .projeto-link img {
                            width: 15px;
                            height: 15px;
                        }

                        .projetos-em-execucao .projeto a .projeto-link:hover img {
                            content: url(../assets/icones/seta-azul-projeto-link-hover.svg);
                        }

                        .projetos-em-execucao .projeto a .projeto-link h3 {
                            text-transform: uppercase;
                            color: var(--azul-800);
                            font-weight: 700;
                        }

                        .projetos-em-execucao .projeto a .projeto-link:hover h3 {
                            color: #2b0895;
                        }

                .projetos-em-execucao .projeto p {
                    font-size: 1.5rem;
                    line-height: 2.15rem;
                    color: var(--preto-950);
                }

/** CARROSSEL PROJETOS*/
.carrossel-projetos .carrossel-slide { 
    display: none;
	padding-bottom: 10px;   
}
.carrossel-projetos .carrossel-slide.active { 
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--base-grid-spacing);
}
/* Destaque para a bolinha ativa do carrossel */
.carrossel-projetos .pagination-dots .dot.active {
     width: 24px;
     height: 8.8px;
     border-radius: 8.8px;
     background: #ccc;
     transition: width 0.3s;
}
.carrossel-projetos .dot { background: #ccc; }