<?php
require_once __DIR__ . '/../config/auth.php';
av_require_login();

$scriptDir = str_replace('\\', '/', dirname($_SERVER['PHP_SELF'] ?? ''));
$segments = array_values(array_filter(explode('/', trim($scriptDir, '/'))));
$base = str_repeat('../', count($segments));
?>
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description"
        content="<?= isset($meta_desc) ? htmlspecialchars($meta_desc) : 'Servicios DEMO Seguridad Privada — Innovación, Calidad y Servicio en seguridad privada profesional.' ?>">
    <title><?= isset($page_title) ? htmlspecialchars($page_title) . ' | ' : '' ?>Servicios DEMO Seguridad Privada
    </title>
    <link rel="stylesheet" href="<?= $base ?>style/menu.css">
    <link rel="stylesheet" href="<?= $base ?>style/main.css">
    <link rel="stylesheet" href="<?= $base ?>style/pages.css">
    <link rel="stylesheet" href="<?= $base ?>style/accessibility.css">
</head>

<body>

    <!-- ══════════════════════════════════════════════════
     BANNER SUPERIOR — Logo e identidad corporativa
     ══════════════════════════════════════════════════ -->
    <header class="site-banner">
        <div class="banner-inner">

            <!-- Logo -->
            <a href="<?= $base ?>index.php" class="banner-mark" aria-label="Servicios DEMO Seguridad Privada">
                <img src="<?= $base ?>img/demoLogo_SinFondo.png" alt="Servicios DEMO Seguridad Privada"
                    class="banner-logo"
                    onerror="this.style.display='none';document.getElementById('logo-fb').style.display='flex'">
                <div id="logo-fb" class="banner-logo-placeholder" style="display:none">DEMO</div>
            </a>

            <!-- Certificados en el banner (esquina derecha) -->
            <div class="banner-cert-strip">
                <div class="banner-cert-label">Certificaciones</div>
                <div class="banner-cert-list">
                    <img src="<?= $base ?>img/certificacion1.png" alt="Marca Guanajuato" data-cert="1"
                        onerror="this.style.display='none'">
                    <img src="<?= $base ?>img/certificacion2.png" alt="Red Empresas Incluyentes" data-cert="2"
                        onerror="this.style.display='none'">
                    <img src="<?= $base ?>img/certificacion3.png" alt="Responsabilidad SocioLaboral" data-cert="3"
                        onerror="this.style.display='none'">
                    <img src="<?= $base ?>img/certificacion5.png" alt="Mujer A Salvo" data-cert="5"
                        onerror="this.style.display='none'">
                    <img src="<?= $base ?>img/certificacion4.png" alt="Buenas Prácticas Ambientales" data-cert="4"
                        onerror="this.style.display='none'">
                </div>
            </div>

            <?php if (function_exists('av_is_logged') && av_is_logged()): ?>
            <div class="banner-user">
                <span class="banner-user-name" title="Sesión activa">
                    👤 <?= '<span style="color: #000000;">' . htmlspecialchars(av_nombre()) . '</span>' ?>
                </span>
                <a href="<?= $base ?>logout.php" class="banner-logout-btn" title="Cerrar sesión">Cerrar sesión</a>
            </div>
            <?php endif; ?>
        </div>
    </header>


    