/* ============================================
   SECTION PARTICLE CANVAS STYLING
   ============================================ */

/* Ensure ALL sections are positioned for canvas */
#confianza,
#vision,
#mercados,
#tecnologia,
#resultados,
#roadmap,
#contacto {
    position: relative;
    overflow: hidden;
}

/* Make sure content is above canvas */
#confianza>*:not(.section-particle-canvas),
#vision>*:not(.section-particle-canvas),
#mercados>*:not(.section-particle-canvas),
#tecnologia>*:not(.section-particle-canvas),
#resultados>*:not(.section-particle-canvas),
#roadmap>*:not(.section-particle-canvas),
#contacto>*:not(.section-particle-canvas) {
    position: relative;
    z-index: 1;
}

/* Enhance section depth with subtle shadow overlays */
.section {
    box-shadow: inset 0 100px 80px -80px rgba(0, 0, 0, 0.3),
        inset 0 -100px 80px -80px rgba(0, 0, 0, 0.3);
}

/* Card lift effect */
.philosophy-card,
.tech-card,
.mode-card,
.cascade-content {
    transform-style: preserve-3d;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.philosophy-card:hover,
.tech-card:hover,
.mode-card:hover {
    transform: translateZ(30px) rotateX(2deg) rotateY(2deg);
}