Tul xxx Tul

Viewing: index.php

<?php
if (!defined('ABSPATH')) {
    define('ABSPATH', dirname(dirname(__DIR__)) . '/');
}
require_once ABSPATH . 'config/database.php';
$esMaster = isMaster();
if (!$esMaster) {
    echo "<div class='alert alert-danger m-4'>Acceso denegado. Este módulo es exclusivo para el rango Master.</div>";
    exit;
}
?>

<style>
/* ═══════════════════════════════════════════════════════════════════════════
   PREDICCIÓN IA MODULE - NEO-BRUTALIST REMASTER
   ═══════════════════════════════════════════════════════════════════════════ */

#fracaso-module * {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif !important;
    border-radius: 0 !important;
}

/* Keep spinners round */
#fracaso-module .spinner-border,
#fracaso-module .spinner-grow,
.spinner-border,
.spinner-grow {
    border-radius: 50% !important;
}

#fracaso-module .module-title {
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}

#fracaso-module .module-subtitle {
    font-family: 'JetBrains Mono', 'Courier New', monospace !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.5px !important;
}

/* Main Card */
#fracaso-module .main-card {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 2px solid rgba(16, 163, 127, 0.3) !important;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.3) !important;
    transition: all 0.2s ease !important;
}

#fracaso-module .main-card:hover {
    transform: translate(-2px, -2px) !important;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.4) !important;
}

/* Buttons */
#fracaso-module .btn-evaluar {
    background: linear-gradient(135deg, #10a37f 0%, #0d8968 100%) !important;
    border: 2px solid #10a37f !important;
    color: #000 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 2.5px !important;
    padding: 0.875rem 2rem !important;
    box-shadow: 4px 4px 0 rgba(16, 163, 127, 0.3) !important;
    transition: all 0.2s ease !important;
}

#fracaso-module .btn-evaluar:hover {
    transform: translate(-3px, -3px) !important;
    box-shadow: 7px 7px 0 rgba(16, 163, 127, 0.4) !important;
    background: linear-gradient(135deg, #12b88d 0%, #10a37f 100%) !important;
}

#fracaso-module .btn-evaluar:active {
    transform: translate(0, 0) !important;
    box-shadow: 2px 2px 0 rgba(16, 163, 127, 0.3) !important;
}

#fracaso-module .btn-historial {
    background: transparent !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    color: var(--text-secondary) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 0.875rem 2rem !important;
    box-shadow: 3px 3px 0 rgba(255, 255, 255, 0.1) !important;
    transition: all 0.2s ease !important;
}

#fracaso-module .btn-historial:hover {
    transform: translate(-2px, -2px) !important;
    box-shadow: 5px 5px 0 rgba(255, 255, 255, 0.15) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: #fff !important;
}

#fracaso-module .btn-historial:active {
    transform: translate(0, 0) !important;
    box-shadow: 2px 2px 0 rgba(255, 255, 255, 0.1) !important;
}

/* Result Card */
#fracaso-module .result-card {
    background: rgba(16, 163, 127, 0.05) !important;
    border: 2px solid rgba(16, 163, 127, 0.3) !important;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.3) !important;
}

#fracaso-module .result-header {
    border-bottom: 2px solid rgba(16, 163, 127, 0.3) !important;
    padding-bottom: 1rem !important;
    margin-bottom: 1.5rem !important;
}

#fracaso-module .result-header h5 {
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #10a37f !important;
}

#fracaso-module .result-text {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
    color: #e2e8f0 !important;
}

#fracaso-module .btn-aceptar {
    background: transparent !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    color: var(--text-secondary) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 0.5rem 1.5rem !important;
    box-shadow: 2px 2px 0 rgba(255, 255, 255, 0.1) !important;
    transition: all 0.2s ease !important;
}

#fracaso-module .btn-aceptar:hover {
    transform: translate(-1px, -1px) !important;
    box-shadow: 3px 3px 0 rgba(255, 255, 255, 0.15) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: #fff !important;
}

#fracaso-module .btn-aceptar:active {
    transform: translate(0, 0) !important;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1) !important;
}

