#possiveisImpactos {

    .grafico-enos {
        width: 100%;
        max-width: 1200px;
        transition: background-color 0.3s ease, box-shadow 0.3s ease;

        /* Adiciona a barra de rolagem horizontal quando necessário */
        overflow-x: auto;

        /* Nova classe para forçar o tamanho do gráfico */
        .chart-wrapper {
            /* Define uma largura mínima. Se a tela for menor que isso, o scroll aparece */
            min-width: 800px;
            /* Altura fixa ou relativa para o gráfico não sumir */
            height: 400px;
        }
    }

    .legenda-enos {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;

        color: var(--cor-fonte);
        width: 100%;
        box-sizing: border-box;
        margin-block: 30px;

        .legenda-item {
            display: flex;
            align-items: center;
            margin-bottom: 8px;
        }

        .legenda-item:last-child {
            margin-bottom: 0;
        }

        /* Estilização da caixa de cor */
        .cor-box {
            width: 28px;
            height: 14px;
            margin-right: 12px;
            flex-shrink: 0;
        }

        /* Cores específicas de fundo e borda baseadas na imagem */
        .nino-muito-forte {
            background-color: #a30000;
            border: 1px solid #a30000;
        }

        .nino-forte {
            background-color: #ff3333;
            border: 1px solid #ff3333;
        }

        .nino-moderado {
            background-color: #ff8080;
            border: 1px solid #ff3333;
        }

        .nino-fraco {
            background-color: #ffcccc;
            border: 1px solid #ff0000;
        }

        .neutro {
            background-color: #d9d9d9;
            border: 1px solid #8c8c8c;
        }

        /* 
            .nina-fraca {
                background-color: #ccdbff;
                border: 1px solid #0000ff;
            }
        
            .nina-moderada {
                background-color: #80aaff;
                border: 1px solid #0000ff;
            }
        
            .nina-forte {
                background-color: #3377ff;
                border: 1px solid #0000ff;
            }
        
            .nina-muito-forte {
                background-color: #0000cc;
                border: 1px solid #0000cc;
            } */

        /* Agrupamento e tipografia dos textos */
        .texto-grupo {
            display: flex;
            flex-direction: column;
            line-height: 1.3;
        }

        .titulo {
            font-size: 0.655rem;
        }

        .indice {
            font-size: 0.655rem;
        }
    }

    .aviso-atencao {
        border: 2px solid #49460026;
        background-color: #ffa50008;

        p {
            color: #655c22;
        }
    }

    @media (prefers-color-scheme: dark) {
        .aviso-atencao {
            border: 2px solid #fff70126;

            p {
                color: #c5c09f;
            }
        }
    }

    .link-referencia {
        font-size: 0.8rem;
        color: var(--cor-fonte-secundaria);
        transition: all 0.2s ease;

        &:hover,
        &:focus {
            color: var(--cor-fonte);
        }
    }

    .container-imagens {
        position: relative;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 30px;

        height: max-content;


        &:not(:has(.cartoes-el-nino .cartao)) {
            height: 100%;

            .cartoes-el-nino {
                height: 100%;
            }
        }

        .cartoes-el-nino {

            &:has(.cartao:hover) {
                .cartao:not(:hover) {
                    filter: brightness(0.8);

                    .titulo-cartao {
                        opacity: 0;
                    }
                }
            }

            .cartao {
                display: flex;
                margin: 0;

                transition: var(--delay-default) ease-in-out;
                border-radius: 18px;

                cursor: pointer;

                &:hover {
                    width: 50vw;
                }

                img {
                    position: absolute;
                    top: 0;
                    left: 0;

                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

                .titulo-cartao {
                    position: absolute;
                    left: 5px;
                    bottom: 5px;
                    z-index: 1;

                    display: flex;
                    justify-content: center;
                    align-items: center;

                    width: calc(100% - 10px);
                    height: 80px;

                    background-color: rgba(255, 255, 255, 0.5);
                    backdrop-filter: blur(25px);
                    opacity: 1;

                    border-radius: 13px;
                    margin: 0;

                    transition: var(--delay-default) ease;

                    font-size: 1rem;
                    font-weight: 300;
                    color: var(--cor-fonte);
                    text-align: center;
                    letter-spacing: initial;
                }
            }
        }

        @media (prefers-color-scheme: dark) {
            .cartoes-el-nino {
                .cartao {
                    .titulo-cartao {
                        background-color: rgba(14, 14, 14, 0.5);
                    }
                }
            }
        }
    }
}