
    /* --- CSS ÍCONES ADAPTÁVEIS --- */
    /* 1. Cores e Variáveis */
    :root {
        /* Padrão: Tema Escuro (para fundos escuros ou com imagem) */
        --badge-fill: #FFFFFF;
        /* ATUALIZADO: Cor Branca */
        --icon-color: #002873;
        /* ATUALIZADO: Cor Azul */
    }

    .adaptive-icons.light-theme {
        /* Tema Claro (para fundos brancos/claros) */
        --badge-fill: #002873;
        /* ATUALIZADO: Cor Azul */
        --icon-color: #FFFFFF;
        /* ATUALIZADO: Cor Branca */
    }

    /* 2. Posicionamento Fixo */
    .adaptive-icons {
        position: fixed;
        bottom: 40px;
        right: 40px;
        z-index: 1000;
        display: flex;
        flex-direction: column;
        gap: 15px;
        /* Espaço entre os ícones */
    }

    /* 3. Transição Suave */
    .adaptive-icon circle,
    .adaptive-icon path {
        /* A suavidade da transição continua a mesma */
        transition: fill 0.4s ease-in-out, stroke 0.4s ease-in-out;
    }
