<div class="gpm-home-wrapper">
    <section class="landing-header">
        <h1 class="fade-in-up">Transformación Digital del SG-SST</h1>
        <p class="lead fade-in-up" style="color:var(--gpm-white);">Con Odoo Human Resources e IA para Directores de Talento Humano</p>
        <p class="fade-in-up" style="max-width:800px;margin:1rem auto;color:rgba(255,255,255,0.7);">En el panorama actual, la gestión de SST ha dejado de ser un mero requisito para convertirse en una función de negocio crítica. Seguir operando con Excel no solo es ineficiente, sino un riesgo financiero severo.</p>
    </section>
    
    <section class="sst-grid fade-in-up">
        <div class="sst-card">
            <h4>Sobrecarga de Evidencia</h4>
            <p style="color:rgba(255,255,255,0.6);font-size:0.9rem;">El Decreto 1072 exige trazabilidad estricta hasta por 20 años.</p>
        </div>
        <div class="sst-card">
            <h4>Riesgos Legales</h4>
            <p style="color:rgba(255,255,255,0.6);font-size:0.9rem;">Las firmas simples carecen de validez probatoria ante un accidente.</p>
        </div>
        <div class="sst-card">
            <h4>Responsabilidad Solidaria</h4>
            <p style="color:rgba(255,255,255,0.6);font-size:0.9rem;">Falta de control en tiempo real sobre la seguridad social de terceros.</p>
        </div>
        <div class="sst-card">
            <h4>Fricción en Recobros</h4>
            <p style="color:rgba(255,255,255,0.6);font-size:0.9rem;">Incapacidades huérfanas afectan la cartera de la empresa.</p>
        </div>
    </section>

    <h2 class="text-center" style="color:var(--gpm-white);margin-top:4rem;">El Flujo de Negocio E2E</h2>
    
    <div class="sst-timeline fade-in-up">
        <div class="timeline-item">
            <h3>Fase 1: Planificación (Planear)</h3>
            <p style="color:rgba(255,255,255,0.7);">Odoo HR se integra con nómina. Bloqueo automático de contratistas sin seguridad social. Firmas digitales con validez jurídica (ECA).</p>
        </div>
        <div class="timeline-item">
            <h3>Fase 2: Prevención (Hacer)</h3>
            <p style="color:rgba(255,255,255,0.7);">Integración IoT en tiempo real para variables ambientales. Formación inmersiva en Realidad Virtual (VR) para tareas de alto riesgo.</p>
        </div>
        <div class="timeline-item">
            <h3>Fase 3: Incidentes (Verificar)</h3>
            <p style="color:rgba(255,255,255,0.7);">Agentes de IA leen incapacidades médicas y preparan reportes (FURAT). Automatización RPA para conciliación y depuración de cartera.</p>
        </div>
        <div class="timeline-item">
            <h3>Fase 4: Analítica (Actuar)</h3>
            <p style="color:rgba(255,255,255,0.7);">Modelos predictivos que anticipan incidentes. Tableros BI en tiempo real sobre cumplimiento de Estándares Mínimos (Res. 0312).</p>
        </div>
    </div>

    <section class="roi-section fade-in-up text-center">
        <h2 style="color:var(--gpm-white);">El Retorno de Inversión (ROI)</h2>
        <p style="color:rgba(255,255,255,0.8);max-width:700px;margin:1rem auto;">Reducción del 70% en carga administrativa, mitigación de multas (hasta 500 SMMLV) y recuperación ágil de cartera. La tecnología es su único blindaje real.</p>
    </section>
</div>