.atom-section {
    height: 120vh;
    background: radial-gradient(circle at center, #070b18 0%, #000 70%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.atom-scene {
    position: relative;
    width: min(90vw, 900px);
    height: min(90vw, 900px);
    perspective: 1600px;
    transform-style: preserve-3d;
}

/* NÚCLEO */
.atom-core {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: clamp(1.4rem, 2.5vw, 2rem);
    font-weight: 600;
    letter-spacing: 0.3em;
    color: #e0f2ff;
    text-shadow: 0 0 20px rgba(56,189,248,0.9), 0 0 60px rgba(99,102,241,0.6);
    animation: corePulse 3.5s ease-in-out infinite;
}

@keyframes corePulse {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.9;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.15);
        opacity: 1;
    }
}

/* ÓRBITAS VISÍVEIS */
.atom-orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 520px;
    height: 300px;
    border: 1px solid rgba(56,189,248,0.25);
    border-radius: 50%;
    transform-style: preserve-3d;
    box-shadow: 0 0 25px rgba(56,189,248,0.2);
}

/* PALAVRAS */
.atom-word {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: clamp(0.7rem, 1.1vw, 1.1rem);
    font-weight: 500;
    white-space: nowrap;
    color: #e6f3ff;
    pointer-events: none;
    text-shadow: 0 0 6px rgba(56,189,248,0.9), 0 0 16px rgba(99,102,241,0.7);
}

/* PARTÍCULAS */
.atom-particle {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: radial-gradient(circle, #7dd3fc, #0ea5e9);
    box-shadow: 0 0 12px #38bdf8;
}

/* MOBILE */
@media (max-width: 768px) {
    .atom-orbit {
        width: 360px;
        height: 220px;
    }
}