background-blend-mode: soft-light, normal;
            box-shadow: inset 0 1px 0 rgba(230, 205, 165, 0.06), inset 0 24px 48px -24px rgba(10, 13, 18, 0.55);
        }
        .bg-logo-well {
            background-color: var(--bg-logo-deep);
            background-image:
                var(--stone-tile-url),
                linear-gradient(180deg, var(--bg-logo-edge) 0%, var(--bg-logo-deep) 100%);
            background-repeat: repeat, no-repeat;
            background-size: 420px 420px, 100% 100%;
            background-blend-mode: soft-light, normal;
        }
        /* Subtle Mineral Stone Grain */
        .slate-grain-overlay {
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='slateNoise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23slateNoise)' opacity='0.038'/%3E%3C/svg%3E");
        }
        /* Brushed Champagne Gold Metallic Text */
        .text-gold-brushed {
            background: linear-gradient(180deg, #FFF6DF 0%, #E7CEAA 28%, #C6A575 58%, #9A784B 86%, #DEC196 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            filter: drop-shadow(-3px 5px 6px rgba(8, 10, 14, 0.88));
        }
        /* Brushed Champagne Gold Button */
        .btn-gold {
            background: linear-gradient(135deg, #E6CDA5 0%, #C4A373 48%, #9B7B4E 100%);
            color: #161B22;
            box-shadow: 0 10px 26px -6px rgba(196, 163, 115, 0.35), inset 0 1px 1px rgba(255, 248, 220, 0.55);
        }
        .btn-gold:hover {
            background: linear-gradient(135deg, #FFF3D6 0%, #D9BC90 50%, #B29060 100%);
            box-shadow: 0 14px 32px -6px rgba(217, 188, 144, 0.5);
        }
        /* Carved Monolith Slate Cards matching the exact stone slab texture */
        .card-slate {
            background-color: var(--bg-logo-card);
            background-image:
                var(--stone-tile-url),
                linear-gradient(160deg, color-mix(in srgb, var(--bg-logo-center) 80%, var(--bg-logo-mid)) 0%, color-mix(in srgb, var(--bg-logo-edge) 92%, var(--bg-logo-deep)) 100%);
            background-repeat: repeat, no-repeat;
            background-size: 360px 360px, 100% 100%;
            background-blend-mode: soft-light, normal;
            backdrop-filter: blur(12px);
            border: 1px solid rgba(217, 188, 144, 0.20);
            box-shadow: 0 24px 48px -16px rgba(8, 10, 14, 0.78), inset 0 1px 0 rgba(255, 255, 255, 0.06);
            transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
        }
        .card-slate:hover {
            border-color: rgba(217, 188, 144, 0.44);
            box-shadow: 0 28px 54px -16px rgba(6, 8, 12, 0.85), inset 0 1px 0 rgba(255, 248, 220, 0.10);
        }
        .lang-btn.active {
            background: linear-gradient(135deg, #E6CDA5 0%, #B29060 100%);
            color: #161B22;
            font-weight: 700;
        }
        .cert-tab.active {
            background: linear-gradient(135deg, rgba(230, 205, 165, 0.2) 0%, rgba(178, 144, 96, 0.12) 100%);
            border-color: #D9BC90;
            color: #FFF8DC;
        }
        /* Untouched 100% Original Photo Frame: zero masks over the logo or letters, only soft perimeter blending */
        .hero-logo-untouched-wrap {
            position: relative;
            display: inline-block;
            border-radius: 1.5rem;
            overflow: hidden;
            box-shadow: 0 24px 60px -15px rgba(8, 10, 14, 0.85);
            border: 1px solid rgba(217, 188, 144, 0.16);
        }
        .hero-logo-untouched-wrap::after {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            border-radius: 1.5rem;
            box-shadow: inset 0 0 28px 10px var(--bg-logo-edge);
        }
        @media print {
            body * {
                visibility: hidden;
            }
            #official-cert-sheet, #official-cert-sheet * {
                visibility: visible;
            }
            #official-cert-sheet {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                background: #1C222A !important;
                color: #F1F5F9 !important;
                border: 2px solid #D9BC90 !important;
                box-shadow: none !important;
            }
        }
    </style>
</head>
<body class="bg-slate-authentic slate-grain-overlay antialiased selection:bg-goldChampagne selection:text-slateDeep">

    <!-- ======================================================================================== -->
    <!-- REAL LOGO IMAGE INTEGRATOR BAR (SE OCULTA AUTOMÁTICAMENTE AL DESCARGAR EL HTML FINAL)    -->
    <!-- ======================================================================================== -->
    <div id="logo-studio-bar" data-studio-only="true" class="bg-gradient-to-r from-[#141920] via-[#1D242E] to-[#141920] border-b border-goldChampagne/40 px-4 py-3 relative z-50 shadow-xl">
        <div class="max-w-7xl mx-auto flex flex-col lg:flex-row items-center justify-between gap-3">
            <div class="flex items-center gap-3 text-center lg:text-left">
                <div class="w-9 h-9 rounded-xl bg-goldChampagne/15 border border-goldChampagne/45 flex items-center justify-center text-goldLight shrink-0">
                    <i class="fa-solid fa-image"></i>
                </div>
                <div>
                    <div class="text-xs sm:text-sm font-display font-medium text-white tracking-wide flex flex-wrap items-center justify-center lg:justify-start gap-2">
                        <span>Incrustar tu Imagen Original del Logo (100% Real)</span>
                        <span id="logo-studio-status" class="text-[10px] font-mono px-2 py-0.5 rounded-md bg-amber-500/20 text-goldLight border border-goldChampagne/40">
                            Pendiente de seleccionar archivo .jpg / .jpeg
                        </span>
                    </div>
                    <p class="text-[11px] text-slate-300 font-light">
                        Selecciona o arrastra aquí tu imagen original (<span class="text-goldLight font-mono">.jpg / .jpeg</span> completa o solo el símbolo) para reemplazar el dibujo por tu fotografía real en todo el sitio y dejarla grabada en tu archivo para IONOS.
                    </p>
                </div>
            </div>

            <div class="flex flex-wrap items-center justify-center gap-2.5 shrink-0">
                <label for="real-logo-file-input" class="cursor-pointer btn-gold font-display font-semibold text-[11px] uppercase tracking-[0.14em] px-4 py-2.5 rounded-xl transition flex items-center gap-2 shadow-lg">
                    <i class="fa-solid fa-cloud-arrow-up"></i>
                    <span>Seleccionar y Grabar Logo Original</span>
                </label>
                <input type="file" id="real-logo-file-input" accept="image/*" class="hidden" onchange="handleRealLogoUpload(event)">

                <!-- Blending Mode Switcher (Visible once image is loaded) -->
                <div id="logo-blend-controls" class="hidden items-center bg-[#11151B] p-1 rounded-xl border border-goldChampagne/30 text-[11px] font-mono">
                    <button type="button" id="blend-btn-natural" onclick="setLogoBlendMode('natural')" class="px-2.5 py-1.5 rounded-lg bg-goldChampagne text-[#161B22] font-semibold transition" title="Mantiene el fondo pizarra original, sombras 3D, partículas y destello intactos">
                        Fusión Natural Pizarra (100% Idéntico)
                    </button>
                    <button type="button" id="blend-btn-extract" onclick="setLogoBlendMode('extract')" class="px-2.5 py-1.5 rounded-lg text-slate-300 hover:text-white transition" title="Extrae únicamente los píxeles dorados y el destello sobre fondo transparente">
                        Extracción de Oro (Transparente)
                    </button>
                </div>

                <button type="button" id="btn-lock-save-page" onclick="lockAndSavePagePermanently()" class="hidden px-4 py-2.5 rounded-xl bg-emerald-500 hover:bg-emerald-400 text-[#11151B] font-display font-semibold text-[11px] uppercase tracking-[0.12em] transition items-center gap-2 shadow-lg">
                    <i class="fa-solid fa-floppy-disk"></i>
                    <span>Grabar y Fijar Página</span>
                </button>

                <button type="button" onclick="document.getElementById('logo-studio-bar').classList.add('hidden')" class="px-2.5 py-1.5 rounded-lg bg-white/5 hover:bg-white/10 text-slate-400 hover:text-white text-xs font-mono transition" title="Ocultar barra">
                    <i class="fa-solid fa-xmark"></i>
                </button>
            </div>
        </div>
    </div>

    <!-- TOP NAVIGATION BAR -->
    <header class="sticky top-0 z-40 bg-logo-nav backdrop-blur-md border-b border-goldChampagne/15">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-20 flex items-center justify-between gap-4">
            
            <!-- Brand Identity with Miniature Exact Emblem Canvas -->
            <a href="#" class="flex items-center gap-3.5 group focus:outline-none">
                <canvas id="nav-logo-canvas" width="320" height="256" class="w-16 h-12 shrink-0 group-hover:scale-105 transition duration-300"></canvas>
                <div>
                    <div class="flex items-baseline font-display tracking-[0.2em] text-lg sm:text-xl">
                        <span class="font-semibold text-gold-brushed">CORE</span>
                        <span class="font-light text-gold-brushed ml-1.5">ZERO</span>
                    </div>
                    <p class="font-display text-[9px] sm:text-[9.5px] font-normal tracking-[0.28em] text-goldChampagne uppercase">
                        DATA SECURITY
                    </p>
                </div>
            </a>

            <!-- Clean Navigation Links -->
            <nav class="hidden lg:flex items-center space-x-8 font-display text-[11px] font-normal uppercase tracking-[0.2em] text-slate-300">
                <a href="#soluciones" class="hover:text-goldLight transition" data-i18n="nav_solutions">Soluciones</a>
                <a href="#estandares" class="hover:text-goldLight transition" data-i18n="nav_standards">Estándares</a>
                <a href="#certificado" class="hover:text-goldLight transition" data-i18n="nav_cert">Certificado</a>
                <a href="#portal-clientes" class="hover:text-goldLight transition" data-i18n="nav_portal">Portal de Clientes</a>
                <a href="#contacto" class="hover:text-goldLight transition" data-i18n="nav_contact">Contacto</a>
            </nav>

            <!-- 5-Language Switcher + Client Portal Button -->
            <div class="flex items-center gap-3">
                <div class="flex items-center bg-[#13171D] p-1 rounded-xl border border-goldChampagne/25" role="group" aria-label="Idioma">
                    <button onclick="setLanguage('es')" id="lang-es" class="lang-btn active text-[11px] px-2.5 py-1 rounded-lg transition font-mono">ES</button>
                    <button onclick="setLanguage('en')" id="lang-en" class="lang-btn text-[11px] px-2.5 py-1 rounded-lg text-slate-300 hover:text-white transition font-mono">EN</button>
                    <button onclick="setLanguage('zh')" id="lang-zh" class="lang-btn text-[11px] px-2.5 py-1 rounded-lg text-slate-300 hover:text-white transition">中文</button>
                    <button onclick="setLanguage('ru')" id="lang-ru" class="lang-btn text-[11px] px-2.5 py-1 rounded-lg text-slate-300 hover:text-white transition font-mono">RU</button>
                    <button onclick="setLanguage('ko')" id="lang-ko" class="lang-btn text-[11px] px-2.5 py-1 rounded-lg text-slate-300 hover:text-white transition">한국어</button>
                </div>

                <a href="#portal-clientes" class="hidden sm:inline-flex items-center gap-2 btn-gold font-display font-medium text-[11px] uppercase px-4 py-2.5 rounded-xl transition tracking-[0.16em]">
                    <i class="fa-solid fa-lock text-[10px]"></i>
                    <span data-i18n="nav_cta">Acceso Clientes</span>
                </a>
            </div>
        </div>
    </header>

    <!-- HERO SECTION — EXACT REGISTERED EMBLEM ON AUTHENTIC SLATE BACKDROP -->
    <section id="hero-drop-zone" class="relative pt-8 pb-20 sm:pt-12 sm:pb-24 border-b border-goldChampagne/15 overflow-hidden">
        <!-- Seamless Slate Backdrop Halo matched dynamically to the uploaded logo's background pixels -->
        <div id="hero-backdrop-halo" class="pointer-events-none absolute inset-0" style="background: radial-gradient(ellipse 68% 58% at 50% 34%, var(--bg-logo-center) 0%, var(--bg-logo-mid) 58%, var(--bg-logo-edge) 100%);"></div>

        <div class="relative max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
            
            <!-- Real Uploaded Logo / High-Precision Lockup Container -->
            <div class="inline-flex flex-col items-center mb-9 w-full">
                
                <!-- 1. REAL IMAGE CONTAINER (Displays 100% Untouched Original Image with ZERO masks cutting it) -->
                <div id="hero-real-logo-container" class="hidden flex-col items-center justify-center w-full">
                    <div class="hero-logo-untouched-wrap max-w-full">
                        <img id="hero-real-logo-img" alt="Core Zero Data Security Official Logo" class="block mx-auto select-none w-full max-w-[820px] h-auto object-contain" />
                    </div>
                </div>

                <!-- 2. FALLBACK CANVAS CONTAINER (Shown only before the user selects their original image file) -->
                <div id="hero-canvas-fallback-container" class="relative w-[320px] h-[250px] sm:w-[450px] sm:h-[350px] flex items-center justify-center group cursor-pointer" onclick="document.getElementById('real-logo-file-input').click()" title="Haz clic aquí para cargar tu archivo de imagen original del logo (.jpg / .jpeg)">
                    <canvas id="hero-logo-canvas" width="1200" height="930" class="w-full h-full"></canvas>
                    <div data-studio-only="true" class="opacity-0 group-hover:opacity-100 transition duration-200 absolute bottom-3 bg-[#141920]/95 border border-goldChampagne/50 text-goldLight text-[11px] font-mono px-3.5 py-1.5 rounded-full shadow-lg flex items-center gap-2">
                        <i class="fa-solid fa-upload"></i>
                        <span>Clic para usar tu imagen .jpeg original</span>
                    </div>
                </div>

                <!-- 3D Brushed Champagne Gold Brand Typography (Automatically hidden if the user uploads the 16:9 image that already includes the text) -->
                <div id="hero-html-lockup-text" class="flex flex-col items-center">
                    <div class="font-display tracking-[0.18em] text-4xl sm:text-6xl -mt-3 select-none">
                        <span class="font-semibold text-gold-brushed">CORE</span>
                        <span class="font-light text-gold-brushed ml-3">ZERO</span>
                    </div>
                    <p class="font-display text-[11px] sm:text-sm font-normal tracking-[0.34em] text-goldLight uppercase mt-3 select-none drop-shadow-[0_3px_4px_rgba(0,0,0,0.85)]">
                        DATA DESTRUCTION <span class="text-goldChampagne mx-2">|</span> SECURE ERASE
                    </p>
                </div>
            </div>

            <!-- High-Trust Headline -->
            <h1 class="font-display text-2xl sm:text-4xl lg:text-[40px] font-light text-white tracking-[0.03em] leading-[1.28] max-w-4xl mx-auto" data-i18n="hero_title">
                Procedimiento Certificado de Borrado Seguro y Destrucción Física de Memorias SSD
            </h1>

            <p class="mt-5 text-base sm:text-[17px] text-slate-300 font-light leading-[1.8] max-w-3xl mx-auto" data-i18n="hero_subtitle">
                En Core Zero Data Security protegemos la confidencialidad de su organización mediante procedimientos certificados de borrado seguro bajo estándares internacionales y la destrucción física definitiva de memorias SSD. Entregamos certificado oficial con registro de números de serie.
            </p>

            <!-- Primary Actions -->
            <div class="mt-9 flex flex-col sm:flex-row items-center justify-center gap-4">
                <a href="#contacto" class="w-full sm:w-auto btn-gold font-display font-medium text-xs uppercase tracking-[0.2em] px-9 py-4 rounded-xl transition flex items-center justify-center gap-2.5">
                    <span data-i18n="hero_btn_contact">Contacto</span>
                    <i class="fa-solid fa-arrow-right text-[11px]"></i>
                </a>
                <a href="#portal-clientes" class="w-full sm:w-auto bg-[#1C222A]/90 hover:bg-[#232B34] text-goldLight border border-goldChampagne/35 font-display font-normal text-xs uppercase tracking-[0.18em] px-8 py-4 rounded-xl transition flex items-center justify-center gap-2.5">
                    <i class="fa-solid fa-award text-goldChampagne"></i>
                    <span data-i18n="hero_btn_portal">Portal de Certificados</span>
                </a>
            </div>

            <!-- Key Assurance Strip -->
            <div class="mt-14 pt-8 border-t border-goldChampagne/15 grid grid-cols-1 sm:grid-cols-3 gap-6 text-[11px] uppercase tracking-[0.2em] text-slate-300 font-mono font-light">
                <div class="flex items-center justify-center gap-2.5">
                    <i class="fa-solid fa-shield-halved text-goldChampagne"></i>
                    <span>DoD 5220.22-M &bull; NIST 800-88</span>
                </div>
                <div class="flex items-center justify-center gap-2.5">
                    <i class="fa-solid fa-microchip text-goldChampagne"></i>
                    <span data-i18n="trust_strip_2">Destrucción de Memorias SSD</span>
                </div>
                <div class="flex items-center justify-center gap-2.5">
                    <i class="fa-solid fa-file-signature text-goldChampagne"></i>
                    <span data-i18n="trust_strip_3">Entrega de Certificado Oficial</span>
                </div>
            </div>
        </div>
    </section>

    <!-- SOLUCIONES ESPECIALIZADAS + SERVICIO A DOMICILIO EN BAJA CALIFORNIA + CONDICIÓN DE RECEPCIÓN -->
    <section id="soluciones" class="py-20 sm:py-24 border-b border-goldChampagne/15">
        <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center max-w-3xl mx-auto mb-14">
                <span class="text-[11px] font-mono uppercase tracking-[0.28em] text-goldChampagne" data-i18n="sol_eyebrow">
                    CORE ZERO DATA SECURITY
                </span>
                <h2 class="font-display text-2xl sm:text-3xl lg:text-[34px] font-light text-white tracking-[0.04em] mt-3" data-i18n="sol_title">
                    Soluciones Especializadas en Seguridad de Datos
                </h2>
                <p class="text-slate-300 text-sm sm:text-base mt-3 font-light leading-relaxed" data-i18n="sol_subtitle">
                    Procedimientos diseñados para garantizar la eliminación total e irreversible de información sensible en unidades de almacenamiento y memorias de estado sólido.
                </p>
            </div>

            <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
                <!-- Tarjeta 1: Procedimiento de Borrado Seguro -->
                <div class="card-slate rounded-2xl p-8 sm:p-10 flex flex-col justify-between">
                    <div>
                        <span class="text-[11px] font-mono uppercase tracking-[0.24em] text-goldChampagne" data-i18n="sol_1_tag">
                            01 &bull; SANITIZACIÓN LÓGICA CERTIFICADA
                        </span>
                        <h3 class="font-display text-xl sm:text-2xl font-light text-white tracking-[0.03em] mt-2" data-i18n="sol_1_title">
                            Procedimiento de Borrado Seguro
                        </h3>
                        <p class="text-slate-300 text-sm sm:text-[15px] mt-4 font-light leading-relaxed" data-i18n="sol_1_desc">
                            Ejecutamos un procedimiento riguroso de sobrescritura profunda y verificación sector por sector bajo estándares internacionales DoD 5220.22-M y NIST SP 800-88 Rev. 1. Elimina el 100% de la información previa permitiendo reutilizar, reasignar o devolver unidades en arrendamiento con total seguridad.
                        </p>
                        <ul class="mt-6 space-y-3 text-xs sm:text-sm text-slate-200 font-light">
                            <li class="flex items-start gap-3">
                                <i class="fa-solid fa-check text-goldChampagne mt-1 text-xs"></i>
                                <span data-i18n="sol_1_b1">Verificación completa con 0% de recuperabilidad forense.</span>
                            </li>
                            <li class="flex items-start gap-3">
                                <i class="fa-solid fa-check text-goldChampagne mt-1 text-xs"></i>
                                <span data-i18n="sol_1_b2">Preserva la integridad funcional de las unidades para su reutilización.</span>
                            </li>
                            <li class="flex items-start gap-3">
                                <i class="fa-solid fa-check text-goldChampagne mt-1 text-xs"></i>
                                <span data-i18n="sol_1_b3">Entrega de Certificado Oficial con registro individual de serie (S/N).</span>
                            </li>
                        </ul>
                    </div>
                    <div class="mt-8 pt-5 border-t border-goldChampagne/15 flex items-center justify-between text-xs font-mono text-goldLight">
                        <span>DoD 5220.22-M &bull; NIST 800-88</span>
                        <span data-i18n="sol_1_foot">Certificado Incluido</span>
                    </div>
                </div>

                <!-- Tarjeta 2: Destrucción Física de Memorias SSD -->
                <div class="card-slate rounded-2xl p-8 sm:p-10 flex flex-col justify-between">
                    <div>
                        <span class="text-[11px] font-mono uppercase tracking-[0.24em] text-goldChampagne" data-i18n="sol_2_tag">
                            02 &bull; INUTILIZACIÓN FÍSICA DEFINITIVA
                        </span>
                        <h3 class="font-display text-xl sm:text-2xl font-light text-white tracking-[0.03em] mt-2" data-i18n="sol_2_title">
                            Destrucción Física de Memorias SSD
                        </h3>
                        <p class="text-slate-300 text-sm sm:text-[15px] mt-4 font-light leading-relaxed" data-i18n="sol_2_desc">
                            Para unidades de estado sólido (memorias SSD, M.2, NVMe y módulos NAND Flash) que han concluido su vida útil o presentan bloqueos de hardware, realizamos la destrucción física directa sobre los chips de memoria, impidiendo cualquier extracción o reconstrucción en laboratorio.
                        </p>
                        <ul class="mt-6 space-y-3 text-xs sm:text-sm text-slate-200 font-light">
                            <li class="flex items-start gap-3">
                                <i class="fa-solid fa-check text-goldChampagne mt-1 text-xs"></i>
                                <span data-i18n="sol_2_b1">Fractura física directa sobre los circuitos y chips de memoria SSD.</span>
                            </li>
                            <li class="flex items-start gap-3">
                                <i class="fa-solid fa-check text-goldChampagne mt-1 text-xs"></i>
                                <span data-i18n="sol_2_b2">Apegado a la directriz internacional NIST SP 800-88 Rev. 1 (Destroy).</span>
                            </li>
                            <li class="flex items-start gap-3">
                                <i class="fa-solid fa-check text-goldChampagne mt-1 text-xs"></i>
                                <span data-i18n="sol_2_b3">Entrega de Certificado Oficial de Destrucción con números de serie.</span>
                            </li>
                        </ul>
                    </div>
                    <div class="mt-8 pt-5 border-t border-goldChampagne/15 flex items-center justify-between text-xs font-mono text-goldLight">
                        <span>SSD &bull; NVMe &bull; M.2 &bull; NAND</span>
                        <span data-i18n="sol_2_foot">Certificado Incluido</span>
                    </div>
                </div>
            </div>

            <!-- Opción de Servicio a Domicilio en Tijuana, Mexicali, Rosarito, Ensenada y Tecate -->
            <div class="mt-8 card-slate rounded-2xl p-7 sm:p-9 border border-goldChampagne/30">
                <div class="flex flex-col lg:flex-row lg:items-center justify-between gap-6">
                    <div class="space-y-2.5 max-w-3xl">
                        <span class="text-[11px] font-mono uppercase tracking-[0.24em] text-goldChampagne" data-i18n="onsite_tag">
                            MODALIDAD A DOMICILIO Y EN SITIO &bull; BAJA CALIFORNIA
                        </span>
                        <h3 class="font-display text-lg sm:text-xl font-light text-white tracking-[0.03em]" data-i18n="onsite_title">
                            Opción de Servicio a Domicilio y en sus Instalaciones
                        </h3>
                        <p class="text-slate-300 text-xs sm:text-sm font-light leading-relaxed" data-i18n="onsite_desc">
                            Contamos con la opción de acudir directamente a su domicilio o instalaciones para ejecutar el procedimiento de borrado seguro y la destrucción física de memorias SSD bajo su supervisión, garantizando que sus unidades nunca salgan de su propiedad.
                        </p>
                        <div class="pt-2">
                            <span class="text-[11px] font-mono text-slate-400 block mb-2" data-i18n="onsite_coverage_label">
                                Cobertura de servicio a domicilio en:
                            </span>
                            <div class="flex flex-wrap gap-2">
                                <span class="px-3 py-1 rounded-lg bg-[#151A21] border border-goldChampagne/35 text-xs font-mono text-goldLight">Tijuana</span>
                                <span class="px-3 py-1 rounded-lg bg-[#151A21] border border-goldChampagne/35 text-xs font-mono text-goldLight">Mexicali</span>
                                <span class="px-3 py-1 rounded-lg bg-[#151A21] border border-goldChampagne/35 text-xs font-mono text-goldLight">Rosarito</span>
                                <span class="px-3 py-1 rounded-lg bg-[#151A21] border border-goldChampagne/35 text-xs font-mono text-goldLight">Ensenada</span>
                                <span class="px-3 py-1 rounded-lg bg-[#151A21] border border-goldChampagne/35 text-xs font-mono text-goldLight">Tecate</span>
                            </div>
                            <p class="text-[11px] font-mono text-slate-400 mt-2.5" data-i18n="onsite_min_note">
                                * El servicio a domicilio aplica a partir de un mínimo de 100 unidades.
                            </p>
                        </div>
                    </div>
                    <div class="shrink-0">
                        <a href="#contacto" class="btn-gold font-display font-medium text-[11px] uppercase tracking-[0.16em] px-5 py-3.5 rounded-xl transition inline-flex items-center gap-2">
                            <span data-i18n="onsite_cta">Consultar disponibilidad y cotización de servicio a domicilio</span>
                            <i class="fa-solid fa-arrow-right text-[10px]"></i>
                        </a>
                    </div>
                </div>
            </div>

            <!-- Condición Operativa: Entrega exclusiva de módulos o discos extraídos (No desarmamos dispositivos) -->
            <div class="mt-6 rounded-2xl bg-[#151A21]/90 border border-goldChampagne/25 p-6 sm:p-7 flex flex-col sm:flex-row items-start gap-4">
                <div class="w-10 h-10 rounded-xl bg-goldChampagne/10 border border-goldChampagne/35 flex items-center justify-center text-goldChampagne shrink-0 mt-0.5">
                    <i class="fa-solid fa-hard-drive"></i>
                </div>
                <div>
                    <span class="text-[10px] font-mono uppercase tracking-[0.24em] text-goldChampagne block" data-i18n="intake_req_badge">
                        CONDICIÓN OPERATIVA DE RECEPCIÓN
                    </span>
                    <h4 class="font-display text-sm sm:text-base font-normal text-white tracking-[0.03em] mt-1" data-i18n="intake_req_title">
                        Recepción Exclusiva de Discos Duros y Módulos de Memoria Extraídos
                    </h4>
                    <p class="text-xs sm:text-sm text-slate-300 font-light mt-1.5 leading-relaxed" data-i18n="intake_req_desc">
                        Para mantener la agilidad y seguridad del procedimiento, el cliente deberá entregar únicamente los discos duros o módulos de memoria SSD previamente extraídos e independientes. Core Zero Data Security interviene exclusivamente sobre los medios de almacenamiento y no realiza labores de desarme o desmontaje de equipos de cómputo, portátiles ni servidores.
                    </p>
                </div>
            </div>

            <!-- Facilidad Financiera y Contratación en EE. UU. (Core Zero Data Security LLC) -->
            <div class="mt-6 card-slate rounded-2xl p-6 sm:p-8 border border-goldChampagne/35">
                <div class="flex flex-col lg:flex-row lg:items-center justify-between gap-6">
                    <div class="flex items-start gap-4 max-w-3xl">
                        <div class="w-11 h-11 rounded-xl bg-goldChampagne/10 border border-goldChampagne/35 flex items-center justify-center text-goldChampagne shrink-0 mt-0.5">
                            <i class="fa-solid fa-building-columns"></i>
                        </div>
                        <div>
                            <span class="text-[10px] font-mono uppercase tracking-[0.24em] text-goldChampagne block" data-i18n="us_entity_badge">
                                CONTRATACIÓN Y TESORERÍA TRANSFRONTERIZA &bull; EE. UU. / MÉXICO
                            </span>
                            <h4 class="font-display text-base sm:text-lg font-light text-white tracking-[0.03em] mt-1" data-i18n="us_entity_title">
                                Entidad Registrada en Estados Unidos para Pagos y Facturación Internacional
                            </h4>
                            <p class="text-xs sm:text-sm text-slate-300 font-light mt-2 leading-relaxed" data-i18n="us_entity_desc">
                                Para facilitar los procesos de tesorería, compras globales (Procurement) y cumplimiento financiero de organizaciones multinacionales, contamos con nuestra empresa legalmente registrada en los Estados Unidos: Core Zero Data Security LLC. Su organización puede gestionar el alta de proveedor y realizar sus pagos directamente en Estados Unidos (USD), aun cuando los procedimientos de borrado seguro o destrucción física de memorias SSD se ejecuten en México.
                            </p>
                        </div>
                    </div>
                    <div class="flex flex-col gap-2 shrink-0 lg:border-l lg:border-goldChampagne/20 lg:pl-6 text-xs font-mono">
                        <div class="px-3.5 py-2 rounded-xl bg-[#151A21] border border-goldChampagne/35 text-goldLight">
                            <span class="text-[10px] text-slate-400 block" data-i18n="us_entity_label">ENTIDAD EN ESTADOS UNIDOS:</span>
                            <strong class="font-medium tracking-wider">Core Zero Data Security LLC</strong>
                        </div>
                        <div class="px-3.5 py-2 rounded-xl bg-[#151A21]/70 border border-white/10 text-slate-300 flex items-center gap-2">
                            <i class="fa-solid fa-check text-goldChampagne text-[10px]"></i>
                            <span data-i18n="us_entity_pill">Pago en EE. UU. (USD) &bull; Operación en México</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ESTÁNDARES INTERNACIONALES -->
    <section id="estandares" class="py-20 sm:py-24 border-b border-goldChampagne/15 bg-logo-section-alt">
        <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center max-w-3xl mx-auto mb-14">
                <span class="text-[11px] font-mono uppercase tracking-[0.28em] text-goldChampagne" data-i18n="std_eyebrow">
                    NORMATIVAS INTERNACIONALES
                </span>
                <h2 class="font-display text-2xl sm:text-3xl lg:text-[34px] font-light text-white tracking-[0.04em] mt-3" data-i18n="std_title">
                    Estándares que Respaldan Nuestro Procedimiento
                </h2>
                <p class="text-slate-300 text-sm sm:text-base mt-3 font-light leading-relaxed" data-i18n="std_desc">
                    Un formateo común solo oculta el índice de archivos y deja expuesta la información sensible de su organización. Nuestros procedimientos cumplen estrictamente con las normas internacionales exigidas en auditorías de seguridad:
                </p>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                <div class="card-slate rounded-2xl p-7">
                    <span class="text-[10px] font-mono uppercase tracking-[0.22em] text-goldChampagne" data-i18n="std_badge_1">Borrado Seguro</span>
                    <h3 class="font-mono text-lg font-medium text-white mt-2">DoD 5220.22-M</h3>
                    <p class="text-xs sm:text-sm text-slate-300 font-light mt-3 leading-relaxed" data-i18n="std_1_text">
                        Procedimiento de sobrescritura multicapa con patrones binarios y verificación final para asegurar la eliminación absoluta de los datos.
                    </p>
                </div>
                <div class="card-slate rounded-2xl p-7">
                    <span class="text-[10px] font-mono uppercase tracking-[0.22em] text-goldChampagne" data-i18n="std_badge_2">Memorias SSD y Almacenamiento</span>
                    <h3 class="font-mono text-lg font-medium text-white mt-2">NIST SP 800-88 Rev. 1</h3>
                    <p class="text-xs sm:text-sm text-slate-300 font-light mt-3 leading-relaxed" data-i18n="std_2_text">
                        Estándar internacional de referencia para la sanitización verificada y la destrucción física definitiva de memorias de estado sólido (SSD).
                    </p>
                </div>
                <div class="card-slate rounded-2xl p-7">
                    <span class="text-[10px] font-mono uppercase tracking-[0.22em] text-goldChampagne" data-i18n="std_badge_3">Trazabilidad y Auditoría</span>
                    <h3 class="font-mono text-lg font-medium text-white mt-2">ISO/IEC 27040</h3>
                    <p class="text-xs sm:text-sm text-slate-300 font-light mt-3 leading-relaxed" data-i18n="std_3_text">
                        Documentación con cadena de custodia y registro individual de números de serie para acreditar el cumplimiento en auditorías.
                    </p>
                </div>
            </div>
        </div>
    </section>

    <!-- VALIDEZ LEGAL Y FORMATO OFICIAL DEL CERTIFICADO DE DESTRUCCIÓN DE MEMORIAS SSD -->
    <section id="certificado" class="py-20 sm:py-24 border-b border-goldChampagne/15">
        <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center max-w-3xl mx-auto mb-12">
                <span class="text-[11px] font-mono uppercase tracking-[0.28em] text-goldChampagne" data-i18n="preview_eyebrow">
                    VALIDEZ LEGAL Y CUMPLIMIENTO DE AUDITORÍA
                </span>
                <h2 class="font-display text-2xl sm:text-3xl lg:text-[34px] font-light text-white tracking-[0.04em] mt-3" data-i18n="preview_title">
                    Certificación Oficial con Validez Normativa
                </h2>
                <p class="text-slate-300 text-sm sm:text-base mt-3 font-light leading-relaxed" data-i18n="preview_subtitle">
                    Nuestros certificados cumplen rigurosamente con los requisitos de documentación de disposición final de medios establecidos por NIST SP 800-88 Rev. 1 (Sección 4.7), ISO/IEC 27001 y legislaciones de protección de datos, respaldando legalmente a su organización ante auditorías internas y externas.
                </p>

                <!-- Selector entre Borrado Seguro (Espacio para imagen real) y Certificado Legal de Destrucción de SSD -->
                <div class="inline-flex flex-wrap justify-center gap-3 mt-7">
                    <button type="button" id="tab-cert-ssd" onclick="switchSampleCert('ssd')" class="cert-tab active px-5 py-2.5 rounded-xl border border-goldChampagne/35 text-xs font-mono transition">
                        <i class="fa-solid fa-file-shield mr-1.5"></i>
                        <span data-i18n="preview_tab_2">Formato Legal: Certificado de Destrucción Física de SSD</span>
                    </button>
                    <button type="button" id="tab-cert-erase" onclick="switchSampleCert('erase')" class="cert-tab px-5 py-2.5 rounded-xl border border-white/15 text-slate-300 text-xs font-mono transition">
                        <i class="fa-solid fa-shield-halved mr-1.5"></i>
                        <span data-i18n="preview_tab_1">Certificado de Borrado Seguro</span>
                    </button>
                </div>
            </div>

            <!-- VISTA 1: FORMATO LEGAL Y NORMATIVO DE DESTRUCCIÓN FÍSICA DE MEMORIAS SSD (CREADO PARA CORE ZERO) -->
            <div id="preview-box-ssd" class="card-slate rounded-2xl p-6 sm:p-10 border-2 border-goldChampagne/45 shadow-2xl">
                <div class="flex flex-col sm:flex-row sm:items-center justify-between pb-6 border-b border-goldChampagne/25 gap-4">
                    <div class="flex items-center gap-4">
                        <canvas id="cert-sample-logo" width="320" height="256" class="w-16 h-12 shrink-0"></canvas>
                        <div>
                            <div class="font-display text-xs sm:text-sm font-medium tracking-[0.24em] text-gold-brushed">
                                CORE ZERO DATA SECURITY
                            </div>
                            <h3 class="font-display text-base sm:text-lg font-normal text-white tracking-[0.04em] mt-0.5">
                                ACTA Y CERTIFICADO OFICIAL DE DESTRUCCIÓN FÍSICA DE MEDIOS SSD
                            </h3>
                            <p class="text-[10px] font-mono text-goldChampagne tracking-widest uppercase">
                                CUMPLIMIENTO NORMATIVO NIST SP 800-88 REV. 1 (SECCIÓN 4.7 &bull; CATEGORÍA: DESTROY) &bull; ISO/IEC 27040
                            </p>
                        </div>
                    </div>
                    <div class="text-left sm:text-right font-mono text-xs shrink-0">
                        <div class="text-goldLight font-medium">FOLIO LEGAL: CZ-SSD-2026-001</div>
                        <div class="text-slate-400 mt-0.5">MODALIDAD: DESTRUCCIÓN FÍSICA DEFINITIVA</div>
                    </div>
                </div>

                <!-- 1. Datos de Cadena de Custodia y Propietario de los Activos -->
                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 my-6 bg-[#151A21]/95 p-4 rounded-xl border border-goldChampagne/20 text-xs font-mono">
                    <div>
                        <span class="text-slate-400 block text-[10px]">1. ORGANIZACIÓN TITULAR:</span>
                        <strong class="text-white">Razón Social del Cliente</strong>
                    </div>
                    <div>
                        <span class="text-slate-400 block text-[10px]">2. UBICACIÓN DE EJECUCIÓN:</span>
                        <strong class="text-white">Instalaciones Cliente / Core Zero</strong>
                    </div>
                    <div>
                        <span class="text-slate-400 block text-[10px]">3. MÉTODO FÍSICO APLICADO:</span>
                        <strong class="text-goldLight">Fractura Directa sobre Chips NAND</strong>
                    </div>
                    <div>
                        <span class="text-slate-400 block text-[10px]">4. GRADO DE DISPOSICIÓN:</span>
                        <strong class="text-emerald-400">NIST 800-88 DESTROY (IRRECUPERABLE)</strong>
                    </div>
                </div>

                <!-- 2. Tabla Reglamentaria de Unidades Destruidas (Sección 4.7 NIST 800-88) -->
                <div class="overflow-x-auto bg-[#13171D] border border-white/10 rounded-xl">
                    <table class="w-full text-left font-mono text-[11px] sm:text-xs">
                        <thead class="bg-[#1A2028] text-goldChampagne border-b border-goldChampagne/20 uppercase">
                            <tr>
                                <th class="py-3 px-4">#</th>
                                <th class="py-3 px-4">Tipo de Memoria / Factor</th>
                                <th class="py-3 px-4">Marca / Modelo</th>
                                <th class="py-3 px-4">Capacidad</th>
                                <th class="py-3 px-4">Número de Serie (S/N)</th>
                                <th class="py-3 px-4">Verificación Física</th>
                            </tr>
                        </thead>
                        <tbody class="divide-y divide-white/5 text-slate-200">
                            <tr>
                                <td class="py-2.5 px-4 text-slate-400">01</td>
                                <td class="py-2.5 px-4">Memoria SSD NVMe M.2</td>
                                <td class="py-2.5 px-4">Samsung PM9A3</td>
                                <td class="py-2.5 px-4">1.92 TB</td>
                                <td class="py-2.5 px-4 text-goldLight">S64HNE0R802144</td>
                                <td class="py-2.5 px-4 text-emerald-400">DESTRUIDO &bull; VERIFICADO</td>
                            </tr>
                            <tr>
                                <td class="py-2.5 px-4 text-slate-400">02</td>
                                <td class="py-2.5 px-4">Memoria SSD SATA III</td>
                                <td class="py-2.5 px-4">Kingston DC500M</td>
                                <td class="py-2.5 px-4">960 GB</td>
                                <td class="py-2.5 px-4 text-goldLight">50026B76859C11</td>
                                <td class="py-2.5 px-4 text-emerald-400">DESTRUIDO &bull; VERIFICADO</td>
                            </tr>
                        </tbody>
                    </table>
                </div>

                <!-- 3. Declaratoria Jurídica y Normativa de Destrucción -->
                <div class="mt-5 p-4 rounded-xl bg-[#151A21]/80 border border-white/10 text-[11px] sm:text-xs text-slate-300 font-light leading-relaxed space-y-2">
                    <p class="font-mono text-[10px] uppercase tracking-[0.2em] text-goldChampagne">
                        DECLARATORIA DE VALIDEZ LEGAL Y CUMPLIMIENTO NORMATIVO (CADENA DE CUSTODIA):
                    </p>
                    <p>
                        Por medio del presente instrumento, <strong class="text-white font-normal">Core Zero Data Security</strong> hace constar y certifica que los módulos de memoria de estado sólido (SSD) identificados individualmente por su Número de Serie (S/N) en el inventario superior fueron sometidos a destrucción física definitiva sobre sus circuitos integrados y celdas de almacenamiento NAND Flash, en estricto apego a los lineamientos de la norma internacional <span class="font-mono text-goldLight">NIST Special Publication 800-88 Revision 1 (Guidelines for Media Sanitization — Categoría: Destroy, Sección 4.7)</span> e <span class="font-mono text-goldLight">ISO/IEC 27040</span>. Como resultado de este procedimiento físico irreversible, la extracción, reconstrucción o recuperación forense de datos resulta técnica y físicamente imposible.
                    </p>
                </div>

                <!-- 4. Firmas de Responsabilidad y Conformidad -->
                <div class="mt-6 pt-5 border-t border-goldChampagne/20 grid grid-cols-1 sm:grid-cols-3 gap-6 text-xs font-mono">
                    <div>
                        <span class="text-[10px] text-slate-400 block">EJECUCIÓN Y VERIFICACIÓN TÉCNICA:</span>
                        <span class="text-white block mt-1">Especialista Certificado Core Zero</span>
                        <span class="text-[10px] text-goldChampagne">Firma y Sello de Ejecución</span>
                    </div>
                    <div>
                        <span class="text-[10px] text-slate-400 block">CONFORMIDAD / TESTIGO DEL CLIENTE:</span>
                        <span class="text-white block mt-1">Representante Designado</span>
                        <span class="text-[10px] text-slate-400">Cierre de Cadena de Custodia</span>
                    </div>
                    <div class="sm:text-right flex flex-col justify-end">
                        <button type="button" onclick="openBlankLegalDestructionCert()" class="btn-gold font-display font-medium text-[11px] uppercase tracking-[0.15em] px-4 py-2.5 rounded-xl transition inline-flex items-center justify-center gap-2">
                            <i class="fa-solid fa-print"></i>
                            <span>Probar Impresión / Vista PDF</span>
                        </button>
                    </div>
                </div>
            </div>

            <!-- VISTA 2: ESPACIO PREPARADO PARA SUBIR EL CERTIFICADO DE BORRADO SEGURO -->
            <div id="preview-box-erase" class="hidden card-slate rounded-2xl p-8 sm:p-12 border border-goldChampagne/35 text-center">
                <div class="max-w-2xl mx-auto space-y-5">
                    <div class="w-14 h-14 rounded-2xl bg-goldChampagne/10 border border-goldChampagne/35 flex items-center justify-center text-goldChampagne text-xl mx-auto">
                        <i class="fa-solid fa-file-circle-check"></i>
                    </div>
                    <span class="text-[11px] font-mono uppercase tracking-[0.24em] text-goldChampagne block">
                        CERTIFICADO DE BORRADO SEGURO (DoD 5220.22-M / NIST SP 800-88)
                    </span>
                    <h3 class="font-display text-xl sm:text-2xl font-light text-white tracking-[0.03em]">
                        Certificación Individual por Unidad Procesada
                    </h3>
                    <p class="text-sm text-slate-300 font-light leading-relaxed">
                        Al concluir el procedimiento de borrado seguro, se entrega el certificado oficial con el desglose técnico de verificación al 100%, estándar aplicado, fecha, hora y número de serie único (S/N) de cada disco procesado.
                    </p>
                    <div id="custom-erase-cert-preview-holder" class="p-6 rounded-xl bg-[#14181F] border border-dashed border-goldChampagne/35 text-xs font-mono text-slate-400">
                        Espacio reservado para mostrar la muestra oficial del Certificado de Borrado Seguro.
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- PORTAL PRIVADO DE CERTIFICADOS (ACCESO CLIENTES + CONSOLA DE ADMINISTRACIÓN) -->
    <section id="portal-clientes" class="py-20 sm:py-24 border-b border-goldChampagne/15 bg-logo-section-alt">
        <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center max-w-3xl mx-auto mb-12">
                <span class="text-[11px] font-mono uppercase tracking-[0.28em] text-goldChampagne" data-i18n="portal_eyebrow">
                    CONSULTA Y DESCARGA DE CERTIFICADOS
                </span>
                <h2 class="font-display text-2xl sm:text-3xl lg:text-[34px] font-light text-white tracking-[0.04em] mt-3" data-i18n="portal_title">
                    Portal Privado de Certificados
                </h2>
                <p class="text-slate-300 text-sm sm:text-base mt-3 font-light leading-relaxed" data-i18n="portal_subtitle">
                    Ingrese con su usuario y contraseña asignados para consultar, filtrar por número de serie y descargar sus Certificados Oficiales de Borrado Seguro y Destrucción de Memorias SSD.
                </p>
            </div>

            <!-- Notificación Flotante -->
            <div id="portal-toast" class="hidden mb-6 p-4 rounded-xl bg-emerald-500/15 border border-emerald-500/40 text-emerald-200 text-xs font-mono flex items-center justify-between">
                <span id="portal-toast-msg">Operación completada.</span>
                <button type="button" onclick="document.getElementById('portal-toast').classList.add('hidden')" class="text-emerald-300 hover:text-white">
                    <i class="fa-solid fa-xmark"></i>
                </button>
            </div>

            <!-- VISTA A: PORTAL DE CLIENTES -->
            <div id="view-client-portal">
                <!-- Tarjeta de Inicio de Sesión -->
                <div id="client-login-card" class="max-w-md mx-auto card-slate rounded-2xl p-8 sm:p-10 border border-goldChampagne/30">
                    <div class="text-center mb-6">
                        <span class="text-[10px] font-mono uppercase tracking-[0.24em] text-goldChampagne" data-i18n="login_badge">
                            BÓVEDA DE CLIENTES
                        </span>
                        <h3 class="font-display text-xl font-light text-white mt-1" data-i18n="login_title">
                            Iniciar Sesión
                        </h3>
                    </div>

                    <form onsubmit="handleClientLogin(event)" class="space-y-4">
                        <div>
                            <label class="block text-xs font-mono uppercase tracking-wider text-slate-300 mb-1.5" data-i18n="login_user_label">Usuario de Cliente</label>
                            <input type="text" id="login-user-input" required class="w-full bg-[#13171D] border border-white/15 rounded-xl px-4 py-3 text-sm text-white focus:border-goldChampagne focus:outline-none" placeholder="usuario_asignado">
                        </div>
                        <div>
                            <label class="block text-xs font-mono uppercase tracking-wider text-slate-300 mb-1.5" data-i18n="login_pass_label">Contraseña</label>
                            <input type="password" id="login-pass-input" required class="w-full bg-[#13171D] border border-white/15 rounded-xl px-4 py-3 text-sm text-white focus:border-goldChampagne focus:outline-none" placeholder="••••••••">
                        </div>

                        <p id="login-error-msg" class="hidden text-xs font-mono text-rose-400">
                            Usuario o contraseña incorrectos. Verifique sus credenciales.
                        </p>

                        <button type="submit" class="w-full btn-gold font-display font-medium text-xs uppercase tracking-[0.18em] py-3.5 rounded-xl transition">
                            <span data-i18n="login_btn_submit">Consultar Certificados</span>
                        </button>
                    </form>

                    <div class="mt-6 pt-5 border-t border-white/10 flex items-center justify-between text-[11px] font-mono text-slate-400">
                        <button type="button" onclick="loginDemoAccount()" class="hover:text-goldLight underline transition" data-i18n="login_demo_btn">
                            Ver demostración de cuenta de cliente
                        </button>
                        <button type="button" onclick="toggleAdminView(true)" class="hover:text-goldLight transition flex items-center gap-1">
                            <i class="fa-solid fa-gear text-[10px]"></i>
                            <span data-i18n="login_admin_link">Administración</span>
                        </button>
                    </div>
                </div>

                <!-- Bóveda Activa del Cliente -->
                <div id="client-vault-dashboard" class="hidden card-slate rounded-2xl p-6 sm:p-9 border border-goldChampagne/40 space-y-6">
                    <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4 pb-5 border-b border-goldChampagne/20">
                        <div>
                            <span class="text-[10px] font-mono uppercase tracking-[0.24em] text-goldChampagne">CUENTA VERIFICADA</span>
                            <h3 id="vault-company-name" class="font-display text-xl font-normal text-white mt-0.5">Empresa Cliente</h3>
                            <p id="vault-company-meta" class="text-xs font-mono text-slate-400 mt-0.5"></p>
                        </div>
                        <button type="button" onclick="logoutClient()" class="self-start sm:self-auto px-4 py-2 rounded-xl bg-white/5 hover:bg-white/10 text-slate-300 text-xs font-mono transition">
                            <i class="fa-solid fa-right-from-bracket mr-1.5"></i>
                            <span data-i18n="vault_btn_logout">Cerrar Sesión</span>
                        </button>
                    </div>

                    <div>
                        <label class="block text-xs font-mono text-slate-300 mb-2" data-i18n="vault_search_hint">
                            Búsqueda rápida por Folio o Número de Serie (S/N):
                        </label>
                        <input type="text" id="vault-search-input" oninput="renderClientCertificates()" class="w-full bg-[#13171D] border border-white/15 rounded-xl px-4 py-3 text-xs font-mono text-white focus:border-goldChampagne focus:outline-none" placeholder="Ej. S64HNE0R802144 o CZ-2026...">
                    </div>

                    <div id="vault-certs-container" class="space-y-4"></div>
                </div>
            </div>

            <!-- VISTA B: CONSOLA DE ADMINISTRACIÓN (CREAR USUARIOS Y GENERAR CERTIFICADOS) -->
            <div id="view-admin-portal" class="hidden">
                <!-- Desbloqueo por PIN -->
                <div id="admin-pin-card" class="max-w-md mx-auto card-slate rounded-2xl p-8 border border-goldChampagne/35">
                    <div class="flex items-center justify-between mb-4">
                        <span class="text-xs font-mono uppercase tracking-wider text-goldChampagne">Consola de Administración</span>
                        <button type="button" onclick="toggleAdminView(false)" class="text-xs font-mono text-slate-400 hover:text-white">Volver</button>
                    </div>
                    <form onsubmit="handleAdminUnlock(event)" class="space-y-4">
                        <label class="block text-xs font-mono text-slate-300">Clave de Administrador (Demo: 2026)</label>
                        <input type="password" id="admin-pin-input" value="2026" required class="w-full bg-[#13171D] border border-white/15 rounded-xl px-4 py-3 text-sm font-mono text-white">
                        <button type="submit" class="w-full btn-gold font-display font-medium text-xs uppercase tracking-widest py-3 rounded-xl">
                            Entrar al Panel
                        </button>
                    </form>
                </div>

                <!-- Panel Completo de Administración -->
                <div id="admin-console-panel" class="hidden card-slate rounded-2xl p-6 sm:p-9 border border-goldChampagne/40 space-y-8">
                    <div class="flex items-center justify-between pb-4 border-b border-goldChampagne/20">
                        <div>
                            <span class="text-[10px] font-mono uppercase tracking-widest text-goldChampagne">ADMINISTRACIÓN CORE ZERO DATA SECURITY</span>
                            <h3 class="font-display text-lg sm:text-xl font-normal text-white">Gestión de Clientes y Emisión de Certificados</h3>
                        </div>
                        <button type="button" onclick="toggleAdminView(false)" class="px-4 py-2 rounded-xl bg-white/10 hover:bg-white/15 text-xs font-mono text-white">
                            Volver a Vista Cliente
                        </button>
                    </div>

                    <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
                        <!-- Columna 1: Crear Usuario y Contraseña de Cliente -->
                        <div class="space-y-4 bg-[#141920] p-5 rounded-2xl border border-white/10">
                            <div class="flex items-center justify-between">
                                <h4 class="font-mono text-xs uppercase tracking-wider text-goldLight">1. Crear Cuenta de Cliente</h4>
                                <span class="text-[11px] font-mono text-slate-400">Activos: <strong id="adm-client-count" class="text-white">1</strong></span>
                            </div>
                            <form onsubmit="handleCreateClient(event)" class="space-y-3">
                                <input type="text" id="adm-client-company" required placeholder="Razón Social / Empresa *" class="w-full bg-[#1C222A] border border-white/15 rounded-xl px-3.5 py-2.5 text-xs text-white">
                                <div class="grid grid-cols-2 gap-2.5">
                                    <input type="text" id="adm-client-user" required placeholder="Usuario *" class="bg-[#1C222A] border border-white/15 rounded-xl px-3.5 py-2.5 text-xs font-mono text-white">
                                    <div class="flex gap-1.5">
                                        <input type="text" id="adm-client-pass" required placeholder="Contraseña *" class="w-full bg-[#1C222A] border border-white/15 rounded-xl px-3 py-2.5 text-xs font-mono text-white">
                                        <button type="button" onclick="generateClientPass()" class="px-2.5 rounded-xl bg-white/10 text-goldLight text-xs font-mono" title="Generar clave">Auto</button>
                                    </div>
                                </div>
                                <input type="text" id="adm-client-ref" placeholder="Área / Referencia (Opcional)" class="w-full bg-[#1C222A] border border-white/15 rounded-xl px-3.5 py-2.5 text-xs text-white">
                                <button type="submit" class="w-full btn-gold font-display font-medium text-xs uppercase tracking-wider py-2.5 rounded-xl">
                                    Guardar Usuario y Contraseña
                                </button>
                            </form>

                            <div id="adm-client-list" class="space-y-2 pt-2 max-h-52 overflow-y-auto"></div>
                        </div>

                        <!-- Columna 2: Asignar Certificado al Cliente -->
                        <div class="space-y-4 bg-[#141920] p-5 rounded-2xl border border-white/10">
                            <h4 class="font-mono text-xs uppercase tracking-wider text-goldLight">2. Emitir / Vincular Certificado a Cliente</h4>
                            <form onsubmit="handleCreateCert(event)" class="space-y-3">
                                <div class="grid grid-cols-2 gap-2.5">
                                    <select id="adm-cert-client" class="bg-[#1C222A] border border-white/15 rounded-xl px-3 py-2.5 text-xs text-white"></select>
                                    <input type="text" id="adm-cert-folio" required placeholder="Folio (CZ-2026-...)" class="bg-[#1C222A] border border-white/15 rounded-xl px-3 py-2.5 text-xs font-mono text-goldLight">
                                </div>
                                <div class="grid grid-cols-3 gap-2.5">
                                    <select id="adm-cert-standard" class="col-span-2 bg-[#1C222A] border border-white/15 rounded-xl px-3 py-2.5 text-xs text-white">
                                        <option value="Destrucción Física de Memorias SSD — NIST SP 800-88 Rev. 1 (Destroy)">Destrucción Física de Memorias SSD (NIST 800-88 Destroy)</option>
                                        <option value="Procedimiento de Borrado Seguro — DoD 5220.22-M / NIST 800-88">Procedimiento de Borrado Seguro (DoD 5220.22-M / NIST)</option>
                                    </select>
                                    <input type="number" id="adm-cert-units" value="10" min="1" class="bg-[#1C222A] border border-white/15 rounded-xl px-3 py-2.5 text-xs font-mono text-white" placeholder="Unidades">
                                </div>
                                <div class="grid grid-cols-2 gap-2.5">
                                    <input type="text" id="adm-cert-location" placeholder="Ubicación (Ej. En Sitio / Tijuana)" class="bg-[#1C222A] border border-white/15 rounded-xl px-3 py-2 text-xs text-white">
                                    <input type="text" id="adm-cert-witness" placeholder="Testigo / Representante del Cliente" class="bg-[#1C222A] border border-white/15 rounded-xl px-3 py-2 text-xs text-white">
                                </div>
                                <textarea id="adm-cert-serials" rows="3" required placeholder="Números de Serie (S/N), uno por línea..." class="w-full bg-[#1C222A] border border-white/15 rounded-xl p-3 text-xs font-mono text-white"></textarea>
                                <input type="text" id="adm-cert-url" placeholder="Enlace directo a PDF externo (Opcional)" class="w-full bg-[#1C222A] border border-white/15 rounded-xl px-3.5 py-2 text-xs font-mono text-slate-300">
                                <div class="grid grid-cols-1 sm:grid-cols-2 gap-2.5 pt-1">
                                    <button type="submit" class="btn-gold font-display font-medium text-[11px] uppercase tracking-wider py-2.5 rounded-xl">
                                        Publicar en Cuenta del Cliente
                                    </button>
                                    <button type="button" onclick="previewGeneratedLegalCertFromAdmin()" class="bg-white/10 hover:bg-white/15 text-goldLight border border-goldChampagne/35 font-mono text-[11px] py-2.5 rounded-xl">
                                        Crear / Imprimir PDF Legal
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- MODAL DE VISTA E IMPRESIÓN DEL CERTIFICADO LEGAL OFICIAL (CUMPLE NIST SP 800-88 SECCIÓN 4.7) -->
    <div id="cert-modal" class="fixed inset-0 z-50 hidden bg-black/80 backdrop-blur-sm flex items-center justify-center p-4 overflow-y-auto">
        <div class="max-w-4xl w-full my-8">
            <div class="flex justify-end gap-2 mb-3">
                <button onclick="window.print()" class="btn-gold font-bold text-xs px-4 py-2 rounded-xl flex items-center gap-1.5">
                    <i class="fa-solid fa-print"></i>
                    <span>Imprimir / Guardar PDF Oficial</span>
                </button>
                <button onclick="closeCertModal()" class="bg-white/10 hover:bg-white/20 text-white text-xs px-4 py-2 rounded-xl">
                    <i class="fa-solid fa-xmark mr-1"></i>Cerrar
                </button>
            </div>

            <!-- Printable Official Legal Certificate Sheet -->
            <div id="official-cert-sheet" class="bg-[#1C222A] border-2 border-goldChampagne/70 rounded-2xl p-8 sm:p-12 shadow-2xl">
                <div class="flex flex-col sm:flex-row sm:items-center justify-between pb-6 border-b border-goldChampagne/30 gap-4">
                    <div class="flex items-center gap-4">
                        <canvas id="modal-logo-canvas" width="320" height="256" class="w-16 h-12 shrink-0"></canvas>
                        <div>
                            <div class="font-display text-sm font-semibold tracking-[0.22em] text-gold-brushed">
                                CORE ZERO DATA SECURITY
                            </div>
                            <h3 class="font-display text-base sm:text-lg font-normal text-white mt-0.5 tracking-[0.03em]">
                                ACTA Y CERTIFICADO OFICIAL DE SANITIZACIÓN / DESTRUCCIÓN FÍSICA DE DATOS
                            </h3>
                            <p class="text-[10px] font-mono text-goldChampagne tracking-widest uppercase">
                                VALIDEZ NORMATIVA: NIST SP 800-88 REV. 1 (SECCIÓN 4.7) &bull; DoD 5220.22-M &bull; ISO/IEC 27040
                            </p>
                        </div>
                    </div>
                    <div class="text-left sm:text-right font-mono text-xs shrink-0">
                        <div id="modal-cert-folio" class="text-goldLight font-bold text-sm">FOLIO: CZ-2026-0895</div>
                        <div id="modal-cert-date" class="text-slate-400 mt-0.5">FECHA DE EMISIÓN: 2026-11-12</div>
                    </div>
                </div>

                <!-- Cadena de Custodia y Datos Normativos -->
                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 my-6 bg-[#151A21] p-4 rounded-xl border border-goldChampagne/20 text-xs font-mono">
                    <div>
                        <span class="text-slate-400 block text-[10px]">1. ORGANIZACIÓN / PROPIETARIO DE ACTIVOS:</span>
                        <strong id="modal-cert-company" class="text-white text-xs sm:text-sm">Grupo Industrial del Pacífico S.A. de C.V.</strong>
                    </div>
                    <div>
                        <span class="text-slate-400 block text-[10px]">2. ESTÁNDAR Y CATEGORÍA DE DISPOSICIÓN:</span>
                        <strong id="modal-cert-standard" class="text-goldLight">NIST SP 800-88 Rev. 1 (Destroy)</strong>
                    </div>
                    <div>
                        <span class="text-slate-400 block text-[10px]">3. MÉTODO TÉCNICO APLICADO:</span>
                        <strong id="modal-cert-method" class="text-white">Fractura y Trituración Física de Chips NAND SSD</strong>
                    </div>
                    <div>
                        <span class="text-slate-400 block text-[10px]">4. LUGAR DE EJECUCIÓN:</span>
                        <strong id="modal-cert-location" class="text-white">Instalaciones del Cliente / En Sitio</strong>
                    </div>
                    <div>
                        <span class="text-slate-400 block text-[10px]">5. TOTAL DE MEDIOS PROCESADOS:</span>
                        <strong id="modal-cert-units" class="text-goldLight">14 Unidades Certificadas</strong>
                    </div>
                    <div>
                        <span class="text-slate-400 block text-[10px]">6. VERIFICACIÓN POST-PROCEDIMIENTO:</span>
                        <strong class="text-emerald-400">100% IRRECUPERABLE (VERIFICADO)</strong>
                    </div>
                </div>

                <!-- Inventario de Series -->
                <div class="my-6">
                    <div class="text-[11px] font-mono uppercase tracking-wider text-goldChampagne mb-2">
                        RELACIÓN INDIVIDUALIZADA DE MEDIOS DE ALMACENAMIENTO Y NÚMEROS DE SERIE (S/N):
                    </div>
                    <div id="modal-cert-serials" class="bg-[#12161C] border border-goldChampagne/25 rounded-xl p-4 font-mono text-xs text-slate-200 leading-relaxed whitespace-pre-wrap">
                    </div>
                </div>

                <!-- Cláusula Legal de Certificación y Liberación -->
                <div class="my-6 p-4 rounded-xl bg-[#151A21] border border-white/10 text-[11px] text-slate-300 font-light leading-relaxed">
                    <strong class="text-goldChampagne font-mono uppercase block mb-1">DECLARATORIA JURÍDICA Y TÉCNICA DE DESTRUCCIÓN / SANITIZACIÓN:</strong>
                    Core Zero Data Security certifica bajo protesta de decir verdad que las unidades de almacenamiento y módulos de memoria de estado sólido (SSD) cuyos números de serie (S/N) constan en el presente documento fueron procesados conforme a las directrices de la norma internacional <strong>NIST Special Publication 800-88 Revision 1 (Sección 4.7 — Certificate of Media Disposition)</strong>, <strong>DoD 5220.22-M</strong> e <strong>ISO/IEC 27040</strong>. Queda acreditada la destrucción física de las celdas de memoria o la sanitización lógica total, haciendo física y forensemente imposible la recuperación parcial o total de la información contenida previamente, dando cabal cumplimiento a las obligaciones de confidencialidad, cadena de custodia y protección de datos aplicables al cliente.
                </div>

                <!-- Bloques de Firmas para Validez Legal -->
                <div class="pt-8 mt-6 border-t border-goldChampagne/30 grid grid-cols-1 sm:grid-cols-2 gap-8 text-xs font-mono">
                    <div class="border-t border-goldChampagne/40 pt-3">
                        <div class="text-goldLight font-bold">CORE ZERO DATA SECURITY</div>
                        <div class="text-[11px] text-white mt-0.5">DIRECCIÓN DE CUMPLIMIENTO Y EJECUCIÓN TÉCNICA</div>
                        <div class="text-[10px] text-slate-400 mt-1">Nombre y Firma del Especialista Responsable &bull; corezero.com.mx</div>
                    </div>
                    <div class="border-t border-goldChampagne/40 pt-3 sm:text-right">
                        <div id="modal-cert-witness" class="text-white font-bold">REPRESENTANTE / TESTIGO DE LA ORGANIZACIÓN CLIENTE</div>
                        <div class="text-[11px] text-slate-300 mt-0.5">CONFORMIDAD DE CADENA DE CUSTODIA Y VERIFICACIÓN</div>
                        <div class="text-[10px] text-slate-400 mt-1">Nombre, Cargo y Firma de Recepción del Certificado</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- CONTACTO DIRECTO -->
    <section id="contacto" class="py-20 sm:py-24 bg-logo-section-alt border-t border-goldChampagne/15">
        <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="card-slate rounded-3xl p-8 sm:p-12">
                <div class="text-center max-w-2xl mx-auto mb-10">
                    <span class="text-[11px] font-mono uppercase tracking-[0.28em] text-goldChampagne" data-i18n="contact_eyebrow">
                        ATENCIÓN CONFIDENCIAL
                    </span>
                    <h2 class="font-display text-2xl sm:text-3xl lg:text-[34px] font-light text-white tracking-[0.04em] mt-3" data-i18n="contact_title">
                        Contacto
                    </h2>
                    <p class="text-slate-300 text-sm sm:text-base mt-2 font-light" data-i18n="contact_subtitle">
                        Póngase en contacto con nuestro equipo para programar su servicio de borrado seguro o destrucción física de memorias SSD.
                    </p>
                </div>

                <form onsubmit="handleContactSubmit(event)" class="space-y-5">
                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-5">
                        <div>
                            <label class="block text-xs font-mono uppercase tracking-wider text-slate-300 mb-2" data-i18n="form_company">Empresa / Organización *</label>
                            <input type="text" id="c-company" required class="w-full bg-[#151A21] border border-white/15 rounded-xl px-4 py-3 text-sm text-white focus:border-goldChampagne focus:outline-none">
                        </div>
                        <div>
                            <label class="block text-xs font-mono uppercase tracking-wider text-slate-300 mb-2" data-i18n="form_name">Nombre y Cargo *</label>
                            <input type="text" id="c-name" required class="w-full bg-[#151A21] border border-white/15 rounded-xl px-4 py-3 text-sm text-white focus:border-goldChampagne focus:outline-none">
                        </div>
                        <div>
                            <label class="block text-xs font-mono uppercase tracking-wider text-slate-300 mb-2" data-i18n="form_email">Correo Electrónico *</label>
                            <input type="email" id="c-email" required class="w-full bg-[#151A21] border border-white/15 rounded-xl px-4 py-3 text-sm text-white focus:border-goldChampagne focus:outline-none">
                        </div>
                        <div>
                            <label class="block text-xs font-mono uppercase tracking-wider text-slate-300 mb-2" data-i18n="form_phone">Teléfono *</label>
                            <input type="tel" id="c-phone" required class="w-full bg-[#151A21] border border-white/15 rounded-xl px-4 py-3 text-sm text-white focus:border-goldChampagne focus:outline-none">
                        </div>
                    </div>

                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-5">
                        <div>
                            <label class="block text-xs font-mono uppercase tracking-wider text-slate-300 mb-2" data-i18n="form_service">Servicio Requerido *</label>
                            <select id="c-service" class="w-full bg-[#151A21] border border-white/15 rounded-xl px-4 py-3 text-sm text-white focus:border-goldChampagne focus:outline-none">
                                <option value="Procedimiento de Borrado Seguro (DoD / NIST)">Procedimiento de Borrado Seguro (DoD / NIST)</option>
                                <option value="Destrucción Física de Memorias SSD">Destrucción Física de Memorias SSD</option>
                                <option value="Servicio Integral: Borrado Seguro + Destrucción de Memorias SSD">Ambos Servicios (Borrado Seguro + Destrucción de Memorias SSD)</option>
                            </select>
                        </div>
                        <div>
                            <label class="block text-xs font-mono uppercase tracking-wider text-slate-300 mb-2" data-i18n="form_location">Ciudad y Modalidad *</label>
                            <select id="c-location" class="w-full bg-[#151A21] border border-white/15 rounded-xl px-4 py-3 text-sm text-white focus:border-goldChampagne focus:outline-none">
                                <option value="Tijuana — Servicio a Domicilio / En Instalaciones">Tijuana — Servicio a Domicilio / En Instalaciones</option>
                                <option value="Mexicali — Servicio a Domicilio / En Instalaciones">Mexicali — Servicio a Domicilio / En Instalaciones</option>
                                <option value="Rosarito — Servicio a Domicilio / En Instalaciones">Rosarito — Servicio a Domicilio / En Instalaciones</option>
                                <option value="Ensenada — Servicio a Domicilio / En Instalaciones">Ensenada — Servicio a Domicilio / En Instalaciones</option>
                                <option value="Tecate — Servicio a Domicilio / En Instalaciones">Tecate — Servicio a Domicilio / En Instalaciones</option>
                                <option value="Recepción de Unidades / Otra Ubicación">Recepción de Unidades / Otra Ubicación</option>
                            </select>
                        </div>
                    </div>

                    <div>
                        <label class="block text-xs font-mono uppercase tracking-wider text-slate-300 mb-2" data-i18n="form_qty">Volumen Estimado de Unidades</label>
                        <input type="text" id="c-qty" class="w-full bg-[#151A21] border border-white/15 rounded-xl px-4 py-3 text-sm text-white focus:border-goldChampagne focus:outline-none" placeholder="Ej. 50 unidades">
                    </div>

                    <div class="pt-4 flex flex-col sm:flex-row items-center justify-between gap-4 border-t border-white/10">
                        <div class="text-xs text-slate-300 font-mono font-light flex items-center gap-2">
                            <i class="fa-solid fa-envelope text-goldChampagne"></i>
                            <span>contacto@corezero.com.mx</span>
                        </div>
                        <button type="submit" class="w-full sm:w-auto btn-gold font-display font-medium text-xs uppercase tracking-[0.2em] px-9 py-4 rounded-xl transition flex items-center justify-center gap-2">
                            <i class="fa-solid fa-paper-plane"></i>
                            <span data-i18n="form_submit">Enviar Solicitud</span>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </section>

    <!-- FOOTER -->
    <footer class="bg-logo-well border-t border-goldChampagne/15 py-12 text-xs text-slate-400">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col sm:flex-row items-center justify-between gap-6">
            <div class="flex items-center gap-3.5 text-center sm:text-left">
                <canvas id="footer-logo-canvas" width="240" height="190" class="w-12 h-10 shrink-0 hidden sm:block"></canvas>
                <div class="space-y-1">
                    <div class="font-display tracking-[0.22em] text-sm">
                        <span class="font-semibold text-gold-brushed">CORE</span>
                        <span class="font-light text-gold-brushed ml-1.5">ZERO</span>
                        <span class="text-[10px] font-mono text-goldChampagne ml-2 tracking-[0.24em]">DATA SECURITY</span>
                    </div>
                    <p class="text-[11px] text-slate-500" data-i18n="footer_rights">
                        &copy; 2026 Core Zero Data Security. Todos los derechos reservados &bull; corezero.com.mx
                    </p>
                </div>
            </div>

            <div class="flex flex-wrap items-center gap-2.5">
                <button type="button" data-studio-only="true" onclick="reopenLogoStudioBar()" class="px-3.5 py-2 rounded-xl bg-white/5 hover:bg-white/10 text-slate-400 hover:text-goldLight border border-white/10 font-mono text-[11px] transition flex items-center gap-2">
                    <i class="fa-solid fa-image text-goldChampagne"></i>
                    <span>Cambiar / Ajustar Logo</span>
                </button>
                <button onclick="downloadCleanHTML()" class="px-4 py-2 rounded-xl bg-white/5 hover:bg-white/10 text-slate-300 border border-white/10 font-mono text-[11px] transition flex items-center gap-2">
                    <i class="fa-solid fa-download text-goldChampagne"></i>
                    <span data-i18n="footer_download">Descargar sitio web (.html)</span>
                </button>
            </div>
        </div>
    </footer>

    <!-- ======================================================================================== -->
    <!-- REAL IMAGE LOGO INTEGRATOR + CONTINUOUS 3D FALLBACK EMBLEM RENDERER                      -->
    <!-- ======================================================================================== -->
    <script id="embedded-brand-state">
        window.__EMBEDDED_LOGO_STATE__ = null;
    </script>
    <script>
        const LOCAL_STORAGE_LOGO_KEY = 'corezero_official_logo_v5';
        const LEGACY_KEYS = ['corezero_official_logo_saved_v4', 'corezero_official_logo_saved_v3'];
        const IDB_NAME = 'CoreZeroBrandVaultDB';
        const IDB_STORE = 'brandAssets';

        function saveLogoToIndexedDB(stateObj) {
            try {
                const req = indexedDB.open(IDB_NAME, 1);
                req.onupgradeneeded = function(e) {
                    const db = e.target.result;
                    if (!db.objectStoreNames.contains(IDB_STORE)) {
                        db.createObjectStore(IDB_STORE);
                    }
                };
                req.onsuccess = function(e) {
                    const db = e.target.result;
                    const tx = db.transaction(IDB_STORE, 'readwrite');
                    tx.objectStore(IDB_STORE).put(stateObj, 'official_logo');
                };
            } catch (err) {}
        }

        function loadLogoFromIndexedDB(callback) {
            try {
                const req = indexedDB.open(IDB_NAME, 1);
                req.onupgradeneeded = function(e) {
                    const db = e.target.result;
                    if (!db.objectStoreNames.contains(IDB_STORE)) {
                        db.createObjectStore(IDB_STORE);
                    }
                };
                req.onsuccess = function(e) {
                    const db = e.target.result;
                    const tx = db.transaction(IDB_STORE, 'readonly');
                    const getReq = tx.objectStore(IDB_STORE).get('official_logo');
                    getReq.onsuccess = function() {
                        callback(getReq.result || null);
                    };
                    getReq.onerror = function() { callback(null); };
                };
                req.onerror = function() { callback(null); };
            } catch (err) {
                callback(null);
            }
        }

        function loadLogoStateFromLocalStorage() {
            const keysToTry = [LOCAL_STORAGE_LOGO_KEY, ...LEGACY_KEYS];
            for (const k of keysToTry) {
                try {
                    const raw = localStorage.getItem(k);
                    if (raw) {
                        const parsed = JSON.parse(raw);
                        if (parsed && (parsed.rawBase64 || parsed.processedHeroUrl || parsed.cloudBase64)) {
                            return parsed;
                        }
                    }
                } catch (e) {}
            }
            try {
                if (window.name && window.name.startsWith('CZ_LOGO_STATE:')) {
                    const parsed = JSON.parse(window.name.slice('CZ_LOGO_STATE:'.length));
                    if (parsed && (parsed.rawBase64 || parsed.processedHeroUrl)) return parsed;
                }
            } catch (e) {}
            return null;
        }

        // Save a single, lightweight object (~200KB) so localStorage NEVER throws QuotaExceededError
        function saveLogoStateToLocalStorage(stateObj) {
            if (!stateObj || (!stateObj.rawBase64 && !stateObj.processedHeroUrl)) return;
            const compactState = {
                rawBase64: stateObj.rawBase64 || stateObj.processedHeroUrl,
                processedHeroUrl: stateObj.rawBase64 || stateObj.processedHeroUrl,
                processedEmblemUrl: stateObj.processedEmblemUrl || null,
                isWideLockup: Boolean(stateObj.isWideLockup),
                blendMode: 'natural',
                isLocked: Boolean(stateObj.isLocked)
            };
            const serialized = JSON.stringify(compactState);
            try {
                LEGACY_KEYS.forEach(k => localStorage.removeItem(k));
                localStorage.setItem(LOCAL_STORAGE_LOGO_KEY, serialized);
            } catch (e) {
                try {
                    // Fallback without icon buffer if storage is tight
                    const minimal = JSON.stringify({
                        rawBase64: compactState.rawBase64,
                        processedHeroUrl: compactState.rawBase64,
                        isWideLockup: compactState.isWideLockup,
                        isLocked: compactState.isLocked
                    });
                    localStorage.setItem(LOCAL_STORAGE_LOGO_KEY, minimal);
                } catch (e2) {}
            }
            try {
                window.name = 'CZ_LOGO_STATE:' + serialized;
            } catch (e) {}
            saveLogoToIndexedDB(compactState);
        }

        window.customLogoState = window.__EMBEDDED_LOGO_STATE__ || loadLogoStateFromLocalStorage() || {
            rawBase64: null,
            isWideLockup: true,
            blendMode: 'natural',
            processedHeroUrl: null,
            processedEmblemUrl: null,
            isLocked: false
        };

        // Process the uploaded image WITHOUT modifying, masking, or distorting the Hero image!
        function processRealLogoImage(rawDataUrl, blendMode, callback) {
            const img = new Image();
            img.onload = function() {
                const origW = img.naturalWidth || img.width;
                const origH = img.naturalHeight || img.height;
                const aspect = origW / origH;
                const isWide = aspect > 1.25;

                // 1. Keep the Hero image 100% UNTOUCHED (no alpha masks, no shaders, exact original look)
                // Normalized to 1280px max width at high 0.90 JPEG quality (~190KB) so it ALWAYS saves in localStorage & Cloud
                const maxW = 1280;
                const scaleFactor = origW > maxW ? (maxW / origW) : 1;
                const W = Math.round(origW * scaleFactor);
                const H = Math.round(origH * scaleFactor);

                const heroCanvas = document.createElement('canvas');
                heroCanvas.width = W;
                heroCanvas.height = H;
                const hctx = heroCanvas.getContext('2d');
                hctx.imageSmoothingEnabled = true;
                hctx.imageSmoothingQuality = 'high';
                hctx.drawImage(img, 0, 0, W, H);

                const untouchedHeroUrl = heroCanvas.toDataURL('image/jpeg', 0.90);

                // 2. Build the small Emblem Icon for Navbar, Certificates & Footer
                // Exact coordinates for 16:9 image so it NEVER touches the 'CORE ZERO' letters (which sit at y >= 62%)
                // and preserves the true 5:4 aspect ratio without stretching
                const iconCanvas = document.createElement('canvas');
                const iconW = 320;
                const iconH = 256;
                iconCanvas.width = iconW;
                iconCanvas.height = iconH;
                const ictx = iconCanvas.getContext('2d');
                ictx.imageSmoothingEnabled = true;
                ictx.imageSmoothingQuality = 'high';

                const sx = isWide ? origW * 0.335 : origW * 0.04;
                const sy = isWide ? origH * 0.095 : origH * 0.04;
                const sw = isWide ? origW * 0.330 : origW * 0.92;
                const sh = isWide ? origH * 0.470 : origH * 0.92;

                // Preserve exact aspect ratio inside 320x256
                const cropAspect = sw / sh;
                const targetAspect = iconW / iconH;
                let drawW = iconW, drawH = iconH, dx = 0, dy = 0;
                if (cropAspect > targetAspect) {
                    drawH = iconW / cropAspect;
                    dy = (iconH - drawH) / 2;
                } else {
                    drawW = iconH * cropAspect;
                    dx = (iconW - drawW) / 2;
                }

                ictx.drawImage(img, sx, sy, sw, sh, dx, dy, drawW, drawH);

                // Soft perimeter feather ONLY at the outer 10% border of the small icon
                ictx.save();
                ictx.globalCompositeOperation = 'destination-in';
                const rad = ictx.createRadialGradient(
                    iconW * 0.5, iconH * 0.5, iconH * 0.36,
                    iconW * 0.5, iconH * 0.5, iconW * 0.49
                );
                rad.addColorStop(0.0, 'rgba(0,0,0,1)');
                rad.addColorStop(0.85, 'rgba(0,0,0,0.96)');
                rad.addColorStop(1.0, 'rgba(0,0,0,0)');
                ictx.fillStyle = rad;
                ictx.fillRect(0, 0, iconW, iconH);
                ictx.restore();

                const processedEmblemUrl = iconCanvas.toDataURL('image/png');

                callback({
                    rawBase64: untouchedHeroUrl,
                    cloudBase64: untouchedHeroUrl,
                    isWideLockup: isWide,
                    blendMode: 'natural',
                    processedHeroUrl: untouchedHeroUrl,
                    processedEmblemUrl: processedEmblemUrl,
                    isLocked: true
                });
            };
            img.src = rawDataUrl;
        }

        function applyGoldExtractionShader(ctx, width, height) {
            const imgData = ctx.getImageData(0, 0, width, height);
            const data = imgData.data;

            for (let i = 0; i < data.length; i += 4) {
                const r = data[i];
                const g = data[i + 1];
                const b = data[i + 2];

                const warmth = (r - b) + (g - b) * 0.65;
                const luma = 0.299 * r + 0.587 * g + 0.114 * b;

                const px = (i / 4) % width;
                const py = Math.floor((i / 4) / width);
                const nx = (px / width) - 0.5;
                const ny = (py / height) - 0.5;
                const dist = Math.sqrt(nx * nx + ny * ny);

                if (warmth > 16 || luma > 135) {
                    const alphaBoost = Math.min(1, Math.max(0.88, (warmth - 8) / 22));
                    data[i + 3] = Math.round(alphaBoost * 255);
                } else if (warmth > 5) {
                    const edgeAlpha = Math.max(0, Math.min(1, (warmth - 5) / 11));
                    data[i + 3] = Math.round(edgeAlpha * 255);
                } else if (luma < 26 && dist < 0.36) {
                    const shadowAlpha = Math.max(0, Math.min(0.65, (26 - luma) / 26));
                    data[i + 3] = Math.round(shadowAlpha * 255);
                } else {
                    data[i + 3] = 0;
                }
            }

            ctx.putImageData(imgData, 0, 0);
        }

        // Generate a seamless, tileable architectural slate-stone texture matching the exact
        // matte stone grain, micro-fissures, and tonal variations behind the Core Zero logo
        function generateArchitecturalStoneTile(baseRGB) {
            const size = 360;
            const canvas = document.createElement('canvas');
            canvas.width = size;
            canvas.height = size;
            const ctx = canvas.getContext('2d');

            const [baseR, baseG, baseB] = baseRGB || [36, 43, 52];
            const imgData = ctx.createImageData(size, size);
            const data = imgData.data;

            // Deterministic tileable hash noise for organic stone clouds + mineral grain
            function hash2D(x, y, period) {
                const px = ((x % period) + period) % period;
                const py = ((y % period) + period) % period;
                const n = Math.sin(px * 127.1 + py * 311.7) * 43758.5453123;
                return n - Math.floor(n);
            }

            function smoothTileNoise(x, y, scale) {
                const period = Math.round(size / scale);
                const gx = x / scale;
                const gy = y / scale;
                const x0 = Math.floor(gx);
                const y0 = Math.floor(gy);
                const fx = gx - x0;
                const fy = gy - y0;
                const u = fx * fx * (3 - 2 * fx);
                const v = fy * fy * (3 - 2 * fy);

                const n00 = hash2D(x0, y0, period);
                const n10 = hash2D(x0 + 1, y0, period);
                const n01 = hash2D(x0, y0 + 1, period);
                const n11 = hash2D(x0 + 1, y0 + 1, period);

                return (n00 * (1 - u) + n10 * u) * (1 - v) + (n01 * (1 - u) + n11 * u) * v;
            }

            for (let y = 0; y < size; y++) {
                for (let x = 0; x < size; x++) {
                    // Multi-scale slate stone relief
                    const macro = smoothTileNoise(x, y, 72);
                    const meso = smoothTileNoise(x, y, 24);
                    const micro = smoothTileNoise(x, y, 6);
                    const grain = hash2D(x, y, size);

                    // Subtle diagonal stone strata / slate cleavage lines
                    const veinWave = Math.sin(((x + y * 0.65) / size) * Math.PI * 4 + macro * 3.2);
                    const veinFactor = Math.pow(Math.abs(veinWave), 0.35) * 6 - 3;

                    const delta = (macro - 0.5) * 20 + (meso - 0.5) * 12 + (micro - 0.5) * 7 + (grain - 0.5) * 5 + veinFactor;

                    const idx = (y * size + x) * 4;
                    data[idx]     = Math.max(0, Math.min(255, Math.round(baseR + delta)));
                    data[idx + 1] = Math.max(0, Math.min(255, Math.round(baseG + delta * 1.03)));
                    data[idx + 2] = Math.max(0, Math.min(255, Math.round(baseB + delta * 1.08)));
                    data[idx + 3] = 95; // Balanced alpha for seamless overlay blending
                }
            }

            ctx.putImageData(imgData, 0, 0);
            const tileDataUrl = canvas.toDataURL('image/png');
            document.documentElement.style.setProperty('--stone-tile-url', `url("${tileDataUrl}")`);
        }
        window.generateArchitecturalStoneTile = generateArchitecturalStoneTile;

        // Automatically sample the exact background slate pixels from the uploaded logo image
        // and apply them to the entire website so there is zero seam or color mismatch
        function syncSiteBackgroundWithLogo(sourceUrl) {
            if (!sourceUrl) return;
            const probeImg = new Image();
            probeImg.onload = function() {
                const pw = 120, ph = 120;
                const c = document.createElement('canvas');
                c.width = pw;
                c.height = ph;
                const ctx = c.getContext('2d');
                ctx.drawImage(probeImg, 0, 0, pw, ph);
                const imgData = ctx.getImageData(0, 0, pw, ph).data;

                function sampleAverageRGB(points) {
                    let rSum = 0, gSum = 0, bSum = 0, count = 0;
                    points.forEach(([nx, ny]) => {
                        const x = Math.min(pw - 1, Math.max(0, Math.round(nx * pw)));
                        const y = Math.min(ph - 1, Math.max(0, Math.round(ny * ph)));
                        const idx = (y * pw + x) * 4;
                        const r = imgData[idx], g = imgData[idx + 1], b = imgData[idx + 2];
                        // Ignore bright/warm gold pixels so we only sample the slate background wall
                        const warmth = (r - b) + (g - b) * 0.5;
                        if (warmth < 18 && r < 95) {
                            rSum += r;
                            gSum += g;
                            bSum += b;
                            count++;
                        }
                    });
                    if (count === 0) return null;
                    return [Math.round(rSum / count), Math.round(gSum / count), Math.round(bSum / count)];
                }

                // 1. Sample inner halo around the emblem (approx 25%-30% from edges)
                const innerPts = [
                    [0.22, 0.24], [0.78, 0.24], [0.20, 0.48], [0.80, 0.48],
                    [0.24, 0.35], [0.76, 0.35], [0.50, 0.12]
                ];
                // 2. Sample mid vignette transition zone (approx 12%-18% from edges where mask fades)
                const midPts = [
                    [0.12, 0.20], [0.88, 0.20], [0.12, 0.50], [0.88, 0.50],
                    [0.14, 0.78], [0.86, 0.78], [0.50, 0.07], [0.50, 0.93]
                ];
                // 3. Sample outer perimeter corners/edges
                const edgePts = [
                    [0.03, 0.05], [0.97, 0.05], [0.03, 0.50], [0.97, 0.50],
                    [0.03, 0.95], [0.97, 0.95], [0.25, 0.96], [0.75, 0.96]
                ];

                const innerRGB = sampleAverageRGB(innerPts) || [45, 53, 63];
                const midRGB = sampleAverageRGB(midPts) || [35, 42, 51];
                const edgeRGB = sampleAverageRGB(edgePts) || [26, 32, 39];

                const toHex = ([r, g, b]) => '#' + [r, g, b].map(v => Math.max(0, Math.min(255, v)).toString(16).padStart(2, '0')).join('');
                const centerHex = toHex(innerRGB);
                const midHex = toHex(midRGB);
                const edgeHex = toHex(edgeRGB);
                const cardHex = toHex([Math.round(midRGB[0] * 0.92), Math.round(midRGB[1] * 0.92), Math.round(midRGB[2] * 0.92)]);
                const deepHex = toHex([Math.round(edgeRGB[0] * 0.82), Math.round(edgeRGB[1] * 0.82), Math.round(edgeRGB[2] * 0.82)]);

                const root = document.documentElement.style;
                root.setProperty('--bg-logo-center', centerHex);
                root.setProperty('--bg-logo-mid', midHex);
                root.setProperty('--bg-logo-edge', edgeHex);
                root.setProperty('--bg-logo-card', cardHex);
                root.setProperty('--bg-logo-deep', deepHex);

                // Rebuild the stone slab texture with the exact sampled RGB from the logo
                generateArchitecturalStoneTile(midRGB);
            };
            probeImg.src = sourceUrl;
        }
        window.syncSiteBackgroundWithLogo = syncSiteBackgroundWithLogo;

        function applyCustomLogoToDOM() {
            const st = window.customLogoState;
            const heroSrc = st && (st.rawBase64 || st.processedHeroUrl || st.cloudBase64);
            if (!heroSrc) return false;

            // Synchronize the entire website's background palette with the exact slate backdrop of the uploaded logo
            syncSiteBackgroundWithLogo(heroSrc);

            const heroRealWrap = document.getElementById('hero-real-logo-container');
            const heroRealImg = document.getElementById('hero-real-logo-img');
            const heroFallbackWrap = document.getElementById('hero-canvas-fallback-container');
            const heroHtmlText = document.getElementById('hero-html-lockup-text');

            if (heroRealWrap && heroRealImg && heroFallbackWrap) {
                heroFallbackWrap.classList.add('hidden');
                heroRealWrap.classList.remove('hidden');
                heroRealWrap.classList.add('flex');
                // Always display the 100% untouched image in the Hero section
                heroRealImg.src = heroSrc;

                if (st.isWideLockup) {
                    heroRealImg.className = 'block mx-auto select-none w-full max-w-[780px] sm:max-w-[850px] h-auto object-contain';
                    if (heroHtmlText) heroHtmlText.classList.add('hidden');
                } else {
                    heroRealImg.className = 'block mx-auto select-none w-[290px] sm:w-[390px] h-auto object-contain';
                    if (heroHtmlText) heroHtmlText.classList.remove('hidden');
                }
            }

            const targetCanvases = ['nav-logo-canvas', 'cert-sample-logo', 'modal-logo-canvas', 'footer-logo-canvas'];
            if (st.processedEmblemUrl) {
                const emblemImg = new Image();
                emblemImg.onload = function() {
                    targetCanvases.forEach(cid => {
                        const c = document.getElementById(cid);
                        if (!c) return;
                        const ctx = c.getContext('2d');
                        ctx.clearRect(0, 0, c.width, c.height);
                        ctx.imageSmoothingEnabled = true;
                        ctx.imageSmoothingQuality = 'high';
                        ctx.drawImage(emblemImg, 0, 0, c.width, c.height);
                    });
                };
                emblemImg.src = st.processedEmblemUrl;
            }

            const statusBadge = document.getElementById('logo-studio-status');
            if (statusBadge) {
                statusBadge.textContent = 'Logo Original 100% Intacto y Grabado';
                statusBadge.className = 'text-[10px] font-mono px-2 py-0.5 rounded-md bg-emerald-500/20 text-emerald-300 border border-emerald-500/40';
            }
            const lockBtn = document.getElementById('btn-lock-save-page');
            if (lockBtn) {
                lockBtn.classList.remove('hidden');
                lockBtn.classList.add('inline-flex');
            }
            const studioBar = document.getElementById('logo-studio-bar');
            if (studioBar && st.isLocked) {
                studioBar.classList.add('hidden');
            }
            return true;
        }
        window.applyCustomLogoToDOM = applyCustomLogoToDOM;

        function lockAndSavePagePermanently() {
            if (window.customLogoState && window.customLogoState.processedHeroUrl) {
                window.customLogoState.isLocked = true;
                window.__EMBEDDED_LOGO_STATE__ = window.customLogoState;
                saveLogoStateToLocalStorage(window.customLogoState);
                if (window.saveBrandLogoToCloud) {
                    window.saveBrandLogoToCloud(window.customLogoState);
                }
            }
            const studioBar = document.getElementById('logo-studio-bar');
            if (studioBar) studioBar.classList.add('hidden');
            if (window.showToast) {
                window.showToast('¡Página grabada y fijada con tu logotipo oficial!');
            }
        }
        window.lockAndSavePagePermanently = lockAndSavePagePermanently;

        function reopenLogoStudioBar() {
            const studioBar = document.getElementById('logo-studio-bar');
            if (studioBar) {
                studioBar.classList.remove('hidden');
                window.scrollTo({ top: 0, behavior: 'smooth' });
            }
        }
        window.reopenLogoStudioBar = reopenLogoStudioBar;

        function loadLogoFileReader(file) {
            const reader = new FileReader();
            reader.onload = function(evt) {
                const rawDataUrl = evt.target.result;
                const mode = window.customLogoState?.blendMode || 'natural';
                processRealLogoImage(rawDataUrl, mode, function(newState) {
                    newState.isLocked = true; // Auto-lock and hide studio bar once uploaded
                    window.customLogoState = newState;
                    window.__EMBEDDED_LOGO_STATE__ = newState;
                    saveLogoStateToLocalStorage(newState);
                    applyCustomLogoToDOM();
                    if (window.saveBrandLogoToCloud) {
                        window.saveBrandLogoToCloud(newState);
                    }
                    if (window.showToast) {
                        window.showToast('¡Logo oficial grabado permanentemente en la página!');
                    }
                });
            };
            reader.readAsDataURL(file);
        }

        function handleRealLogoUpload(event) {
            const file = event.target?.files?.[0];
            if (!file) return;
            loadLogoFileReader(file);
        }
        window.handleRealLogoUpload = handleRealLogoUpload;

        function setLogoBlendMode(mode) {
            if (!window.customLogoState || !window.customLogoState.rawBase64) return;
            processRealLogoImage(window.customLogoState.rawBase64, mode, function(newState) {
                newState.isLocked = false;
                window.customLogoState = newState;
                window.__EMBEDDED_LOGO_STATE__ = newState;
                saveLogoStateToLocalStorage(newState);
                applyCustomLogoToDOM();
                if (window.saveBrandLogoToCloud) {
                    window.saveBrandLogoToCloud(newState);
                }
            });
        }
        window.setLogoBlendMode = setLogoBlendMode;

        window.addEventListener('DOMContentLoaded', () => {
            ['logo-studio-bar', 'hero-drop-zone'].forEach(zoneId => {
                const zone = document.getElementById(zoneId);
                if (!zone) return;
                zone.addEventListener('dragover', (e) => {
                    e.preventDefault();
                    zone.classList.add('ring-2', 'ring-goldChampagne');
                });
                zone.addEventListener('dragleave', () => {
                    zone.classList.remove('ring-2', 'ring-goldChampagne');
                });
                zone.addEventListener('drop', (e) => {
                    e.preventDefault();
                    zone.classList.remove('ring-2', 'ring-goldChampagne');
                    const file = e.dataTransfer?.files?.[0];
                    if (file && file.type.startsWith('image/')) {
                        loadLogoFileReader(file);
                    }
                });
            });
        });

        function renderCoreZeroEmblem(canvasId) {
            if (window.customLogoState && window.customLogoState.processedEmblemUrl) {
                const canvas = document.getElementById(canvasId);
                if (!canvas) return;
                const ctx = canvas.getContext('2d');
                const img = new Image();
                img.onload = function() {
                    ctx.clearRect(0, 0, canvas.width, canvas.height);
                    ctx.imageSmoothingEnabled = true;
                    ctx.imageSmoothingQuality = 'high';
                    ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
                };
                img.src = window.customLogoState.processedEmblemUrl;
                return;
            }

            const canvas = document.getElementById(canvasId);
            if (!canvas) return;
            const ctx = canvas.getContext('2d');
            const W = canvas.width;
            const H = canvas.height;
            ctx.clearRect(0, 0, W, H);

            ctx.imageSmoothingEnabled = true;
            ctx.imageSmoothingQuality = 'high';

            // Generous 1000 x 800 virtual coordinate space with >20% safe margin on all sides
            // so shadows, top lens flare, bottom crescent blade, and right particles are NEVER clipped
            const V_W = 1000;
            const V_H = 800;
            const scale = Math.min(W / V_W, H / V_H);
            ctx.save();
            ctx.translate((W - V_W * scale) / 2, (H - V_H * scale) / 2);
            ctx.scale(scale, scale);

            // Exact center of the diagonal X-crossing
            const cx = 490, cy = 410;

            // 1. High-Resolution Radial Brushed Champagne Gold Texture centered at crossing (490, 410)
            const texCanvas = document.createElement('canvas');
            texCanvas.width = 1000;
            texCanvas.height = 800;
            const tctx = texCanvas.getContext('2d');

            if (typeof tctx.createConicGradient === 'function') {
                const conic = tctx.createConicGradient(-0.785, cx, cy);
                conic.addColorStop(0.00, '#F6E3C2');
                conic.addColorStop(0.08, '#D2B283');
                conic.addColorStop(0.16, '#9E7C4E');
                conic.addColorStop(0.25, '#E7CCA3');
                conic.addColorStop(0.34, '#FFF3D8');
                conic.addColorStop(0.45, '#BF9C6B');
                conic.addColorStop(0.55, '#8B6A3F');
                conic.addColorStop(0.66, '#E6CBA2');
                conic.addColorStop(0.77, '#FFF4DA');
                conic.addColorStop(0.89, '#BA9766');
                conic.addColorStop(1.00, '#F6E3C2');
                tctx.fillStyle = conic;
                tctx.fillRect(0, 0, 1000, 800);
            } else {
                const lin = tctx.createLinearGradient(160, 140, 840, 680);
                lin.addColorStop(0, '#FFF3D8');
                lin.addColorStop(0.35, '#D2B283');
                lin.addColorStop(0.5, '#FFF4DA');
                lin.addColorStop(0.75, '#9E7C4E');
                lin.addColorStop(1, '#F6E3C2');
                tctx.fillStyle = lin;
                tctx.fillRect(0, 0, 1000, 800);
            }

            // Fine CNC Radial Brushed Metal Lines
            tctx.save();
            tctx.translate(cx, cy);
            for (let i = 0; i < 960; i++) {
                tctx.strokeStyle = (i % 2 === 0)
                    ? 'rgba(255, 250, 234, 0.085)'
                    : 'rgba(50, 34, 15, 0.095)';
                tctx.lineWidth = 0.95;
                tctx.beginPath();
                tctx.moveTo(2, 0);
                tctx.lineTo(520, 0);
                tctx.stroke();
                tctx.rotate((Math.PI * 2) / 960);
            }
            tctx.restore();

            const brushedGold = ctx.createPattern(texCanvas, 'no-repeat');

            // Helper: Draws a continuous 3D brushed gold ribbon/piece with natural overlapping depth shadow
            function drawContinuousGoldLayer(buildPathFn, shadowBlur = 22, shadowX = -8, shadowY = 13) {
                const path = new Path2D();
                buildPathFn(path);

                // 1. Natural 3D Drop Shadow separating overlapping bands without cutting them
                ctx.save();
                ctx.shadowColor = 'rgba(6, 9, 13, 0.92)';
                ctx.shadowBlur = shadowBlur;
                ctx.shadowOffsetX = shadowX;
                ctx.shadowOffsetY = shadowY;
                ctx.fillStyle = brushedGold;
                ctx.fill(path);
                ctx.restore();

                // 2. Crisp 3D Bevel Lighting (Warm Specular Top-Right Rim + Deep Bronze Bottom-Left Bevel)
                ctx.save();
                ctx.clip(path);

                ctx.save();
                ctx.translate(2.4, -2.4);
                ctx.strokeStyle = 'rgba(255, 249, 228, 0.76)';
                ctx.lineWidth = 3.4;
                ctx.stroke(path);
                ctx.restore();

                ctx.save();
                ctx.translate(-2.2, 2.4);
                ctx.strokeStyle = 'rgba(58, 40, 18, 0.88)';
                ctx.lineWidth = 3.6;
                ctx.stroke(path);
                ctx.restore();

                ctx.restore();

                // 3. Clean anti-aliased metallic contour
                ctx.save();
                ctx.strokeStyle = 'rgba(40, 28, 12, 0.78)';
                ctx.lineWidth = 1.4;
                ctx.stroke(path);
                ctx.restore();
            }

            // =========================================================================
            // LAYER 1 (BACK): CONTINUOUS TOP OUTER SWEEPING ARCH & TOP INNER HOOK
            // Passes smoothly behind the upper-left loop and behind the rising `/` band
            // =========================================================================
            // 1A. Top Inner Hook (curves up from behind the crossing and tucks under the top arch)
            drawContinuousGoldLayer((p) => {
                p.moveTo(476, 232);
                p.bezierCurveTo(526, 210, 578, 246, 586, 304);
                p.bezierCurveTo(588, 326, 580, 346, 566, 362);
                p.lineTo(526, 342);
                p.bezierCurveTo(542, 316, 540, 280, 514, 258);
                p.bezierCurveTo(500, 246, 488, 240, 476, 232);
                p.closePath();
            }, 18, -6, 11);

            // 1B. Top Outer Sweeping Arch (rises smoothly from behind the main diagonal up to the top flare)
            drawContinuousGoldLayer((p) => {
                p.moveTo(392, 328);
                p.bezierCurveTo(402, 224, 488, 148, 608, 168);
                p.bezierCurveTo(632, 172, 654, 180, 672, 192);
                p.bezierCurveTo(638, 186, 600, 188, 566, 198);
                p.bezierCurveTo(492, 218, 452, 276, 444, 348);
                p.closePath();
            }, 20, -7, 12);

            // =========================================================================
            // LAYER 2 (MIDDLE-BACK): CONTINUOUS BOTTOM U-HOOK & LOWER SWEEPING CRESCENT BLADE
            // Emerges smoothly from behind the lower bands and tapers to a sharp point
            // =========================================================================
            // 2A. Bottom Inner U-Hook
            drawContinuousGoldLayer((p) => {
                p.moveTo(400, 516);
                p.bezierCurveTo(414, 584, 464, 616, 504, 590);
                p.bezierCurveTo(474, 582, 454, 550, 448, 496);
                p.closePath();
            }, 18, -6, 11);

            // 2B. Bottom Outer Sweeping Crescent Blade
            drawContinuousGoldLayer((p) => {
                p.moveTo(574, 490);
                p.bezierCurveTo(548, 586, 456, 650, 336, 622);
                p.bezierCurveTo(446, 682, 578, 638, 618, 534);
                p.closePath();
            }, 22, -8, 14);

            // =========================================================================
            // LAYER 3 (MIDDLE): CONTINUOUS UPWARD-RIGHT (`/`) INFINITY RIBBON & RIGHT LOOP
            // Flows unbroken from the bottom of the Left Loop through the center (`/`)
            // into the Right Loop where its upper-right shoulder disintegrates into particles
            // =========================================================================
            drawContinuousGoldLayer((p) => {
                // Starts at the bottom of the Left Loop and sweeps continuously up-right (`/`)
                p.moveTo(304, 562);
                p.bezierCurveTo(366, 562, 420, 526, 468, 474);
                // Continues unbroken through the center (`/` passing behind the main `\` ribbon)
                p.lineTo(568, 366);
                p.bezierCurveTo(612, 318, 668, 298, 724, 320);
                p.bezierCurveTo(776, 340, 804, 396, 796, 458);
                p.bezierCurveTo(788, 518, 742, 560, 680, 562);
                p.bezierCurveTo(660, 562, 642, 556, 626, 546);
                p.lineTo(652, 502);
                p.bezierCurveTo(698, 512, 740, 482, 742, 434);
                p.bezierCurveTo(744, 386, 706, 354, 656, 358);
                p.bezierCurveTo(622, 360, 592, 380, 562, 412);
                // Returns smoothly down-left (`/`) to the inner bottom of the Left Loop
                p.lineTo(442, 536);
                p.bezierCurveTo(400, 558, 352, 564, 304, 562);
                p.closePath();
            }, 22, -8, 14);

            // =========================================================================
            // LAYER 4 (MIDDLE-FRONT): LEFT & RIGHT CENTRAL CURVED SHIELD WEDGES
            // =========================================================================
            // Left Shield Wedge (`|>`) nestled inside the left inner pocket
            drawContinuousGoldLayer((p) => {
                p.moveTo(374, 356);
                p.bezierCurveTo(402, 374, 424, 392, 438, 410);
                p.bezierCurveTo(443, 416, 443, 424, 436, 432);
                p.bezierCurveTo(422, 448, 400, 466, 374, 484);
                p.bezierCurveTo(365, 440, 365, 398, 374, 356);
                p.closePath();
            }, 15, -5, 9);

            // Right Shield Wedge (`<|`) nestled inside the right inner pocket
            drawContinuousGoldLayer((p) => {
                p.moveTo(608, 346);
                p.bezierCurveTo(582, 366, 560, 386, 546, 404);
                p.bezierCurveTo(540, 412, 540, 420, 547, 428);
                p.bezierCurveTo(562, 446, 584, 464, 610, 482);
                p.bezierCurveTo(619, 436, 618, 390, 608, 346);
                p.closePath();
            }, 15, -5, 9);

            // =========================================================================
            // LAYER 5 (FOREGROUND): UNBROKEN MAIN CONTINUOUS INFINITY RIBBON (`\`)
            // Full Left Loop -> Overpassing Center Diagonal `\` -> Bottom-Right Crescent
            // =========================================================================
            drawContinuousGoldLayer((p) => {
                // Outer contour starting at the bottom of the Left Loop
                p.moveTo(310, 562);
                p.bezierCurveTo(222, 562, 172, 496, 178, 412);
                p.bezierCurveTo(184, 326, 252, 262, 340, 266);
                p.bezierCurveTo(396, 268, 442, 300, 486, 348);
                // Sweeps diagonally down-right (`\`) unbroken over the center
                p.lineTo(594, 466);
                p.bezierCurveTo(638, 512, 696, 524, 742, 492);
                p.bezierCurveTo(770, 472, 788, 438, 792, 396);
                p.bezierCurveTo(798, 456, 772, 514, 718, 540);
                p.bezierCurveTo(662, 568, 594, 550, 542, 498);
                // Inner edge returning up-left (`\`) unbroken to the inside of the Left Loop
                p.lineTo(434, 380);
                p.bezierCurveTo(398, 342, 364, 324, 326, 326);
                p.bezierCurveTo(268, 328, 232, 368, 232, 416);
                p.bezierCurveTo(232, 466, 268, 502, 326, 502);
                p.bezierCurveTo(354, 502, 380, 490, 404, 468);
                p.lineTo(444, 508);
                p.bezierCurveTo(406, 544, 360, 562, 310, 562);
                p.closePath();
            }, 26, -10, 16);

            // =========================================================================
            // LAYER 6: LOWER-RIGHT SECONDARY RAZOR CRESCENT FIN (Double-crescent accent)
            // =========================================================================
            drawContinuousGoldLayer((p) => {
                p.moveTo(608, 554);
                p.bezierCurveTo(682, 590, 758, 558, 788, 492);
                p.bezierCurveTo(752, 536, 686, 560, 608, 554);
                p.closePath();
            }, 14, -5, 9);

            // =========================================================================
            // LAYER 7: ORGANIC PARTICLE DISINTEGRATION ON UPPER-RIGHT & RIGHT SHOULDER
            // =========================================================================
            const erosionCavities = [
                // Top arch tip organic erosion pores
                {x: 618, y: 176, r: 3.2}, {x: 634, y: 180, r: 4.0}, {x: 648, y: 184, r: 4.6},
                {x: 662, y: 188, r: 5.2}, {x: 604, y: 178, r: 2.6},
                // Right loop upper shoulder disintegration pores
                {x: 638, y: 320, r: 3.4}, {x: 654, y: 314, r: 4.4}, {x: 670, y: 322, r: 4.0},
                {x: 686, y: 316, r: 5.2}, {x: 702, y: 328, r: 4.8}, {x: 718, y: 322, r: 5.8},
                {x: 732, y: 338, r: 5.4}, {x: 748, y: 334, r: 6.2}, {x: 760, y: 352, r: 5.6},
                {x: 772, y: 368, r: 6.0}, {x: 754, y: 372, r: 4.6}, {x: 780, y: 386, r: 5.0},
                {x: 766, y: 396, r: 4.0}, {x: 786, y: 406, r: 4.4}, {x: 724, y: 354, r: 3.8},
                {x: 706, y: 344, r: 3.4}, {x: 740, y: 360, r: 4.2}
            ];

            ctx.save();
            ctx.fillStyle = '#1D242C';
            erosionCavities.forEach(c => {
                ctx.beginPath();
                ctx.arc(c.x, c.y, c.r, 0, Math.PI * 2);
                ctx.fill();
            });
            ctx.restore();

            // 3D Champagne-Gold Disintegrating Spheres & Micro-Particles (well inside safe bounds)
            const goldParticles = [
                // Top arch plume
                {x: 642, y: 174, r: 3.6}, {x: 658, y: 182, r: 4.2}, {x: 674, y: 190, r: 3.4},
                {x: 690, y: 202, r: 3.8}, {x: 706, y: 212, r: 4.8}, {x: 722, y: 220, r: 3.6},
                {x: 738, y: 138, r: 5.8}, {x: 724, y: 172, r: 3.4}, {x: 762, y: 190, r: 3.6},
                {x: 792, y: 168, r: 5.2}, {x: 822, y: 202, r: 2.8}, {x: 748, y: 238, r: 4.2},
                {x: 784, y: 254, r: 3.0}, {x: 810, y: 262, r: 2.4}, {x: 706, y: 162, r: 2.8},
                // Right arch dense disintegration cluster
                {x: 722, y: 308, r: 5.6}, {x: 738, y: 320, r: 6.4}, {x: 754, y: 334, r: 5.6},
                {x: 768, y: 348, r: 6.0}, {x: 782, y: 364, r: 5.2}, {x: 742, y: 294, r: 4.0},
                {x: 764, y: 308, r: 4.4}, {x: 784, y: 322, r: 3.8}, {x: 800, y: 342, r: 3.4},
                {x: 708, y: 292, r: 3.6}, {x: 690, y: 298, r: 3.2}, {x: 792, y: 384, r: 4.0},
                {x: 774, y: 398, r: 3.6}, {x: 760, y: 412, r: 3.0}, {x: 734, y: 344, r: 4.6},
                {x: 750, y: 356, r: 4.8}, {x: 764, y: 372, r: 4.4}, {x: 780, y: 386, r: 3.8},
                // Fine micro-particles drifting upper-right
                {x: 668, y: 166, r: 2.2}, {x: 684, y: 176, r: 2.4}, {x: 700, y: 188, r: 2.0},
                {x: 716, y: 198, r: 2.5}, {x: 734, y: 208, r: 2.2}, {x: 750, y: 218, r: 2.6},
                {x: 766, y: 232, r: 2.2}, {x: 780, y: 245, r: 2.0}, {x: 750, y: 276, r: 2.4},
                {x: 772, y: 288, r: 2.5}, {x: 806, y: 308, r: 2.0}, {x: 816, y: 232, r: 1.8},
                {x: 794, y: 216, r: 2.2}, {x: 836, y: 246, r: 1.7}, {x: 822, y: 294, r: 1.9}
            ];

            goldParticles.forEach(pt => {
                ctx.save();
                ctx.shadowColor = 'rgba(6, 9, 13, 0.9)';
                ctx.shadowBlur = 5;
                ctx.shadowOffsetX = -2;
                ctx.shadowOffsetY = 3;

                const g = ctx.createRadialGradient(
                    pt.x - pt.r * 0.32,
                    pt.y - pt.r * 0.32,
                    pt.r * 0.08,
                    pt.x,
                    pt.y,
                    pt.r
                );
                g.addColorStop(0.00, '#FFFDF2');
                g.addColorStop(0.50, '#E2C69B');
                g.addColorStop(1.00, '#785930');

                ctx.fillStyle = g;
                ctx.beginPath();
                ctx.arc(pt.x, pt.y, pt.r, 0, Math.PI * 2);
                ctx.fill();
                ctx.restore();
            });

            // =========================================================================
            // LAYER 8: WARM GOLDEN OPTICAL LENS FLARE AT TOP CREST (x=602, y=166)
            // =========================================================================
            const fx = 602, fy = 166;
            ctx.save();
            const flareGrad = ctx.createRadialGradient(fx, fy, 1.5, fx, fy, 64);
            flareGrad.addColorStop(0.00, 'rgba(255, 254, 245, 1)');
            flareGrad.addColorStop(0.16, 'rgba(255, 234, 162, 0.94)');
            flareGrad.addColorStop(0.42, 'rgba(226, 184, 108, 0.40)');
            flareGrad.addColorStop(1.00, 'rgba(217, 188, 144, 0)');
            ctx.fillStyle = flareGrad;
            ctx.beginPath();
            ctx.arc(fx, fy, 64, 0, Math.PI * 2);
            ctx.fill();

            // Crisp Horizontal Anamorphic Light Streak
            const streakGrad = ctx.createLinearGradient(fx - 115, fy, fx + 115, fy);
            streakGrad.addColorStop(0, 'rgba(255, 240, 190, 0)');
            streakGrad.addColorStop(0.5, 'rgba(255, 252, 232, 0.95)');
            streakGrad.addColorStop(1, 'rgba(255, 240, 190, 0)');
            ctx.fillStyle = streakGrad;
            ctx.fillRect(fx - 115, fy - 2.2, 230, 4.4);
            ctx.restore();

            ctx.restore();
        }
        window.renderCoreZeroEmblem = renderCoreZeroEmblem;
    </script>

    <!-- CLOUD PERSISTENCE + PORTAL LOGIC -->
    <script type="module">
        import { initializeApp } from "https://www.gstatic.com/firebasejs/11.6.1/firebase-app.js";
        import { getAuth, signInAnonymously, signInWithCustomToken, onAuthStateChanged } from "https://www.gstatic.com/firebasejs/11.6.1/firebase-auth.js";
        import { getFirestore, collection, doc, setDoc, deleteDoc, onSnapshot } from "https://www.gstatic.com/firebasejs/11.6.1/firebase-firestore.js";

        window.clientsList = [
            {
                id: "cz_client_1",
                company: "Grupo Industrial del Pacífico S.A. de C.V.",
                username: "cliente_industrial",
                password: "CoreZero2026",
                ref: "Dirección de Seguridad de la Información y Auditoría TI"
            }
        ];

        window.certificatesList = [
            {
                id: "CZ-2026-0841",
                clientUsername: "cliente_industrial",
                clientCompany: "Grupo Industrial del Pacífico S.A. de C.V.",
                date: "2026-11-10",
                standard: "Procedimiento de Borrado Seguro — DoD 5220.22-M / NIST 800-88",
                units: 24,
                serials: "S/N: S64HNE0R802144 (Unidad Almacenamiento 1.92TB — Borrado Seguro Certificado)\nS/N: S64HNE0R802145 (Unidad Almacenamiento 1.92TB — Borrado Seguro Certificado)\nS/N: ZL24910X0089 (Unidad Servidor 16TB — Borrado Seguro Certificado)\nS/N: BTYI14200491 (Unidad Almacenamiento 960GB — Borrado Seguro Certificado)",
                docUrl: "#cert-CZ-2026-0841"
            },
            {
                id: "CZ-2026-0895",
                clientUsername: "cliente_industrial",
                clientCompany: "Grupo Industrial del Pacífico S.A. de C.V.",
                date: "2026-11-11",
                standard: "Destrucción Física de Memorias SSD — NIST SP 800-88 Destroy",
                units: 14,
                serials: "S/N: WUS4EA198821 (Memoria SSD NVMe — Destrucción Física Certificada)\nS/N: 50026B76859C11 (Memoria SSD 1TB — Destrucción Física Certificada)\nS/N: KIOX99201448A2 (Memoria SSD M.2 — Destrucción Física Certificada)",
                docUrl: "#cert-CZ-2026-0895"
            }
        ];

        window.dbInstance = null;
        window.currentUserAuth = null;
        window.appIdGlobal = typeof __app_id !== 'undefined' ? __app_id : 'corezero-data-security';
        window.refreshAdminUI = window.refreshAdminUI || function() {};
        window.renderClientCertificates = window.renderClientCertificates || function() {};

        async function initPortalStorage() {
            try {
                if (typeof __firebase_config === 'undefined' || !__firebase_config) {
                    if (typeof window.refreshAdminUI === 'function') window.refreshAdminUI();
                    return;
                }
                const firebaseConfig = JSON.parse(__firebase_config);
                const app = initializeApp(firebaseConfig);
                const auth = getAuth(app);
                const db = getFirestore(app);
                window.dbInstance = db;

                if (typeof __initial_auth_token !== 'undefined' && __initial_auth_token) {
                    await signInWithCustomToken(auth, __initial_auth_token);
                } else {
                    await signInAnonymously(auth);
                }

                onAuthStateChanged(auth, (user) => {
                    window.currentUserAuth = user;
                    if (!user) return;

                    const clientsRef = collection(db, 'artifacts', window.appIdGlobal, 'public', 'data', 'cz_sec_clients_v2');
                    onSnapshot(clientsRef, (snapshot) => {
                        if (!snapshot.empty) {
                            const list = [];
                            snapshot.forEach(d => list.push(d.data()));
                            window.clientsList = list;
                        }
                        if (typeof window.refreshAdminUI === 'function') window.refreshAdminUI();
                    });

                    const certsRef = collection(db, 'artifacts', window.appIdGlobal, 'public', 'data', 'cz_sec_certs_v2');
                    onSnapshot(certsRef, (snapshot) => {
                        if (!snapshot.empty) {
                            const list = [];
                            snapshot.forEach(d => list.push(d.data()));
                            window.certificatesList = list;
                        }
                        if (typeof window.refreshAdminUI === 'function') window.refreshAdminUI();
                        if (window.activeClient && typeof window.renderClientCertificates === 'function') {
                            window.renderClientCertificates();
                        }
                    }, () => {});

                    // Sync Official Uploaded Logo across sessions if saved in Cloud
                    const brandDocRef = doc(db, 'artifacts', window.appIdGlobal, 'public', 'data', 'cz_sec_brand_v2', 'official_logo');
                    onSnapshot(brandDocRef, (snap) => {
                        if (snap.exists()) {
                            const data = snap.data();
                            const srcB64 = data && (data.cloudBase64 || data.rawBase64);
                            if (srcB64 && (!window.customLogoState || !window.customLogoState.processedHeroUrl)) {
                                processRealLogoImage(srcB64, data.blendMode || 'natural', function(st) {
                                    st.isLocked = true;
                                    window.customLogoState = st;
                                    window.__EMBEDDED_LOGO_STATE__ = st;
                                    saveLogoStateToLocalStorage(st);
                                    applyCustomLogoToDOM();
                                });
                            }
                        }
                    }, () => {});
                });
            } catch (err) {
                if (typeof window.refreshAdminUI === 'function') window.refreshAdminUI();
            }
        }

        window.saveBrandLogoToCloud = async function(logoState) {
            if (window.dbInstance && window.currentUserAuth && logoState) {
                try {
                    const payloadB64 = logoState.cloudBase64 || logoState.rawBase64;
                    if (payloadB64 && payloadB64.length < 900000) {
                        await setDoc(doc(window.dbInstance, 'artifacts', window.appIdGlobal, 'public', 'data', 'cz_sec_brand_v2', 'official_logo'), {
                            cloudBase64: payloadB64,
                            blendMode: logoState.blendMode || 'natural',
                            updatedAt: Date.now()
                        });
                    }
                } catch (e) {}
            }
        };

        window.saveClientRecord = async function(clientObj) {
            if (window.dbInstance && window.currentUserAuth) {
                try {
                    await setDoc(doc(window.dbInstance, 'artifacts', window.appIdGlobal, 'public', 'data', 'cz_sec_clients_v2', clientObj.id), clientObj);
                } catch (e) {}
            }
        };

        window.deleteClientRecord = async function(clientId) {
            if (window.dbInstance && window.currentUserAuth) {
                try {
                    await deleteDoc(doc(window.dbInstance, 'artifacts', window.appIdGlobal, 'public', 'data', 'cz_sec_clients_v2', clientId));
                } catch (e) {}
            }
        };

        window.saveCertRecord = async function(certObj) {
            if (window.dbInstance && window.currentUserAuth) {
                try {
                    await setDoc(doc(window.dbInstance, 'artifacts', window.appIdGlobal, 'public', 'data', 'cz_sec_certs_v2', certObj.id), certObj);
                } catch (e) {}
            }
        };

        initPortalStorage();
    </script>

    <!-- MULTILINGUAL & UI CONTROLLER (ZERO FORBIDDEN WORDS) -->
    <script>
        window.activeClient = null;

        const i18n = {
            es: {
                nav_solutions: "Soluciones",
                nav_standards: "Estándares",
                nav_cert: "Certificado",
                nav_portal: "Portal de Clientes",
                nav_contact: "Contacto",
                nav_cta: "Acceso Clientes",
                hero_title: "Procedimiento Certificado de Borrado Seguro y Destrucción Física de Memorias SSD",
                hero_subtitle: "En Core Zero Data Security protegemos la confidencialidad de su organización mediante procedimientos certificados de borrado seguro bajo estándares internacionales y la destrucción física definitiva de memorias SSD. Entregamos certificado oficial con registro de números de serie.",
                hero_btn_contact: "Contacto",
                hero_btn_portal: "Portal de Certificados",
                trust_strip_2: "Destrucción de Memorias SSD",
                trust_strip_3: "Entrega de Certificado Oficial",
                sol_eyebrow: "CORE ZERO DATA SECURITY",
                sol_title: "Soluciones Especializadas en Seguridad de Datos",
                sol_subtitle: "Procedimientos diseñados para garantizar la eliminación total e irreversible de información sensible en unidades de almacenamiento y memorias de estado sólido.",
                sol_1_tag: "01 • SANITIZACIÓN LÓGICA CERTIFICADA",
                sol_1_title: "Procedimiento de Borrado Seguro",
                sol_1_desc: "Ejecutamos un procedimiento riguroso de sobrescritura profunda y verificación sector por sector bajo estándares internacionales DoD 5220.22-M y NIST SP 800-88 Rev. 1. Elimina el 100% de la información previa permitiendo reutilizar, reasignar o devolver unidades en arrendamiento con total seguridad.",
                sol_1_b1: "Verificación completa con 0% de recuperabilidad forense.",
                sol_1_b2: "Preserva la integridad funcional de las unidades para su reutilización.",
                sol_1_b3: "Entrega de Certificado Oficial con registro individual de serie (S/N).",
                sol_1_foot: "Certificado Incluido",
                sol_2_tag: "02 • INUTILIZACIÓN FÍSICA DEFINITIVA",
                sol_2_title: "Destrucción Física de Memorias SSD",
                sol_2_desc: "Para unidades de estado sólido (memorias SSD, M.2, NVMe y módulos NAND Flash) que han concluido su vida útil o presentan bloqueos de hardware, realizamos la destrucción física directa sobre los chips de memoria, impidiendo cualquier extracción o reconstrucción en laboratorio.",
                sol_2_b1: "Fractura física directa sobre los circuitos y chips de memoria SSD.",
                sol_2_b2: "Apegado a la directriz internacional NIST SP 800-88 Rev. 1 (Destroy).",
                sol_2_b3: "Entrega de Certificado Oficial de Destrucción con números de serie.",
                sol_2_foot: "Certificado Incluido",
                onsite_tag: "MODALIDAD A DOMICILIO Y EN SITIO • BAJA CALIFORNIA",
                onsite_title: "Opción de Servicio a Domicilio y en sus Instalaciones",
                onsite_desc: "Contamos con la opción de acudir directamente a su domicilio o instalaciones para ejecutar el procedimiento de borrado seguro y la destrucción física de memorias SSD bajo su supervisión, garantizando que sus unidades nunca salgan de su propiedad.",
                onsite_coverage_label: "Cobertura de servicio a domicilio en:",
                onsite_min_note: "* El servicio a domicilio aplica a partir de un mínimo de 100 unidades.",
                onsite_cta: "Consultar disponibilidad y cotización de servicio a domicilio",
                intake_req_badge: "CONDICIÓN OPERATIVA DE RECEPCIÓN",
                intake_req_title: "Recepción Exclusiva de Discos Duros y Módulos de Memoria Extraídos",
                intake_req_desc: "Para mantener la agilidad y seguridad del procedimiento, el cliente deberá entregar únicamente los discos duros o módulos de memoria SSD previamente extraídos e independientes. Core Zero Data Security interviene exclusivamente sobre los medios de almacenamiento y no realiza labores de desarme o desmontaje de equipos de cómputo, portátiles ni servidores.",
                us_entity_badge: "CONTRATACIÓN Y TESORERÍA TRANSFRONTERIZA • EE. UU. / MÉXICO",
                us_entity_title: "Entidad Registrada en Estados Unidos para Pagos y Facturación Internacional",
                us_entity_desc: "Para facilitar los procesos de tesorería, compras globales (Procurement) y cumplimiento financiero de organizaciones multinacionales, contamos con nuestra empresa legalmente registrada en los Estados Unidos: Core Zero Data Security LLC. Su organización puede gestionar el alta de proveedor y realizar sus pagos directamente en Estados Unidos (USD), aun cuando los procedimientos de borrado seguro o destrucción física de memorias SSD se ejecuten en México.",
                us_entity_label: "ENTIDAD EN ESTADOS UNIDOS:",
                us_entity_pill: "Pago en EE. UU. (USD) • Operación en México",
                std_eyebrow: "NORMATIVAS INTERNACIONALES",
                std_title: "Estándares que Respaldan Nuestro Procedimiento",
                std_desc: "Un formateo común solo oculta el índice de archivos y deja expuesta la información sensible de su organización. Nuestros procedimientos cumplen estrictamente con las normas internacionales exigidas en auditorías de seguridad:",
                std_badge_1: "Borrado Seguro",
                std_1_text: "Procedimiento de sobrescritura multicapa con patrones binarios y verificación final para asegurar la eliminación absoluta de los datos.",
                std_badge_2: "Memorias SSD y Almacenamiento",
                std_2_text: "Estándar internacional de referencia para la sanitización verificada y la destrucción física definitiva de memorias de estado sólido (SSD).",
                std_badge_3: "Trazabilidad y Auditoría",
                std_3_text: "Documentación con cadena de custodia y registro individual de números de serie para acreditar el cumplimiento en auditorías.",
                proc_eyebrow: "METODOLOGÍA DE CONFIANZA",
                proc_title: "Nuestro Procedimiento en 3 Etapas",
                proc_step1_t: "Recepción y Registro por Número de Serie",
                proc_step1_d: "Registramos cada unidad de almacenamiento o memoria SSD bajo estricto control de cadena de custodia, documentando modelo, capacidad y número de serie único (S/N).",
                proc_step2_t: "Borrado Seguro o Destrucción Física de SSD",
                proc_step2_d: "Aplicamos el procedimiento de borrado seguro conforme a los estándares DoD 5220.22-M / NIST 800-88 con verificación del 100%, o la destrucción física directa sobre las memorias SSD.",
                proc_step3_t: "Entrega de Certificado Oficial",
                proc_step3_d: "Emitimos el Certificado Oficial de Borrado Seguro o Destrucción y lo habilitamos en el Portal Privado de su cuenta para consulta y descarga permanente.",
                preview_eyebrow: "VALIDEZ LEGAL Y CUMPLIMIENTO DE AUDITORÍA",
                preview_title: "Certificación Oficial con Validez Normativa",
                preview_subtitle: "Nuestros certificados cumplen rigurosamente con los requisitos de documentación de disposición final de medios establecidos por NIST SP 800-88 Rev. 1 (Sección 4.7), ISO/IEC 27001 y legislaciones de protección de datos, respaldando legalmente a su organización ante auditorías internas y externas.",
                preview_tab_1: "Certificado de Borrado Seguro",
                preview_tab_2: "Formato Legal: Certificado de Destrucción Física de SSD",
                preview_foot_note: "Documento oficial emitido con trazabilidad por número de serie para auditorías de seguridad.",
                portal_eyebrow: "CONSULTA Y DESCARGA DE CERTIFICADOS",
                portal_title: "Portal Privado de Certificados",
                portal_subtitle: "Ingrese con su usuario y contraseña asignados para consultar, filtrar por número de serie y descargar sus Certificados Oficiales de Borrado Seguro y Destrucción de Memorias SSD.",
                login_badge: "BÓVEDA DE CLIENTES",
                login_title: "Iniciar Sesión",
                login_user_label: "Usuario de Cliente",
                login_pass_label: "Contraseña",
                login_btn_submit: "Consultar Certificados",
                login_demo_btn: "Ver demostración de cuenta de cliente",
                login_admin_link: "Administración",
                vault_btn_logout: "Cerrar Sesión",
                vault_search_hint: "Búsqueda rápida por Folio o Número de Serie (S/N):",
                contact_eyebrow: "ATENCIÓN CONFIDENCIAL",
                contact_title: "Contacto",
                contact_subtitle: "Póngase en contacto con nuestro equipo para programar su servicio de borrado seguro o destrucción física de memorias SSD.",
                form_company: "Empresa / Organización *",
                form_name: "Nombre y Cargo *",
                form_email: "Correo Electrónico *",
                form_phone: "Teléfono *",
                form_service: "Servicio Requerido *",
                form_location: "Ciudad y Modalidad *",
                form_qty: "Volumen Estimado de Unidades",
                form_submit: "Enviar Solicitud",
                footer_rights: "© 2026 Core Zero Data Security. Todos los derechos reservados • corezero.com.mx",
                footer_download: "Descargar sitio web (.html)"
            },
            en: {
                nav_solutions: "Solutions",
                nav_standards: "Standards",
                nav_cert: "Certificate",
                nav_portal: "Client Portal",
                nav_contact: "Contact",
                nav_cta: "Client Login",
                hero_title: "Certified Secure Data Erasure & Physical SSD Memory Destruction",
                hero_subtitle: "At Core Zero Data Security, we safeguard your organization's confidentiality through certified data sanitization procedures under international standards and permanent physical destruction of SSD flash memory. We issue official serial-numbered certificates for compliance and audit.",
                hero_btn_contact: "Contact",
                hero_btn_portal: "Certificate Portal",
                trust_strip_2: "Physical SSD Memory Destruction",
                trust_strip_3: "Official Certificate Issued",
                sol_eyebrow: "CORE ZERO DATA SECURITY",
                sol_title: "Specialized Data Security Solutions",
                sol_subtitle: "Procedures engineered to guarantee total and irreversible elimination of sensitive information across storage drives and solid-state memory.",
                sol_1_tag: "01 • CERTIFIED LOGICAL SANITIZATION",
                sol_1_title: "Certified Secure Erasure Procedure",
                sol_1_desc: "We execute a rigorous deep-overwrite and sector-by-sector verification procedure under international standards DoD 5220.22-M and NIST SP 800-88 Rev. 1. Eliminates 100% of prior data, allowing safe reuse, redeployment, or lease return of storage drives.",
                sol_1_b1: "Full verification with 0% forensic recoverability.",
                sol_1_b2: "Preserves drive hardware integrity for safe internal redeployment.",
                sol_1_b3: "Includes Official Certificate listing every individual serial number (S/N).",
                sol_1_foot: "Certificate Included",
                sol_2_tag: "02 • PERMANENT PHYSICAL DESTRUCTION",
                sol_2_title: "Physical SSD Memory Destruction",
                sol_2_desc: "For solid-state drives (SSD, M.2, NVMe, and NAND Flash modules) at end-of-life or with hardware lockups, we perform direct physical destruction on the memory chips, preventing any laboratory data extraction or reconstruction.",
                sol_2_b1: "Direct physical fracture across SSD memory chips and controllers.",
                sol_2_b2: "Compliant with international guideline NIST SP 800-88 Rev. 1 (Destroy).",
                sol_2_b3: "Includes Official Certificate of Destruction with serial numbers.",
                sol_2_foot: "Certificate Included",
                onsite_tag: "ON-SITE & DOORSTEP SERVICE • BAJA CALIFORNIA",
                onsite_title: "On-Site & Doorstep Service Option Available",
                onsite_desc: "We offer the option to come directly to your address or facility to execute certified secure erasure and physical SSD memory destruction under your supervision, ensuring your storage units never leave your property.",
                onsite_coverage_label: "Direct on-site service coverage in:",
                onsite_min_note: "* On-site service applies to a minimum of 100 units.",
                onsite_cta: "Check availability and quote for on-site service",
                intake_req_badge: "OPERATIONAL INTAKE REQUIREMENT",
                intake_req_title: "Standalone Hard Drives & Extracted Memory Modules Only",
                intake_req_desc: "To maintain procedural agility and security, clients must deliver only pre-extracted, standalone hard drives or SSD memory modules. Core Zero Data Security operates exclusively on storage media and does not perform hardware disassembly of desktop computers, laptops, or servers.",
                us_entity_badge: "CROSS-BORDER PROCUREMENT & TREASURY • U.S. / MEXICO",
                us_entity_title: "Registered U.S. Entity for International Billing & Payment Settlement",
                us_entity_desc: "To streamline treasury operations, global procurement, and financial compliance for multinational organizations, we operate through our legally registered United States company: Core Zero Data Security LLC. Your organization can onboard us as a U.S. vendor and settle payments directly in the United States (USD), even when secure erasure or physical SSD destruction procedures are executed at your facilities in Mexico.",
                us_entity_label: "REGISTERED U.S. ENTITY:",
                us_entity_pill: "U.S. Payment Settlement (USD) • Execution in Mexico",
                std_eyebrow: "INTERNATIONAL STANDARDS",
                std_title: "Standards Backing Our Procedure",
                std_desc: "Standard formatting only hides the file index and leaves sensitive organizational data exposed. Our procedures strictly adhere to international standards required by security audits:",
                std_badge_1: "Secure Erasure",
                std_1_text: "Multi-layer binary overwrite procedure with final verification to ensure complete data elimination.",
                std_badge_2: "SSD Memory & Storage",
                std_2_text: "Global benchmark standard for verified sanitization and permanent physical destruction of solid-state drives (SSD).",
                std_badge_3: "Traceability & Audit",
                std_3_text: "Chain-of-custody documentation and individual serial number logging to demonstrate compliance during security audits.",
                preview_eyebrow: "LEGAL VALIDITY & AUDIT COMPLIANCE",
                preview_title: "Official Certification with Regulatory Validity",
                preview_subtitle: "Our certificates strictly comply with media disposition documentation requirements established by NIST SP 800-88 Rev. 1 (Section 4.7), ISO/IEC 27001, and data protection laws.",
                preview_tab_1: "Secure Erasure Certificate",
                preview_tab_2: "Legal Format: Physical SSD Destruction Certificate",
                portal_eyebrow: "CERTIFICATE LOOKUP & DOWNLOAD",
                portal_title: "Private Certificate Portal",
                portal_subtitle: "Sign in with your assigned username and password to view, filter by serial number, and download your Official Secure Erasure and SSD Destruction Certificates.",
                login_badge: "CLIENT VAULT",
                login_title: "Sign In",
                login_user_label: "Client Username",
                login_pass_label: "Password",
                login_btn_submit: "View Certificates",
                login_demo_btn: "View demo client account",
                login_admin_link: "Administration",
                vault_btn_logout: "Sign Out",
                vault_search_hint: "Quick search by Certificate ID or Serial Number (S/N):",
                contact_eyebrow: "CONFIDENTIAL INQUIRIES",
                contact_title: "Contact",
                contact_subtitle: "Reach out to our team to schedule your certified secure erasure or physical SSD memory destruction service.",
                form_company: "Organization / Company *",
                form_name: "Full Name & Title *",
                form_email: "Email Address *",
                form_phone: "Phone Number *",
                form_service: "Required Service *",
                form_location: "City & Service Mode *",
                form_qty: "Estimated Unit Volume",
                form_submit: "Send Inquiry",
                footer_rights: "© 2026 Core Zero Data Security. All rights reserved • corezero.com.mx",
                footer_download: "Download website (.html)"
            },
            zh: {
                nav_solutions: "解决方案",
                nav_standards: "国际标准",
                nav_cert: "官方证书",
                nav_portal: "客户门户",
                nav_contact: "联系我们",
                nav_cta: "客户登录",
                hero_title: "认证级数据安全擦除与SSD闪存物理销毁",
                hero_subtitle: "Core Zero Data Security 严格遵循国际标准执行认证级数据安全擦除流程与SSD固态闪存彻底物理销毁，全面保障贵机构的数据机密性，并出具包含序列号记录的官方证书。",
                hero_btn_contact: "联系我们",
                hero_btn_portal: "证书查询门户",
                trust_strip_2: "SSD闪存物理销毁",
                trust_strip_3: "出具官方认证证书",
                sol_eyebrow: "CORE ZERO DATA SECURITY",
                sol_title: "专业数据安全与销毁解决方案",
                sol_subtitle: "专为彻底、不可逆地清除存储硬盘及固态闪存中的敏感信息而设计的标准化流程。",
                sol_1_tag: "01 • 认证级逻辑数据擦除",
                sol_1_title: "安全数据擦除流程",
                sol_1_desc: "严格遵循 DoD 5220.22-M 与 NIST SP 800-88 Rev. 1 国际标准，执行深度覆写与逐扇区校验，100%清除原有数据，确保存储设备可安全重用或退租。",
                sol_1_b1: "100% 扇区校验，0% 法医级数据恢复可能。",
                sol_1_b2: "保留硬盘硬件完整性，支持安全再利用。",
                sol_1_b3: "出具包含每块硬盘独立序列号 (S/N) 的官方证书。",
                sol_1_foot: "含官方证书",
                sol_2_tag: "02 • 彻底物理销毁",
                sol_2_title: "SSD 内存物理销毁",
                sol_2_desc: "针对达到使用寿命或硬件锁死的固态存储设备（SSD、M.2、NVMe 及 NAND 闪存模块），直接对闪存芯片进行物理破碎销毁，杜绝任何实验室级提取。",
                sol_2_b1: "直接对 SSD 闪存芯片与控制电路进行物理破碎。",
                sol_2_b2: "符合国际标准 NIST SP 800-88 Rev. 1 (Destroy)。",
                sol_2_b3: "出具记录完整序列号的官方物理销毁证书。",
                sol_2_foot: "含官方证书",
                onsite_tag: "上门与现场作业服务 • 下加利福尼亚州",
                onsite_title: "提供上门及客户现场作业选项",
                onsite_desc: "我们提供直接前往您的地址或厂区现场执行认证级数据安全擦除与SSD闪存物理销毁的服务选项，全程在您的监督下完成，确保存储设备无需离开您的场所。",
                onsite_coverage_label: "上门服务覆盖城市：",
                onsite_min_note: "* 上门及现场服务最低起订量为 100 台存储设备。",
                onsite_cta: "咨询上门服务档期与报价",
                intake_req_badge: "存储介质接收规范",
                intake_req_title: "仅接收已拆卸的独立硬盘与 SSD 内存模块",
                intake_req_desc: "为确保作业效率与安全规范，客户须仅交付已预先从设备中拆卸出的独立硬盘或 SSD 闪存模块。Core Zero Data Security 仅针对存储介质本身执行安全擦除或物理销毁，不提供台式机、笔记本电脑或服务器的拆机与硬件拆卸服务。",
                us_entity_badge: "跨境采购与资金结算 • 美国 / 墨西哥",
                us_entity_title: "美国注册公司支持跨国采购与美元直接结算",
                us_entity_desc: "为配合跨国企业的全球采购（Procurement）、资金管理及财务合规要求，我们在美国设有合法注册公司：Core Zero Data Security LLC。即使数据安全擦除或 SSD 闪存物理销毁作业在墨西哥境内执行，贵机构仍可直接通过我们的美国实体完成供应商建档与美国本土美元（USD）付款。",
                us_entity_label: "美国注册公司：",
                us_entity_pill: "美国本土美元（USD）结算 • 墨西哥现场执行",
                std_eyebrow: "国际合规标准",
                std_title: "支持我们流程的国际标准",
                std_desc: "普通格式化仅隐藏文件索引，仍会使敏感数据面临泄露风险。我们的作业流程严格遵循安全审计要求的国际规范：",
                std_badge_1: "安全擦除",
                std_1_text: "多层二进制覆写与最终校验流程，确保数据彻底清除。",
                std_badge_2: "SSD 与存储介质",
                std_2_text: "固态闪存 (SSD) 认证擦除与彻底物理销毁的国际权威标准。",
                std_badge_3: "可追溯性与审计",
                std_3_text: "完整的监管链记录与独立序列号登记，满足合规审计要求。",
                preview_eyebrow: "法律效力与合规审计文档",
                preview_title: "具备合规效力的官方认证证书",
                preview_subtitle: "我们的证书严格符合 NIST SP 800-88 Rev. 1（第 4.7 节）与 ISO/IEC 27001 的介质处置记录规范。",
                preview_tab_1: "安全数据擦除证书",
                preview_tab_2: "法定格式：SSD物理销毁证书",
                portal_eyebrow: "证书查询与下载",
                portal_title: "专属证书门户",
                portal_subtitle: "使用分配给您的账号和密码登录，按序列号检索并下载您的官方安全擦除与 SSD 销毁证书。",
                login_badge: "客户专属金库",
                login_title: "登录",
                login_user_label: "客户账号",
                login_pass_label: "密码",
                login_btn_submit: "查询证书",
                login_demo_btn: "查看演示客户账户",
                login_admin_link: "管理后台",
                vault_btn_logout: "退出登录",
                vault_search_hint: "按证书编号或序列号 (S/N) 快速检索：",
                contact_eyebrow: "机密商务咨询",
                contact_title: "联系我们",
                contact_subtitle: "欢迎联系我们的团队，预约您的数据安全擦除或 SSD 闪存物理销毁服务。",
                form_company: "机构 / 公司名称 *",
                form_name: "姓名与职务 *",
                form_email: "电子邮箱 *",
                form_phone: "联系电话 *",
                form_service: "所需服务 *",
                form_location: "城市与服务方式 *",
                form_qty: "预计处理数量",
                form_submit: "提交申请",
                footer_rights: "© 2026 Core Zero Data Security. 保留所有权利 • corezero.com.mx",
                footer_download: "下载网站源码 (.html)"
            },
            ru: {
                nav_solutions: "Решения",
                nav_standards: "Стандарты",
                nav_cert: "Сертификат",
                nav_portal: "Портал клиентов",
                nav_contact: "Контакты",
                nav_cta: "Вход для клиентов",
                hero_title: "Сертифицированное безопасное удаление данных и физическое уничтожение памяти SSD",
                hero_subtitle: "В Core Zero Data Security мы защищаем конфиденциальность вашей организации с помощью сертифицированных процедур безопасного удаления данных по международным стандартам и окончательного физического уничтожения памяти SSD. Выдаем официальный сертификат с серийными номерами.",
                hero_btn_contact: "Контакты",
                hero_btn_portal: "Портал сертификатов",
                trust_strip_2: "Физическое уничтожение SSD",
                trust_strip_3: "Официальный сертификат",
                sol_eyebrow: "CORE ZERO DATA SECURITY",
                sol_title: "Специализированные решения по защите данных",
                sol_subtitle: "Процедуры, разработанные для гарантированного и необратимого удаления конфиденциальной информации с накопителей и твердотельной памяти.",
                sol_1_tag: "01 • СЕРТИФИЦИРОВАННАЯ САНИТИЗАЦИЯ",
                sol_1_title: "Процедура безопасного удаления данных",
                sol_1_desc: "Мы выполняем глубокую перезапись и посекторную верификацию по международным стандартам DoD 5220.22-M и NIST SP 800-88 Rev. 1. Полностью удаляет 100% данных, позволяя безопасно переиспользовать накопители.",
                sol_1_b1: "Полная проверка с 0% вероятностью криминалистического восстановления.",
                sol_1_b2: "Сохраняет работоспособность накопителей для повторного использования.",
                sol_1_b3: "Выдача официального сертификата с регистрацией каждого серийного номера (S/N).",
                sol_1_foot: "Сертификат включен",
                sol_2_tag: "02 • ФИЗИЧЕСКОЕ УНИЧТОЖЕНИЕ",
                sol_2_title: "Физическое уничтожение памяти SSD",
                sol_2_desc: "Для твердотельных накопителей (SSD, M.2, NVMe и модулей NAND Flash), выработавших ресурс, мы проводим прямое физическое разрушение чипов памяти, исключая любую возможность восстановления.",
                sol_2_b1: "Прямое физическое разрушение микросхем и чипов памяти SSD.",
                sol_2_b2: "В соответствии с международным стандартом NIST SP 800-88 Rev. 1 (Destroy).",
                sol_2_b3: "Выдача официального сертификата об уничтожении с серийными номерами.",
                sol_2_foot: "Сертификат включен",
                onsite_tag: "ВЫЕЗДНОЕ ОБСЛУЖИВАНИЕ • НИЖНЯЯ КАЛИФОРНИЯ",
                onsite_title: "Опция выездного обслуживания по вашему адресу",
                onsite_desc: "Мы предлагаем возможность выезда непосредственно по вашему адресу или на ваш объект для выполнения процедуры безопасного удаления данных и физического уничтожения памяти SSD под вашим контролем, чтобы накопители не покидали вашу территорию.",
                onsite_coverage_label: "Зона выездного обслуживания:",
                onsite_min_note: "* Выездное обслуживание предоставляется при объеме от 100 накопителей.",
                onsite_cta: "Уточнить доступность и стоимость выездного обслуживания",
                intake_req_badge: "УСЛОВИЯ ПРИЕМА НАКОПИТЕЛЕЙ",
                intake_req_title: "Прием исключительно извлеченных жестких дисков и модулей памяти",
                intake_req_desc: "Для обеспечения оперативности и безопасности процедуры клиент передает только предварительно извлеченные жесткие диски или модули памяти SSD. Core Zero Data Security работает исключительно с носителями информации и не производит разборку или демонтаж компьютеров, ноутбуков и серверов.",
                us_entity_badge: "МЕЖДУНАРОДНЫЕ ЗАКУПКИ И КАЗНАЧЕЙСТВО • США / МЕКСИКА",
                us_entity_title: "Зарегистрированная компания в США для международных расчетов и оплаты",
                us_entity_desc: "Для удобства казначейских операций, глобальных закупок (Procurement) и финансового комплаенса международных организаций мы располагаем официально зарегистрированной компанией в США: Core Zero Data Security LLC. Ваша организация может проводить оплату напрямую в США (USD), даже когда процедуры безопасного удаления данных или физического уничтожения памяти SSD выполняются в Мексике.",
                us_entity_label: "ЮРИДИЧЕСКОЕ ЛИЦО В США:",
                us_entity_pill: "Оплата в США (USD) • Исполнение работ в Мексике",
                std_eyebrow: "МЕЖДУНАРОДНЫЕ НОРМАТИВЫ",
                std_title: "Стандарты, подтверждающие нашу процедуру",
                std_desc: "Обычное форматирование лишь скрывает индекс файлов. Наши процедуры строго соответствуют международным стандартам безопасности:",
                std_badge_1: "Безопасное удаление",
                std_1_text: "Многослойная бинарная перезапись с финальной проверкой для гарантированного удаления данных.",
                std_badge_2: "Память SSD и накопители",
                std_2_text: "Международный эталонный стандарт для верифицированной очистки и физического уничтожения твердотельной памяти (SSD).",
                std_badge_3: "Прослеживаемость и аудит",
                std_3_text: "Документация цепочки хранения и индивидуальный учет серийных номеров для аудиторских проверок.",
                preview_eyebrow: "ЮРИДИЧЕСКАЯ СИЛА И АУДИТ",
                preview_title: "Официальная сертификация по международным нормам",
                preview_subtitle: "Наши сертификаты полностью соответствуют требованиям документации NIST SP 800-88 Rev. 1 (Раздел 4.7) и ISO/IEC 27001.",
                preview_tab_1: "Сертификат безопасного удаления",
                preview_tab_2: "Официальный формат: Сертификат уничтожения SSD",
                portal_eyebrow: "ПРОВЕРКА И СКАЧИВАНИЕ СЕРТИФИКАТОВ",
                portal_title: "Личный портал сертификатов",
                portal_subtitle: "Войдите под своим логином и паролем для поиска по серийному номеру и скачивания официальных сертификатов.",
                login_badge: "ХРАНИЛИЩЕ КЛИЕНТА",
                login_title: "Вход в систему",
                login_user_label: "Логин клиента",
                login_pass_label: "Пароль",
                login_btn_submit: "Просмотреть сертификаты",
                login_demo_btn: "Открыть демо-аккаунт клиента",
                login_admin_link: "Администрирование",
                vault_btn_logout: "Выйти",
                vault_search_hint: "Быстрый поиск по номеру сертификата или S/N:",
                contact_eyebrow: "КОНФИДЕНЦИАЛЬНОЕ ОБРАЩЕНИЕ",
                contact_title: "Контакты",
                contact_subtitle: "Свяжитесь с нами для согласования процедуры безопасного удаления данных или физического уничтожения памяти SSD.",
                form_company: "Организация / Компания *",
                form_name: "Имя и должность *",
                form_email: "Электронная почта *",
                form_phone: "Телефон *",
                form_service: "Требуемая услуга *",
                form_location: "Город и формат обслуживания *",
                form_qty: "Ориентировочное количество единиц",
                form_submit: "Отправить запрос",
                footer_rights: "© 2026 Core Zero Data Security. Все права защищены • corezero.com.mx",
                footer_download: "Скачать сайт (.html)"
            },
            ko: {
                nav_solutions: "솔루션",
                nav_standards: "국제 표준",
                nav_cert: "인증서",
                nav_portal: "고객 포털",
                nav_contact: "문의하기",
                nav_cta: "고객 로그인",
                hero_title: "인증된 데이터 영구 삭제 및 SSD 메모리 물리적 파쇄",
                hero_subtitle: "Core Zero Data Security는 국제 표준에 기반한 데이터 영구 삭제 절차와 SSD 플래시 메모리의 영구적인 물리적 파쇄를 통해 귀사의 기밀 정보를 완벽히 보호하며, 시리얼 번호가 기재된 공식 인증서를 발급합니다.",
                hero_btn_contact: "문의하기",
                hero_btn_portal: "인증서 포털",
                trust_strip_2: "SSD 메모리 물리적 파쇄",
                trust_strip_3: "공식 인증서 발급",
                sol_eyebrow: "CORE ZERO DATA SECURITY",
                sol_title: "전문 데이터 보안 및 파기 솔루션",
                sol_subtitle: "저장 매체 및 솔리드 스테이트 메모리(SSD)의 민감한 정보를 완전하고 복구 불가능하게 제거하기 위한 표준 절차입니다.",
                sol_1_tag: "01 • 인증된 논리적 데이터 삭제",
                sol_1_title: "안전한 데이터 영구 삭제 절차",
                sol_1_desc: "국제 표준 DoD 5220.22-M 및 NIST SP 800-88 Rev. 1에 따라 심층 덮어쓰기 및 섹터별 검증을 수행하여 기존 데이터를 100% 제거하고 안전한 재사용 또는 반납을 보장합니다.",
                sol_1_b1: "포렌식 복구 가능성 0%의 완벽한 검증.",
                sol_1_b2: "저장 장치의 하드웨어 무결성을 유지하여 안전한 재사용 가능.",
                sol_1_b3: "개별 시리얼 번호(S/N)가 기재된 공식 인증서 발급.",
                sol_1_foot: "인증서 포함",
                sol_2_tag: "02 • 영구적인 물리적 파기",
                sol_2_title: "SSD 메모리 물리적 파쇄",
                sol_2_desc: "수명이 다했거나 하드웨어 잠금이 발생한 SSD, M.2, NVMe 및 NAND 플래시 모듈의 메모리 칩을 직접 물리적으로 파쇄하여 실험실 수준의 데이터 추출을 원천 차단합니다.",
                sol_2_b1: "SSD 메모리 칩 및 회로에 대한 직접적인 물리적 파쇄.",
                sol_2_b2: "국제 지침 NIST SP 800-88 Rev. 1 (Destroy) 완벽 준수.",
                sol_2_b3: "시리얼 번호가 등록된 공식 물리적 파쇄 인증서 발급.",
                sol_2_foot: "인증서 포함",
                onsite_tag: "방문 및 현장 보안 서비스 • 바하칼리포르니아",
                onsite_title: "고객 주소지 및 사업장 방문 서비스 옵션",
                onsite_desc: "저장 장치가 외부로 반출되지 않도록 고객님의 주소지나 사업장 현장에 직접 방문하여 감독 하에 안전한 데이터 영구 삭제 및 SSD 메모리 물리적 파쇄를 수행하는 방문 서비스 옵션을 제공합니다.",
                onsite_coverage_label: "방문 서비스 제공 지역:",
                onsite_min_note: "* 방문 서비스는 최소 100대 이상의 수량부터 적용됩니다.",
                onsite_cta: "방문 서비스 가능 여부 및 견적 문의",
                intake_req_badge: "저장 매체 인수 기준",
                intake_req_title: "사전 분리된 하드디스크 및 SSD 메모리 모듈 단독 인수",
                intake_req_desc: "신속하고 안전한 보안 절차를 위해 고객사께서는 장비에서 사전에 분리된 단독 상태의 하드디스크 또는 SSD 메모리 모듈만 전달해 주셔야 합니다. Core Zero Data Security는 저장 매체만을 전문적으로 처리하며, PC·노트북·서버 등 장비의 분해 및 해체 작업은 수행하지 않습니다.",
                us_entity_badge: "글로벌 조달 및 자금 결제 • 미국 / 멕시코",
                us_entity_title: "글로벌 계약 및 대금 결제를 위한 미국 등록 법인 운영",
                us_entity_desc: "다국적 기업의 글로벌 구매(Procurement), 자금 관리 및 재무 컴플라이언스 편의를 위해 당사는 미국 내 정식 등록 법인인 Core Zero Data Security LLC를 보유하고 있습니다. 데이터 영구 삭제 및 SSD 메모리 물리적 파쇄 작업이 멕시코 현장에서 수행되더라도, 협력사 등록 및 대금 결제(USD)는 미국 법인을 통해 직접 진행하실 수 있습니다.",
                us_entity_label: "미국 등록 법인:",
                us_entity_pill: "미국 내 직접 결제(USD) • 멕시코 현지 작업 수행",
                std_eyebrow: "국제 보안 규격",
                std_title: "모든 절차를 뒷받침하는 국제 표준",
                std_desc: "일반적인 포맷은 파일 인덱스만 숨길 뿐 민감한 데이터를 그대로 노출시킵니다. 당사의 절차는 보안 감사에서 요구하는 국제 규격을 엄격히 준수합니다:",
                std_badge_1: "데이터 영구 삭제",
                std_1_text: "데이터 기록의 완전한 제거를 보장하는 다중 이진 덮어쓰기 및 최종 검증 프로토콜.",
                std_badge_2: "SSD 및 저장 매체",
                std_2_text: "솔리드 스테이트 메모리(SSD)의 검증된 삭제 및 물리적 파쇄를 위한 국제 표준 지침.",
                std_badge_3: "추적성 및 보안 감사",
                std_3_text: "보안 감사 준수를 증명하기 위한 관리 연속성 문서화 및 개별 시리얼 번호 등록.",
                preview_eyebrow: "법적 효력 및 보안 감사 준수",
                preview_title: "국제 규격을 준수하는 공식 인증서",
                preview_subtitle: "당사의 인증서는 NIST SP 800-88 Rev. 1 (섹션 4.7) 및 ISO/IEC 27001의 매체 처분 문서화 요건을 엄격히 준수합니다.",
                preview_tab_1: "데이터 영구 삭제 인증서",
                preview_tab_2: "법적 양식: SSD 물리적 파쇄 인증서",
                portal_eyebrow: "인증서 조회 및 다운로드",
                portal_title: "프라이빗 인증서 포털",
                portal_subtitle: "부여받은 계정으로 로그인하여 시리얼 번호별로 검색하고 공식 데이터 영구 삭제 및 SSD 파쇄 인증서를 다운로드하십시오.",
                login_badge: "고객 전용 보안 금고",
                login_title: "로그인",
                login_user_label: "고객 아이디",
                login_pass_label: "비밀번호",
                login_btn_submit: "인증서 조회하기",
                login_demo_btn: "고객 데모 계정 미리보기",
                login_admin_link: "관리자",
                vault_btn_logout: "로그아웃",
                vault_search_hint: "인증서 번호 또는 시리얼 번호(S/N) 빠른 검색:",
                contact_eyebrow: "기밀 보안 상담",
                contact_title: "문의하기",
                contact_subtitle: "데이터 영구 삭제 또는 SSD 메모리 물리적 파쇄 일정 조율을 위해 전문 팀에 문의하십시오.",
                form_company: "기관명 / 회사명 *",
                form_name: "담당자 성명 및 직책 *",
                form_email: "이메일 주소 *",
                form_phone: "연락처 *",
                form_service: "요청 서비스 *",
                form_location: "서비스 지역 및 방식 *",
                form_qty: "예상 처리 수량",
                form_submit: "신청서 보내기",
                footer_rights: "© 2026 Core Zero Data Security. All rights reserved • corezero.com.mx",
                footer_download: "웹사이트 다운로드 (.html)"
            }
        };

        function setLanguage(lang) {
            const dict = i18n[lang] || i18n.es;
            document.documentElement.lang = lang;
            document.querySelectorAll('[data-i18n]').forEach(el => {
                const key = el.getAttribute('data-i18n');
                if (dict[key]) {
                    el.textContent = dict[key];
                }
            });
            document.querySelectorAll('.lang-btn').forEach(btn => btn.classList.remove('active'));
            const activeBtn = document.getElementById('lang-' + lang);
            if (activeBtn) activeBtn.classList.add('active');
        }
        window.setLanguage = setLanguage;

        function showToast(msg) {
            const toast = document.getElementById('portal-toast');
            const toastMsg = document.getElementById('portal-toast-msg');
            if (!toast || !toastMsg) return;
            toastMsg.textContent = msg;
            toast.classList.remove('hidden');
            setTimeout(() => {
                toast.classList.add('hidden');
            }, 4500);
        }
        window.showToast = showToast;

        // SAMPLE CERTIFICATE SWITCHER (LEGAL SSD DESTRUCTION VS SECURE ERASE PLACEHOLDER)
        function switchSampleCert(mode) {
            const tabErase = document.getElementById('tab-cert-erase');
            const tabSsd = document.getElementById('tab-cert-ssd');
            const boxSsd = document.getElementById('preview-box-ssd');
            const boxErase = document.getElementById('preview-box-erase');

            if (mode === 'erase') {
                if (tabSsd) tabSsd.classList.remove('active');
                if (tabErase) tabErase.classList.add('active');
                if (boxSsd) boxSsd.classList.add('hidden');
                if (boxErase) boxErase.classList.remove('hidden');
            } else {
                if (tabErase) tabErase.classList.remove('active');
                if (tabSsd) tabSsd.classList.add('active');
                if (boxErase) boxErase.classList.add('hidden');
                if (boxSsd) boxSsd.classList.remove('hidden');
            }
        }
        window.switchSampleCert = switchSampleCert;

        function openBlankLegalDestructionCert() {
            document.getElementById('modal-cert-folio').textContent = 'FOLIO LEGAL: CZ-SSD-2026-0895';
            document.getElementById('modal-cert-date').textContent = 'FECHA DE EMISIÓN: ' + new Date().toISOString().slice(0, 10);
            document.getElementById('modal-cert-company').textContent = 'Grupo Industrial del Pacífico S.A. de C.V.';
            document.getElementById('modal-cert-standard').textContent = 'Destrucción Física de Memorias SSD — NIST SP 800-88 Rev. 1 (Destroy)';
            document.getElementById('modal-cert-method').textContent = 'Fractura y Trituración Física Directa sobre Chips NAND Flash';
            document.getElementById('modal-cert-location').textContent = 'Instalaciones del Cliente (En Sitio)';
            document.getElementById('modal-cert-units').textContent = '3 Unidades SSD Destruidas';
            document.getElementById('modal-cert-witness').textContent = 'TESTIGO / REPRESENTANTE DE LA ORGANIZACIÓN CLIENTE';
            document.getElementById('modal-cert-serials').textContent =
                '01 | S/N: S64HNE0R802144 | Memoria SSD NVMe M.2 1.92TB | NIST SP 800-88 Destroy | DESTRUCCIÓN FÍSICA CERTIFICADA\n' +
                '02 | S/N: 50026B76859C11 | Memoria SSD SATA 960GB      | NIST SP 800-88 Destroy | DESTRUCCIÓN FÍSICA CERTIFICADA\n' +
                '03 | S/N: KIOX99201448A2 | Memoria SSD NVMe 512GB      | NIST SP 800-88 Destroy | DESTRUCCIÓN FÍSICA CERTIFICADA';
            document.getElementById('cert-modal').classList.remove('hidden');
            renderCoreZeroEmblem('modal-logo-canvas');
        }

        function previewGeneratedLegalCertFromAdmin() {
            const username = document.getElementById('adm-cert-client').value;
            const clientObj = (window.clientsList || []).find(c => c.username === username);
            const folio = document.getElementById('adm-cert-folio').value.trim() || 'CZ-SSD-2026-0104';
            const standard = document.getElementById('adm-cert-standard').value;
            const units = document.getElementById('adm-cert-units').value || '1';
            const location = document.getElementById('adm-cert-location')?.value || 'Instalaciones del Cliente';
            const method = document.getElementById('adm-cert-method')?.value || 'Fractura y Trituración de Chips NAND SSD';
            const witness = document.getElementById('adm-cert-witness')?.value || 'REPRESENTANTE DESIGNADO POR EL CLIENTE';
            const serials = document.getElementById('adm-cert-serials').value.trim() || 'Sin números de serie especificados.';

            document.getElementById('modal-cert-folio').textContent = `FOLIO LEGAL: ${folio}`;
            document.getElementById('modal-cert-date').textContent = `FECHA DE EMISIÓN: ${new Date().toISOString().slice(0, 10)}`;
            document.getElementById('modal-cert-company').textContent = clientObj ? clientObj.company : username;
            document.getElementById('modal-cert-standard').textContent = standard;
            document.getElementById('modal-cert-method').textContent = method;
            document.getElementById('modal-cert-location').textContent = location;
            document.getElementById('modal-cert-units').textContent = `${units} Unidades Certificadas`;
            document.getElementById('modal-cert-witness').textContent = witness.toUpperCase();
            document.getElementById('modal-cert-serials').textContent = serials;
            document.getElementById('cert-modal').classList.remove('hidden');
            renderCoreZeroEmblem('modal-logo-canvas');
        }

        // CLIENT PORTAL AUTHENTICATION
        function handleClientLogin(e) {
            e.preventDefault();
            const u = document.getElementById('login-user-input').value.trim().toLowerCase();
            const p = document.getElementById('login-pass-input').value.trim();
            const err = document.getElementById('login-error-msg');

            const found = (window.clientsList || []).find(
                c => c.username.toLowerCase() === u && c.password === p
            );

            if (!found) {
                err.classList.remove('hidden');
                return;
            }
            err.classList.add('hidden');
            openClientVault(found);
        }

        function loginDemoAccount() {
            const demo = (window.clientsList || [])[0];
            if (!demo) return;
            document.getElementById('login-user-input').value = demo.username;
            document.getElementById('login-pass-input').value = demo.password;
            openClientVault(demo);
        }

        function openClientVault(client) {
            window.activeClient = client;
            document.getElementById('client-login-card').classList.add('hidden');
            document.getElementById('client-vault-dashboard').classList.remove('hidden');
            document.getElementById('vault-company-name').textContent = client.company;
            document.getElementById('vault-company-meta').textContent =
                `Usuario: ${client.username}` + (client.ref ? ` • ${client.ref}` : '');
            window.renderClientCertificates();
        }

        function logoutClient() {
            window.activeClient = null;
            document.getElementById('client-vault-dashboard').classList.add('hidden');
            document.getElementById('client-login-card').classList.remove('hidden');
        }

        window.renderClientCertificates = function() {
            if (!window.activeClient) return;
            const query = (document.getElementById('vault-search-input')?.value || '').toLowerCase();
            const certs = (window.certificatesList || []).filter(
                c => c.clientUsername.toLowerCase() === window.activeClient.username.toLowerCase()
            ).filter(c =>
                c.id.toLowerCase().includes(query) ||
                c.serials.toLowerCase().includes(query) ||
                c.standard.toLowerCase().includes(query)
            );

            const container = document.getElementById('vault-certs-container');
            if (certs.length === 0) {
                container.innerHTML = `
                    <div class="p-8 text-center bg-[#151A21] rounded-xl border border-white/10 text-slate-400 font-mono text-xs">
                        No se encontraron certificados registrados con ese criterio.
                    </div>
                `;
                return;
            }

            container.innerHTML = certs.map(cert => `
                <div class="bg-[#151A21] border border-goldChampagne/25 rounded-2xl p-6 flex flex-col lg:flex-row lg:items-center justify-between gap-6 hover:border-goldChampagne/60 transition">
                    <div class="space-y-2.5 max-w-3xl">
                        <div class="flex flex-wrap items-center gap-3">
                            <span class="font-mono text-xs sm:text-sm font-bold text-goldLight bg-goldChampagne/15 border border-goldChampagne/40 px-3 py-1 rounded-lg">
                                ${cert.id}
                            </span>
                            <span class="font-mono text-xs text-slate-400">
                                <i class="fa-regular fa-calendar mr-1"></i>${cert.date}
                            </span>
                            <span class="font-mono text-xs text-goldChampagne">
                                ${cert.units} Unidades Certificadas
                            </span>
                        </div>
                        <div class="text-sm font-bold text-white">
                            ${cert.standard}
                        </div>
                        <div class="text-xs font-mono text-slate-300 bg-[#1C222A] p-3.5 rounded-xl border border-white/5 whitespace-pre-wrap leading-relaxed">${cert.serials}</div>
                    </div>

                    <div class="flex flex-col sm:flex-row lg:flex-col gap-2.5 shrink-0">
                        <button onclick="openCertModal('${cert.id}')" class="btn-gold font-bold px-5 py-3 rounded-xl text-xs font-mono flex items-center justify-center gap-2 transition">
                            <i class="fa-solid fa-certificate"></i>
                            <span>Ver Certificado Oficial</span>
                        </button>
                        <a href="${cert.docUrl}" target="_blank" rel="noopener noreferrer" onclick="handleDirectDocClick(event, '${cert.id}')" class="bg-white/5 hover:bg-white/10 text-slate-200 border border-white/15 px-5 py-2.5 rounded-xl text-xs font-mono flex items-center justify-center gap-2 transition">
                            <i class="fa-solid fa-file-arrow-down text-goldChampagne"></i>
                            <span>Descargar PDF</span>
                        </a>
                    </div>
                </div>
            `).join('');
        };

        function handleDirectDocClick(e, certId) {
            const cert = (window.certificatesList || []).find(c => c.id === certId);
            if (!cert) return;
            if (!cert.docUrl || cert.docUrl.startsWith('#')) {
                e.preventDefault();
                openCertModal(certId);
            }
        }

        function openCertModal(certId) {
            const cert = (window.certificatesList || []).find(c => c.id === certId);
            if (!cert) return;
            document.getElementById('modal-cert-folio').textContent = `FOLIO LEGAL: ${cert.id}`;
            document.getElementById('modal-cert-date').textContent = `FECHA DE EMISIÓN: ${cert.date}`;
            document.getElementById('modal-cert-company').textContent = cert.clientCompany;
            document.getElementById('modal-cert-standard').textContent = cert.standard;
            if (document.getElementById('modal-cert-method')) {
                document.getElementById('modal-cert-method').textContent = cert.method || 'Procedimiento Certificado DoD 5220.22-M / NIST SP 800-88';
            }
            if (document.getElementById('modal-cert-location')) {
                document.getElementById('modal-cert-location').textContent = cert.location || 'Instalaciones Autorizadas';
            }
            if (document.getElementById('modal-cert-units')) {
                document.getElementById('modal-cert-units').textContent = `${cert.units || 1} Unidades Certificadas`;
            }
            if (document.getElementById('modal-cert-witness')) {
                document.getElementById('modal-cert-witness').textContent = (cert.witness || 'REPRESENTANTE DESIGNADO DEL CLIENTE').toUpperCase();
            }
            document.getElementById('modal-cert-serials').textContent = cert.serials;
            document.getElementById('cert-modal').classList.remove('hidden');
            renderCoreZeroEmblem('modal-logo-canvas');
        }

        function closeCertModal() {
            document.getElementById('cert-modal').classList.add('hidden');
        }

        // ADMIN FUNCTIONS
        function toggleAdminView(showAdmin) {
            const clientView = document.getElementById('view-client-portal');
            const adminView = document.getElementById('view-admin-portal');
            if (showAdmin) {
                clientView.classList.add('hidden');
                adminView.classList.remove('hidden');
                window.refreshAdminUI();
            } else {
                adminView.classList.add('hidden');
                clientView.classList.remove('hidden');
            }
        }

        function handleAdminUnlock(e) {
            e.preventDefault();
            document.getElementById('admin-pin-card').classList.add('hidden');
            document.getElementById('admin-console-panel').classList.remove('hidden');
            generateNextFolio();
            window.refreshAdminUI();
        }

        function generateClientPass() {
            const chars = "ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnpqrstuvwxyz23456789";
            let res = "CZ-";
            for (let i = 0; i < 6; i++) res += chars.charAt(Math.floor(Math.random() * chars.length));
            document.getElementById('adm-client-pass').value = res;
        }

        function generateNextFolio() {
            const rand = Math.floor(1000 + Math.random() * 9000);
            const el = document.getElementById('adm-cert-folio');
            if (el) el.value = `CZ-2026-${rand}`;
        }

        function handleCreateClient(e) {
            e.preventDefault();
            const company = document.getElementById('adm-client-company').value.trim();
            const username = document.getElementById('adm-client-user').value.trim();
            const password = document.getElementById('adm-client-pass').value.trim();
            const ref = document.getElementById('adm-client-ref').value.trim();

            const newClient = {
                id: 'cz_client_' + Date.now(),
                company,
                username,
                password,
                ref
            };

            window.clientsList.unshift(newClient);
            if (window.saveClientRecord) window.saveClientRecord(newClient);

            document.getElementById('adm-client-company').value = '';
            document.getElementById('adm-client-user').value = '';
            document.getElementById('adm-client-pass').value = '';
            document.getElementById('adm-client-ref').value = '';

            window.refreshAdminUI();
            showToast(`Usuario "${username}" creado exitosamente para ${company}.`);
        }

        function copyCredentials(username) {
            const c = (window.clientsList || []).find(item => item.username === username);
            if (!c) return;
            const text = [
                "CORE ZERO DATA SECURITY — ACCESO A PORTAL DE CERTIFICADOS",
                `Cliente: ${c.company}`,
                `Sitio Web: https://corezero.com.mx/#portal-clientes`,
                `Usuario: ${c.username}`,
                `Contraseña: ${c.password}`
            ].join('\n');

            const ta = document.createElement('textarea');
            ta.value = text;
            document.body.appendChild(ta);
            ta.select();
            document.execCommand('copy');
            document.body.removeChild(ta);
            showToast(`Credenciales de ${c.company} copiadas al portapapeles.`);
        }

        function deleteClient(id) {
            window.clientsList = (window.clientsList || []).filter(c => c.id !== id);
            if (window.deleteClientRecord) window.deleteClientRecord(id);
            window.refreshAdminUI();
            showToast("Usuario eliminado.");
        }

        window.refreshAdminUI = function() {
            const listEl = document.getElementById('adm-client-list');
            const selectEl = document.getElementById('adm-cert-client');
            const countEl = document.getElementById('adm-client-count');
            const clients = window.clientsList || [];

            if (countEl) countEl.textContent = clients.length;
            if (listEl) {
                listEl.innerHTML = clients.map(c => `
                    <div class="bg-[#151A21] border border-white/10 rounded-xl p-3 flex items-center justify-between gap-2 text-xs">
                        <div class="truncate">
                            <div class="font-bold text-white truncate">${c.company}</div>
                            <div class="font-mono text-[11px] text-slate-400">
                                Usuario: <span class="text-goldLight">${c.username}</span> &bull; Clave: <span class="text-emerald-400">${c.password}</span>
                            </div>
                        </div>
                        <div class="flex items-center gap-1.5 shrink-0">
                            <button type="button" onclick="copyCredentials('${c.username}')" class="px-2.5 py-1 rounded-lg bg-goldChampagne/15 hover:bg-goldChampagne/30 text-goldLight font-mono text-[11px] transition">
                                Copiar
                            </button>
                            <button type="button" onclick="deleteClient('${c.id}')" class="px-2 py-1 rounded-lg bg-rose-500/10 hover:bg-rose-500/25 text-rose-400 transition">
                                <i class="fa-solid fa-trash-can"></i>
                            </button>
                        </div>
                    </div>
                `).join('');
            }
            if (selectEl) {
                selectEl.innerHTML = clients.map(c => `
                    <option value="${c.username}">${c.company} (${c.username})</option>
                `).join('');
            }
        };

        function handleCreateCert(e) {
            e.preventDefault();
            const username = document.getElementById('adm-cert-client').value;
            const clientObj = (window.clientsList || []).find(c => c.username === username);
            const folio = document.getElementById('adm-cert-folio').value.trim();
            const standard = document.getElementById('adm-cert-standard').value;
            const units = Number(document.getElementById('adm-cert-units').value || 1);
            const location = document.getElementById('adm-cert-location')?.value.trim() || 'Instalaciones del Cliente';
            const method = document.getElementById('adm-cert-method')?.value.trim() || 'Fractura y Trituración de Chips NAND SSD';
            const witness = document.getElementById('adm-cert-witness')?.value.trim() || 'Representante del Cliente';
            const serials = document.getElementById('adm-cert-serials').value.trim();
            const docUrl = document.getElementById('adm-cert-url').value.trim() || `#cert-${folio}`;

            const newCert = {
                id: folio,
                clientUsername: username,
                clientCompany: clientObj ? clientObj.company : username,
                date: new Date().toISOString().slice(0, 10),
                standard,
                units,
                location,
                method,
                witness,
                serials,
                docUrl
            };

            window.certificatesList.unshift(newCert);
            if (window.saveCertRecord) window.saveCertRecord(newCert);

            generateNextFolio();
            document.getElementById('adm-cert-serials').value = '';
            showToast(`Certificado ${folio} vinculado exitosamente a ${newCert.clientCompany}.`);
        }

        function handleContactSubmit(e) {
            e.preventDefault();
            const company = document.getElementById('c-company').value;
            const name = document.getElementById('c-name').value;
            const email = document.getElementById('c-email').value;
            const phone = document.getElementById('c-phone').value;
            const service = document.getElementById('c-service').value;
            const locationEl = document.getElementById('c-location');
            const location = locationEl ? locationEl.value : 'Por definir';
            const qty = document.getElementById('c-qty').value || 'Por definir';

            const body = [
                "CORE ZERO DATA SECURITY — CONTACTO",
                `Empresa / Organización: ${company}`,
                `Contacto: ${name}`,
                `Correo: ${email}`,
                `Teléfono: ${phone}`,
                `Servicio Requerido: ${service}`,
                `Ciudad y Modalidad: ${location}`,
                `Volumen Estimado: ${qty}`
            ].join('\n');

            window.location.href = `mailto:contacto@corezero.com.mx?subject=${encodeURIComponent('Contacto — ' + company)}&body=${encodeURIComponent(body)}`;
        }

        function downloadCleanHTML() {
            // Clone document so we can embed the real uploaded Base64 logo permanently and strip the studio upload bar
            const clone = document.documentElement.cloneNode(true);

            // 1. Remove studio-only upload bar and helper overlays so the production file for IONOS is 100% clean
            clone.querySelectorAll('[data-studio-only="true"]').forEach(el => el.remove());

            // 2. Permanently embed the user's real uploaded logo inside #embedded-brand-state
            const stateScript = clone.querySelector('#embedded-brand-state');
            if (stateScript && window.customLogoState && window.customLogoState.processedHeroUrl) {
                const payload = JSON.stringify({
                    rawBase64: window.customLogoState.rawBase64,
                    isWideLockup: window.customLogoState.isWideLockup,
                    blendMode: window.customLogoState.blendMode,
                    processedHeroUrl: window.customLogoState.processedHeroUrl,
                    processedEmblemUrl: window.customLogoState.processedEmblemUrl
                });
                stateScript.textContent = `window.__EMBEDDED_LOGO_STATE__ = ${payload};`;
            }

            const html = '<!DOCTYPE html>\n' + clone.outerHTML;
            const blob = new Blob([html], { type: 'text/html;charset=utf-8' });
            const url = URL.createObjectURL(blob);
            const a = document.createElement('a');
            a.href = url;
            a.download = 'index.html';
            document.body.appendChild(a);
            a.click();
            document.body.removeChild(a);
            URL.revokeObjectURL(url);
        }

        window.onload = function() {
            // Initialize architectural matte slate-stone texture across the entire site immediately
            generateArchitecturalStoneTile([32, 39, 48]);

            function activateSavedState(stateCandidate) {
                const src = stateCandidate && (stateCandidate.rawBase64 || stateCandidate.processedHeroUrl || stateCandidate.cloudBase64);
                if (!src) return false;
                processRealLogoImage(src, 'natural', function(cleanState) {
                    cleanState.isLocked = true;
                    window.customLogoState = cleanState;
                    window.__EMBEDDED_LOGO_STATE__ = cleanState;
                    saveLogoStateToLocalStorage(cleanState);
                    applyCustomLogoToDOM();
                });
                return true;
            }

            const savedLocal = loadLogoStateFromLocalStorage();
            if (window.__EMBEDDED_LOGO_STATE__ && activateSavedState(window.__EMBEDDED_LOGO_STATE__)) {
                // Loaded from embedded state
            } else if (savedLocal && activateSavedState(savedLocal)) {
                // Loaded from localStorage / window.name
            } else {
                // Check IndexedDB vault
                loadLogoFromIndexedDB(function(idbState) {
                    if (!activateSavedState(idbState)) {
                        renderCoreZeroEmblem('nav-logo-canvas');
                        renderCoreZeroEmblem('hero-logo-canvas');
                        renderCoreZeroEmblem('cert-sample-logo');
                        renderCoreZeroEmblem('footer-logo-canvas');
                    }
                });
            }
            setLanguage('es');
            window.refreshAdminUI();
        };
    </script>
</body>
</html>