/* ADICIS™ Lab — Header */
.header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            padding: 20px 40px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            z-index: 100;
            background: rgba(2, 11, 31, 0.85);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            transition: all 0.3s ease;
        }

        .header.scrolled {
            padding: 15px 40px;
            background: rgba(2, 11, 31, 0.95);
        }

        .logo-container {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .logo {
            font-size: 1.8em;
            font-weight: 900;
            letter-spacing: 3px;
            background: linear-gradient(135deg, var(--gold), var(--amber));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            cursor: pointer;
            transition: transform 0.3s ease;
        }

        .logo:hover {
            transform: scale(1.05);
        }

        .badge-live {
            font-size: 0.7em;
            padding: 4px 10px;
            background: rgba(76, 175, 80, 0.2);
            border: 1px solid #4CAF50;
            border-radius: 20px;
            color: #4CAF50;
            display: flex;
            align-items: center;
            gap: 5px;
        }

        .badge-live::before {
            content: '';
            width: 6px;
            height: 6px;
            background: #4CAF50;
            border-radius: 50%;
            animation: pulse-dot 2s infinite;
        }

        @keyframes pulse-dot {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.3; }
        }

        .header-actions {
            display: flex;
            gap: 15px;
            align-items: center;
        }

        .btn-header {
            padding: 10px 20px;
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: white;
            border-radius: 25px;
            cursor: pointer;
            font-weight: 600;
            font-size: 0.9em;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .btn-header:hover {
            background: rgba(255, 255, 255, 0.1);
            border-color: var(--gold);
            transform: translateY(-2px);
            box-shadow: 0 5px 20px rgba(255, 217, 90, 0.2);
        }

        .btn-overview {
            background: rgba(255, 217, 90, 0.1);
            border-color: var(--gold);
            color: var(--gold);
        }

        /* Breadcrumb Hexagonal */
        .breadcrumb {
            position: fixed;
            top: 80px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 95;
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px 20px;
            background: rgba(2, 11, 31, 0.8);
            backdrop-filter: blur(10px);
            border-radius: 30px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease;
        }

        .breadcrumb.active {
            opacity: 1;
            pointer-events: auto;
        }

        .breadcrumb-hex {
            width: 30px;
            height: 30px;
            clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
            background: currentColor;
            transition: all 0.3s ease;
        }

        .breadcrumb-text {
            font-size: 0.9em;
            opacity: 0.9;
        }

        /* ── Language Toggle Buttons ─────────────────────────── */
        .btn-lang {
            padding: 7px 13px;
            min-width: 66px;
            justify-content: center;
            gap: 5px;
            font-size: 0.85em;
            letter-spacing: 0.6px;
            font-weight: 700;
            opacity: 0.5;
            border-color: rgba(255, 255, 255, 0.12);
            transition: opacity 0.25s ease, background 0.25s ease,
                        border-color 0.25s ease, box-shadow 0.25s ease,
                        transform 0.25s ease;
        }

        /* Ícone da bandeira — <img> SVG local em icons/ */
        .btn-lang .flag-icon {
            height: 1.1em;
            width: auto;
            border-radius: 2px;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.20);
            flex-shrink: 0;
            display: block;
            transition: transform 0.2s ease, filter 0.25s ease;
        }

        /* Texto PT / EN */
        .btn-lang .lang-label {
            display: inline-block;
        }

        /* Estado INATIVO — hover */
        .btn-lang:not(.active-lang):hover {
            opacity: 1;
            border-color: rgba(255, 255, 255, 0.3);
            background: rgba(255, 255, 255, 0.08);
        }

        .btn-lang:not(.active-lang):hover .flag-icon {
            transform: scale(1.15);
        }

        /* Estado ATIVO — idioma selecionado */
        .btn-lang.active-lang {
            opacity: 1;
            background: rgba(255, 217, 90, 0.10);
            border-color: rgba(255, 217, 90, 0.50);
            color: var(--gold);
            box-shadow: 0 0 14px rgba(255, 217, 90, 0.14),
                        inset 0 0 8px rgba(255, 217, 90, 0.06);
            cursor: default;
        }

        .btn-lang.active-lang .flag-icon {
            filter: drop-shadow(0 0 5px rgba(255, 217, 90, 0.55));
            transform: scale(1.1);
        }

        /* Bloqueia lift no botão ativo (já está selecionado) */
        .btn-lang.active-lang:hover {
            transform: none;
            box-shadow: 0 0 14px rgba(255, 217, 90, 0.18),
                        inset 0 0 8px rgba(255, 217, 90, 0.06);
        }