/* ADICIS™ Lab — Loading */
.loading-screen {
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: #000;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            z-index: 1000;
            transition: opacity 1.2s ease, visibility 1.2s ease;
            overflow: hidden;
        }
        .loading-screen.hidden {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }
        #loading-canvas {
            position: absolute;
            top: 0; left: 0;
            width: 100%; height: 100%;
            display: block;
        }
        .loading-overlay {
            position: relative;
            z-index: 2;
            display: flex;
            flex-direction: column;
            align-items: center;
            pointer-events: none;
        }
        .loading-brand {
            font-family: 'Georgia', serif;
            color: rgba(212, 175, 55, 0.92);
            font-size: clamp(2.2rem, 5vw, 4rem);
            letter-spacing: 0.45em;
            text-shadow: 0 0 40px rgba(212,175,55,0.6), 0 0 100px rgba(212,175,55,0.2);
            font-weight: 300;
            animation: ls-fadein 1.2s ease forwards;
        }
        .loading-sub {
            font-family: 'Georgia', serif;
            color: rgba(212, 175, 55, 0.45);
            font-size: clamp(0.55rem, 1.2vw, 0.85rem);
            letter-spacing: 0.6em;
            margin-top: 12px;
            text-transform: uppercase;
            animation: ls-fadein 1.8s ease forwards;
        }
        .loading-bar-wrap {
            margin-top: 40px;
            width: 180px;
            height: 1px;
            background: rgba(212,175,55,0.15);
            border-radius: 2px;
            overflow: hidden;
        }
        .loading-bar {
            height: 100%;
            width: 0%;
            background: linear-gradient(90deg, rgba(212,175,55,0.3), rgba(212,175,55,0.9), rgba(212,175,55,0.3));
            animation: ls-bar 1.4s ease forwards;
        }
        @keyframes ls-fadein {
            from { opacity: 0; transform: translateY(8px); }
            to   { opacity: 1; transform: translateY(0); }
        }
        @keyframes ls-bar {
            from { width: 0%; }
            to   { width: 100%; }
        }

        /* Canvas de fundo — Hexagonal Intelligence Network */
        #bg-canvas {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
            pointer-events: none;
            display: block;
        }