// --- LAYOUT HEADER ---
$page_title = 'Portal de Acceso - ' . $conf_app_name;
require_once 'layout_header.php';
?>

    <div class="text-center mb-5">
        <h2 class="text-dark fw-bold">Portal Multimedia</h2>
        <p class="text-muted lead">Selecciona una opción para comenzar</p>
    </div>

    <!-- ALERTAS DE SISTEMA (SOLO SI HAY ERROR) -->
            <div class="alert alert-danger text-center">
            <i class="fas fa-exclamation-triangle"></i> No hay conexión a la base de datos.        </div>
    
    <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
            </div>

</main>

<!-- FOOTER -->
<footer class="bg-dark text-white text-center py-5 mt-5">
    <div class="container">
        <h5 class="text-uppercase mb-3" style="letter-spacing: 2px;">LlaveFinal.Com</h5>
        <div class="d-flex justify-content-center gap-3 mb-4">
            <a href="#" class="text-white"><i class="fab fa-facebook fa-lg"></i></a>
            <a href="#" class="text-white"><i class="fab fa-instagram fa-lg"></i></a>
            <a href="#" class="text-white"><i class="fab fa-youtube fa-lg"></i></a>
            <a href="#" class="text-white"><i class="fas fa-globe fa-lg"></i></a>
        </div>

        <div class="border-top border-secondary pt-4">
            <p class="text-white-50 small mb-4">
                Plataforma de recursos multimedia para el crecimiento espiritual y personal.            </p>
            <small class="text-white-50">
                &copy; 2026 Todos los derechos reservados.<br>
                Desarrollado por: Vladimir Montero / Admin: Felipe            </small>
        </div>
    </div>
    <!-- Espaciador para evitar que el player tape el copyright en móviles -->
    <div style="height: 60px;"></div>
</footer>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>