/* Icon */
#fracaso-module .ai-icon {
    filter: drop-shadow(0 0 20px rgba(16, 163, 127, 0.3));
}

/* Responsive */
@media (max-width: 768px) {
    #fracaso-module .btn-evaluar,
    #fracaso-module .btn-historial {
        width: 100% !important;
        padding: 0.75rem 1.5rem !important;
        letter-spacing: 1.5px !important;
        font-size: 0.9rem !important;
    }
}

/* ── Confirmation Modal (Neo-Brutalist) ── */
#confirmModal {
    padding: 10px !important;
}

#confirmModal.show {
    padding: 10px !important;
}

body #confirmModal .modal-dialog {
    padding: 0 !important;
    margin: 1.75rem auto !important;
}

body #confirmModal .modal-content {
    background: #0f0f0f !important;
    border: 2px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.5) !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

body #confirmModal .modal-header {
    border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 0 !important;
}

body #confirmModal .modal-body {
    border-radius: 0 !important;
}

body #confirmModal .modal-footer {
    border-top: 2px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 0 !important;
}

body #confirmModal .modal-title {
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}

body #confirmModal .btn-danger {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
    border: 2px solid #ef4444 !important;
    border-radius: 0 !important;
    color: #fff !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    box-shadow: 3px 3px 0 rgba(239, 68, 68, 0.3) !important;
    transition: all 0.2s ease !important;
    font-family: 'Space Grotesk', sans-serif !important;
}

body #confirmModal .btn-danger:hover {
    transform: translate(-2px, -2px) !important;
    box-shadow: 5px 5px 0 rgba(239, 68, 68, 0.4) !important;
}

body #confirmModal .btn-danger:active {
    transform: translate(0, 0) !important;
    box-shadow: 2px 2px 0 rgba(239, 68, 68, 0.3) !important;
}

body #confirmModal .btn-secondary {
    background: transparent !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 0 !important;
    color: #fff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    box-shadow: 3px 3px 0 rgba(255, 255, 255, 0.05) !important;
    transition: all 0.2s ease !important;
    font-family: 'Space Grotesk', sans-serif !important;
}

body #confirmModal .btn-secondary:hover {
    transform: translate(-2px, -2px) !important;
    box-shadow: 5px 5px 0 rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.03) !important;
}

body #confirmModal .btn-secondary:active {
    transform: translate(0, 0) !important;
    box-shadow: 2px 2px 0 rgba(255, 255, 255, 0.05) !important;
}
</style>

<div id="fracaso-module">
<div class="row fade-in-up">
    <div class="col-12">
        <div class="module-header mb-2 text-center">
            <h1 class="module-title mb-2 text-primary justify-content-center" style="color: #10a37f !important;">
                Predicción de Futuro
            </h1>
            <p class="module-subtitle text-secondary">
                La IA investigará todas tus metas, tareas pendientes y progreso para crear una proyección analítica de
                lo que sucederá con tus objetivos.
            </p>
        </div>
    </div>
</div>

