:root {
    /* Cores para o tema escuro */
    --Cor-Handstar : linear-gradient(135deg, #0a1a33 0%, #1a2a4f 100%);
    --Cor-Fixa-Handstar:#161d2e;
    --Cor-Fixa-Texto-Handstar: #ffffff;
}
body {
    margin: 0;
    min-height: 100vh;
    /* Fundo com gradiente para efeito 3D */
    background: linear-gradient(135deg, #0a1a33 0%, #1a2a4f 100%);
    position: relative;
    /* Sombra removida para deixar o fundo limpo */
}

/* Fundo das bolinhas */
#bolinhas-bg {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

/* Bolinhas animadas */
.bolinha {
    position: absolute;
    border-radius: 50%;
    /* Gradiente radial para efeito 3D */
    background: radial-gradient(circle at 30% 30%, #5fa8e6 60%, #3a6ea5 80%, #1a2a4f 100%);
    opacity: 0.8;
    animation: mover 8s linear infinite;
    /* Sombra para efeito de profundidade */
    box-shadow: 0 8px 24px 0 #1a2a4f99, 0 2px 8px 0 #0008;
    filter: drop-shadow(0 0 8px #5fa8e6cc);
    will-change: transform, opacity;
    /* Garante que fique atrás do conteúdo */
    z-index: 0;
}

@keyframes mover {
    0% {
        transform: translateY(0) scale(1);
        opacity: 0;
    }
    50% {
        opacity: 0.8;
    }
    100% {
        transform: translateY(-100vh) scale(1.2);
        opacity: 0;
    }
}


.Corpo_Conteudo_Principal {
    width: 100vw;
    height: 100vh;
    min-height: 100vh;
    min-width: 100vw;
    margin: 0;
    padding: 0;
}