// --- 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="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
                                <div class="col">
                <a href="play_carpeta.php?cual=Podcast&img=podcast" class="text-decoration-none">
                    <div class="card h-100 card-link shadow-sm p-4 rounded-4">
                        <div class="card-body">
                            <i class="fas fa-podcast icon-destacado"></i>
                            <h5 class="card-title text-dark fw-bold">Podcast Principal</h5>
                            <p class="card-text text-muted small">Toda la colección de audio y conferencias. Un buen punto de partida.</p>
                        </div>
                    </div>
                </a>
            </div>
                                <div class="col">
                <a href="play_carpeta.php?cual=Navidad&img=navidad" class="text-decoration-none">
                    <div class="card h-100 card-link shadow-sm p-4 rounded-4">
                        <div class="card-body">
                            <i class="fas fa-gifts icon-destacado"></i>
                            <h5 class="card-title text-dark fw-bold">Especial Navidad</h5>
                            <p class="card-text text-muted small">Audios y reflexiones de temporada. Temática visual navideña.</p>
                        </div>
                    </div>
                </a>
            </div>
                                <div class="col">
                <a href="play_carpeta.php?cual=Portugues&img=portugues" class="text-decoration-none">
                    <div class="card h-100 card-link shadow-sm p-4 rounded-4">
                        <div class="card-body">
                            <i class="fas fa-globe icon-destacado"></i>
                            <h5 class="card-title text-dark fw-bold">Conteúdo em Português</h5>
                            <p class="card-text text-muted small">Acesse nossa biblioteca completa de áudios em idioma portugués.</p>
                        </div>
                    </div>
                </a>
            </div>
                                <div class="col">
                <a href="play_carpeta.php?cual=Podcast/Fuerzas_para_cada_dia&img=podcast" class="text-decoration-none">
                    <div class="card h-100 card-link shadow-sm p-4 rounded-4">
                        <div class="card-body">
                            <i class="fas fa-hands-helping icon-destacado"></i>
                            <h5 class="card-title text-dark fw-bold">Fuerzas para Cada Día</h5>
                            <p class="card-text text-muted small">Acceso directo a la colección principal de audios "Fuerzas para Cada Día".</p>
                        </div>
                    </div>
                </a>
            </div>
                                <div class="col">
                <a href="play_carpeta.php?cual=Podcast/Fuerzas_para_cada_dia/Fuerzas_para_cada_dia_5&img=podcast" class="text-decoration-none">
                    <div class="card h-100 card-link shadow-sm p-4 rounded-4">
                        <div class="card-body">
                            <i class="fas fa-list-ol icon-destacado"></i>
                            <h5 class="card-title text-dark fw-bold">Fuerzas | Volumen 5</h5>
                            <p class="card-text text-muted small">Ir directamente al índice de reproducción de los audios del Volumen 5.</p>
                        </div>
                    </div>
                </a>
            </div>
            </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>