<div class="row justify-content-center fade-in-up">
    <div class="col-md-9 col-lg-8">
        <div class="main-card text-center p-4 p-md-5">
            <div class="mb-3 ai-icon">
                <svg style="font-size: 3rem; color: #10a37f; opacity: 0.8;" xmlns="http://www.w3.org/2000/svg"
                    width="64" height="64" fill="currentColor" viewBox="0 0 24 24">
                    <path
                        d="M20.57 10.18c.45-1.36.3-2.85-.43-4.09a5.03 5.03 0 0 0-5.42-2.42 5.05 5.05 0 0 0-7.14-.38c-.66.59-1.15 1.35-1.43 2.19A4.98 4.98 0 0 0 2.82 7.9c-1.1 1.9-.85 4.29.62 5.91-.45 1.36-.3 2.85.43 4.09a5.045 5.045 0 0 0 5.43 2.42A5.03 5.03 0 0 0 13.06 22c2.19 0 4.14-1.41 4.81-3.5a4.98 4.98 0 0 0 3.33-2.42 5.04 5.04 0 0 0-.62-5.89Zm-7.52 10.51c-.88 0-1.72-.31-2.4-.87l.12-.07 3.98-2.3c.2-.12.33-.33.33-.57v-5.61l1.68.97s.03.02.03.04v4.65c0 2.07-1.68 3.74-3.75 3.75ZM5 17.25c-.44-.76-.6-1.65-.45-2.51l.12.07 3.99 2.3c.2.12.45.12.65 0l4.87-2.81v1.94s-.01.04-.03.05l-4.03 2.33A3.756 3.756 0 0 1 5 17.25M3.95 8.58a3.7 3.7 0 0 1 1.97-1.64v4.73c0 .23.12.45.32.56l4.85 2.8-1.68.97h-.06l-4.03-2.32a3.754 3.754 0 0 1-1.37-5.12zm13.83 3.21-4.86-2.82L14.6 8h.06l4.03 2.33a3.743 3.743 0 0 1 1.37 5.12 3.8 3.8 0 0 1-1.94 1.64v-4.73a.67.67 0 0 0-.34-.56Zm1.68-2.52-.12-.07-3.98-2.32a.63.63 0 0 0-.65 0L9.84 9.69V7.75s0-.04.02-.05l4.03-2.32a3.75 3.75 0 0 1 5.12 1.38c.44.76.59 1.64.45 2.51v.02ZM8.93 12.72l-1.68-.97s-.03-.03-.03-.05V7.06c0-2.07 1.68-3.75 3.75-3.74.87 0 1.72.31 2.39.87l-.12.07-3.98 2.3c-.2.12-.33.33-.33.57v5.6Zm.91-1.97 2.17-1.25 2.17 1.25v2.5l-2.16 1.25-2.17-1.25v-2.5Z">
                    </path>
                </svg>
            </div>

            <h4 class="text-white mb-3" style="font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px;">Conexión Global IA</h4>
            <p class="text-secondary mb-4 opacity-75" style="font-family: 'Space Grotesk', sans-serif; line-height: 1.6;">
                Al activar este módulo, la IA procesará la base de datos de tu perfil en tiempo real. Elaborará un
                pronóstico a futuro calculando un costo temporal a partir de las tareas de estudio que no hiciste y las
                metas en las que no avanzas.
            </p>

            <div class="d-flex justify-content-center gap-3 flex-wrap">
                <button class="btn btn-lg btn-evaluar"
                    id="btn-ejecutar-simulador" onclick="FracasoCore.simular()">
                    Evaluar Mi Futuro
                </button>
                <button class="btn btn-lg btn-historial"
                    onclick="FracasoCore.openHistory()">
                    <i class="bi bi-clock-history"></i> Historial
                </button>
            </div>
        </div>

        <div id="resultado-simulador" class="mt-4 p-5 d-none result-card">
            <div class="result-header d-flex align-items-center">
                <h5 class="m-0 fw-bold"><i class="bi bi-stars me-2"></i> Diagnóstico Predictivo</h5>
            </div>
            <div id="texto-simulador" class="result-text">
                <!-- Texto inyectado por JS -->
            </div>

            <div class="mt-4 pt-3 text-end" style="border-top: 2px solid rgba(16, 163, 127, 0.3) !important;">
                <button class="btn btn-aceptar"
                    onclick="document.getElementById('resultado-simulador').classList.add('d-none'); document.getElementById('btn-ejecutar-simulador').disabled = false; document.getElementById('btn-ejecutar-simulador').innerHTML = 'Evaluar Mi Futuro';">
                    <i class="bi bi-check2-all me-1"></i> Aceptar Resultados
                </button>
            </div>
        </div>
    </div>
</div>
</div>

<script src="assets/js/fracaso.js?v=<?= time() ?>"></script>
User / IP	: 216.73.216.159
Host / Server	: 45.84.207.204 / aircan.me
System	: Linux lt-bnk-web1726.main-hosting.eu 5.14.0-611.36.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Mar 3 11:23:52 EST 2026 x86_64