.nav-actions {
            display: flex;
            gap: 8px;
            margin-bottom: 0;
            flex-wrap: wrap;
        }

        .nav-action-btn {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 9px 18px;
            border-radius: 10px;
            font-size: 13px;
            font-weight: 600;
            text-decoration: none;
            border: 1px solid var(--border);
            background: var(--white);
            color: var(--blue-600);
            transition: all 0.2s ease;
            box-shadow: var(--shadow-sm);
        }

        .nav-action-btn:hover {
            background: var(--blue-50);
            border-color: rgba(37, 99, 235, 0.3);
            transform: translateY(-1px);
            box-shadow: var(--shadow-md);
            text-decoration: none;
            color: var(--blue-700);
        }

        .nav-action-btn.primary {
            background: linear-gradient(135deg, var(--blue-600), var(--blue-700));
            color: white;
            border-color: transparent;
            box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
        }

        .nav-action-btn.primary:hover {
            background: linear-gradient(135deg, var(--blue-700), #1a3fb5);
            color: white;
            box-shadow: 0 6px 18px rgba(37, 99, 235, 0.4);
        }

        .nav-action-btn.back {
            color: var(--muted);
        }

        .nav-action-btn.back:hover {
            color: var(--blue-800);
        }

        /* ─── LAYOUT ─── */
        .principal-grid {
            display: grid;
            grid-template-columns: 320px 1fr;
            gap: 24px;
            align-items: start;
        }

        @media (max-width: 900px) {
            .principal-grid {
                grid-template-columns: 1fr;
            }
        }

        /* ─── PANEL IZQUIERDO ─── */
        .left-panel {
            position: sticky;
            top: 24px;
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        /* ─── REGION HEADER CARD ─── */
        .region-header-card {
            background: linear-gradient(135deg, var(--blue-900) 0%, #071830 100%);
            border: 1px solid rgba(37, 99, 235, 0.25);
            border-radius: 20px;
            padding: 24px;
            position: relative;
            overflow: hidden;
        }

        .region-header-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(96, 165, 250, 0.5), transparent);
        }

        .region-header-card::after {
            content: '';
            position: absolute;
            top: -50px;
            right: -50px;
            width: 180px;
            height: 180px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(37, 99, 235, 0.15) 0%, transparent 70%);
            pointer-events: none;
        }

        .region-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            background: rgba(96, 165, 250, 0.1);
            border: 1px solid rgba(96, 165, 250, 0.2);
            border-radius: 100px;
            padding: 4px 12px;
            font-size: 10px;
            font-weight: 700;
            color: var(--blue-400);
            text-transform: uppercase;
            letter-spacing: 0.12em;
            margin-bottom: 14px;
            position: relative;
            z-index: 1;
        }

        .region-badge .dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--blue-400);
            animation: pulseDot 2s ease infinite;
        }

        @keyframes pulseDot {

            0%,
            100% {
                opacity: 1;
            }

            50% {
                opacity: 0.3;
            }
        }

        .region-title {
            font-size: 26px;
            font-weight: 700;
            color: white;
            margin: 0 0 6px;
            position: relative;
            z-index: 1;
        }

        .region-description {
            font-size: 13px;
            color: rgba(255, 255, 255, 0.45);
            margin: 0;
            position: relative;
            z-index: 1;
        }

        /* ─── PANEL DERECHO ─── */
        .right-panel {
            background: var(--white);
            border: 1px solid var(--border);
            border-radius: 20px;
            box-shadow: var(--shadow-sm);
            overflow: hidden;
        }

        .right-panel-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px 24px;
            border-bottom: 1px solid var(--border);
            background: var(--surface);
        }

        .right-panel-title {
            font-size: 15px;
            font-weight: 700;
            color: var(--blue-800);
            margin: 0;
        }

        .right-panel-body {
            padding: 24px;
        }