/* Contención estricta de tsParticles solo en la sección #about */

#about {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background: #00020f !important;
    z-index: 1 !important;
    contain: layout style paint !important;
}

#about-particles {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    z-index: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
    contain: strict !important;
}

#about-particles canvas {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    display: block !important;
    overflow: hidden !important;
}

/* El contenido de about debe estar sobre las partículas */
#about .container {
    position: relative !important;
    z-index: 10 !important;
    pointer-events: auto !important;
}

/* Forzar que canvas de tsParticles no se salga */
#about canvas {
    clip-path: inset(0) !important;
}