/* Line 16168 (google-path-public-16168-r1): the Spanish AI employees page (/es/empleados-ia) and the Spanish booking page
   (/es/agenda) on the Google path. Linked after css/ns-tokens.css, only while ai.features.google_path_public_16168 is on
   (App\Support\GooglePathPublic16168). Each page root carries .ns-gp (ns-tokens.css: Google's light set by default, the
   dark set under prefers-color-scheme: dark) and .ns-gp-16168, the scope of every rule here. The pages already draw
   through their own colour words (--aie-* from css/pages/ai-employees.css, --bk-* from /es/agenda's style block); this
   sheet points each one at a token, the way css/pages/offer-pages-google-path.css (line 15802) dresses the English
   /ai-employees. Gold as a fill is --ns-gold; gold as ink is --ns-gold-light (#b06000 on white, AA), since --ns-gold on
   white is 1.93:1. Calm type (the token font, 700 headings, 500/600 labels), 12 px cards, one filled next step per
   screen. The only colour literals are the token values ns-tokens.css's .ns-gp set does not carry (link, ok, info) and
   the content plane's ground, which sits outside the page root and so cannot read its tokens. */

.ns-gp-16168 {
    --ns-link: #1a73e8;
    --ns-ok: #188038;
    --ns-info: #1a73e8;
    font-family: var(--ns-font);
    color: var(--ns-text);
}

/* The split shell's content plane around a lit page takes the page's ground (ns-tokens.css .ns-gp --ns-bg). */
html :is(.ns-content, .ns-main):has(.ns-gp-16168) {
    --gp16168-plane: #ffffff;
    background: var(--gp16168-plane);
    color-scheme: light;
}

@media (prefers-color-scheme: dark) {
    .ns-gp-16168 {
        --ns-link: #8ab4f8;
        --ns-ok: #81c995;
        --ns-info: #8ab4f8;
    }

    html :is(.ns-content, .ns-main):has(.ns-gp-16168) {
        --gp16168-plane: #202124;
        color-scheme: dark;
    }
}

.ns-gp-16168 :is(a, button, summary):focus-visible { outline: 2px solid var(--ns-gold); outline-offset: 2px; }

/* ---------- /es/empleados-ia (.ns-es-aie .ns-aie) ---------- */
.ns-gp-16168.ns-aie,
.ns-gp-16168 .ns-aie-hero,
.ns-gp-16168 .ns-aie-final {
    --aie-ink: var(--ns-text);
    --aie-text: var(--ns-text);
    --aie-muted: var(--ns-text-2);
    --aie-accent: var(--ns-gold);
    --aie-card: var(--ns-card);
    --aie-line: var(--ns-border);
    --aie-live: var(--ns-ok);
    --aie-dfy: var(--ns-info);
    --aie-build: var(--ns-gold-light);
}

.ns-gp-16168 :is(.ns-aie-hero h1, .ns-aie-section h2) { font-weight: 700; letter-spacing: -.01em; }
.ns-gp-16168 :is(.ns-aie-job-title, .ns-aie-compare-block summary, .ns-aie-faq summary, .ns-aie-compare-table tbody th) { font-weight: 600; }
.ns-gp-16168 :is(.ns-aie-price, .ns-aie-compare-price) { color: var(--ns-gold-light); font-weight: 700; }
.ns-gp-16168 :is(.ns-aie-tag, .ns-aie-proposed) { font-weight: 600; letter-spacing: .03em; }
.ns-gp-16168 :is(.ns-aie-job, .ns-aie-moment, .ns-aie-compare-block) { border-radius: var(--ns-radius); box-shadow: none; }
.ns-gp-16168 .ns-aie-moment::before { color: var(--ns-on-accent); font-weight: 700; }
.ns-gp-16168.ns-es-aie a { color: var(--ns-gold-light); }

/* Every package and talk button is a quiet outlined button ... */
.ns-gp-16168.ns-es-aie .ns-aie-job-cta { background: transparent; border-color: var(--ns-gold-border); color: var(--ns-text); font-weight: 600; }
.ns-gp-16168.ns-es-aie .ns-aie-job-cta:is(:hover, :focus-visible) { background: var(--ns-surface); color: var(--ns-text); }
/* ... and 'Agenda una llamada' in the hero and the closing band is the one filled next step. */
.ns-gp-16168.ns-es-aie :is(.ns-aie-hero, .ns-aie-final) .ns-aie-btn:not([data-es-talk]) { background: var(--ns-gold); border-color: var(--ns-gold); color: var(--ns-on-accent); }
.ns-gp-16168.ns-es-aie :is(.ns-aie-hero, .ns-aie-final) .ns-aie-btn:not([data-es-talk]):is(:hover, :focus-visible) { background: var(--ns-gold-deep); border-color: var(--ns-gold-deep); color: var(--ns-on-accent); }
.ns-gp-16168 .ns-aie-human-list a { border-color: var(--ns-border-strong); font-weight: 600; }
.ns-gp-16168 .ns-aie-human-list a:is(:hover, :focus-visible) { background: var(--ns-surface); border-color: var(--ns-gold-border); }

/* ---------- /es/agenda (.ns-es-book) ---------- */
.ns-gp-16168.ns-es-book {
    --bk-ink: var(--ns-text);
    --bk-mute: var(--ns-text-2);
    --bk-gold: var(--ns-gold-light);
    --bk-line: var(--ns-border);
    --bk-card: var(--ns-surface);
}

.ns-gp-16168.ns-es-book :is(h1, h2) { font-weight: 700; letter-spacing: -.01em; }
.ns-gp-16168 .ns-es-book-host { font-weight: 500; letter-spacing: .04em; }
.ns-gp-16168 .ns-es-book-plan { border-radius: var(--ns-radius); }
.ns-gp-16168.ns-es-book .ns-es-book-btn { border-color: var(--ns-border-strong); color: var(--ns-text); font-weight: 500; }
.ns-gp-16168.ns-es-book .ns-es-book-btn:is(:hover, :focus-visible) { background: var(--ns-surface); }
/* 'Llamar' is the one filled next step. */
.ns-gp-16168.ns-es-book .ns-es-book-btn--primary { background: var(--ns-gold); border-color: var(--ns-gold); color: var(--ns-on-accent); }
.ns-gp-16168.ns-es-book .ns-es-book-btn--primary:is(:hover, :focus-visible) { background: var(--ns-gold-deep); border-color: var(--ns-gold-deep); }