/* 
 * JF CX Theme - Visibility Fix
 * Soluciona problemas de elementos blancos que cubren contenido
 */

/* CRÍTICO: AI Background debe estar detrás de TODO */
.ai-background {
    position: fixed !important;
    z-index: -1 !important;
    pointer-events: none !important;
}

/* CRÍTICO: Todas las secciones deben tener z-index positivo */
section {
    position: relative !important;
    z-index: 1 !important;
}

/* Backgrounds específicos de cada sección */
.hero {
    background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%) !important;
    position: relative !important;
    z-index: 1 !important;
}

.stats {
    background: #FFFFFF !important;
    position: relative !important;
    z-index: 10 !important;
}

.social-proof {
    background: #F9FAFB !important;
    position: relative !important;
    z-index: 10 !important;
}

.services {
    background: #FFFFFF !important;
    position: relative !important;
    z-index: 10 !important;
}

.platforms {
    background: #F9FAFB !important;
    position: relative !important;
    z-index: 10 !important;
}

.why-us {
    background: #FFFFFF !important;
    position: relative !important;
    z-index: 10 !important;
}

.cta-section {
    background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%) !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Asegurar que las tarjetas son visibles */
.service-card,
.platform-card {
    background: #FFFFFF !important;
    position: relative !important;
    z-index: 20 !important;
}

.platform-card {
    background: #FFFFFF !important;
}

/* Asegurar visibilidad del texto */
.service-card *,
.platform-card *,
.why-us-item *,
.stat-item *,
.section-header * {
    position: relative !important;
    z-index: 30 !important;
}

/* Fix para el contenedor principal */
.hero-container,
.stats-container,
.services-grid,
.platforms-grid,
.why-us-grid {
    position: relative !important;
    z-index: 100 !important;
}

/* Navbar siempre arriba */
nav {
    z-index: 1000 !important;
}

/* Footer visible */
footer {
    position: relative !important;
    z-index: 100 !important;
    background: #000000 !important;
}

/* CRITICAL FIX: Scroll-reveal elements visible by default */
.scroll-reveal {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* Show all content immediately */
.service-card,
.platform-card,
.why-us-item,
.stat-item,
.section-header,
.cert-badge {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}