/* ZeL CuraTours · Editorial colour & type layer for legacy-built pages · 2026-10-03
   Journeys, About, Contact and the case studies keep their own layouts (site.css, case-v8.css);
   this layer only re-points their colours and type to the locked Editorial direction (home.css):
   Paper #FAF9F6 · Warm Ink #3A3A3A · ZeL Blue #4BA8D1 (fills, numbers, rules) / #26769C (blue text on light)
   Deep Navy #0F2A44 (dark sections) · Gold #C9A96B (fine rules only). Nothing under 15px.
   Loaded last, after editorial-shell.css. Scope: body.es */

body.es{
  --cream:#FAF9F6; --ink:#3A3A3A; --tx:#3A3A3A; --dim:#55524C; --faint:#64615A; --line:rgba(58,58,58,.16);
  --blue:#4BA8D1; --accent:#4BA8D1; --blue-txt:#26769C; --blue-lt:#4BA8D1; --blue-dk:#0F2A44;
  --gold:#C9A96B; --c8dk:#0F2A44;
  background:var(--paper); color:var(--e-ink);
}

/* ---------- Dark sections: near-black -> Deep Navy ---------- */
body.es .sec.dk,body.es .bel-r,body.es .cmp-row>div,body.es .c8-dk,body.es .rt8{background:var(--night)}
body.es .fr-m{background:var(--night)}
body.es .c8-ev,body.es .c8-end{background-color:var(--night)}
body.es .sec.dk{color:rgba(255,255,255,.9)}

/* light panels: no pale blue */
body.es .sec.alt{background:var(--panel)}

/* ---------- Eyebrows: Warm Ink led by a fine gold rule (on light); white on dark/photo ---------- */
body.es .eb{font-family:var(--sans);font-weight:500;font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:var(--e-muted)!important}
body.es .sec:not(.dk) .wrap>.eb::before,body.es .sec:not(.dk) .hd>.eb::before{content:"";display:inline-block;width:28px;height:1px;background:var(--e-gold);vertical-align:middle;margin:0 14px 3px 0}
body.es .pg-hero .eb,body.es .sec.dk .eb,body.es .c8-dk .eb{color:rgba(255,255,255,.88)!important}
body.es.zh .eb{letter-spacing:.1em}

/* ---------- Important numbers: ZeL Blue (was gold) ---------- */
body.es .sh-n,body.es .cs-n,body.es .dx8-n,body.es .fr-t b,body.es .ev-st b,body.es .dc8 b,
body.es .tl-yr,body.es .cc-num,body.es .day-n .dn,body.es .day-hd .dn{color:var(--zel)!important}
body.es .c8-end .end-b{color:#fff!important}
body.es .rt8-k,body.es .vs-hd .vs-b span{color:var(--zel)!important}
body.es .vs-r .vs-b p:before,body.es .dx8-vs .b p:before{color:var(--zel)}
body.es .cs-dd small,body.es .cs-stay small,body.es .vs-r .vs-b:before,body.es .dx8-vs .b small{color:var(--e-muted)}

/* status tags (DELIVERED / 已交付): quiet white-on-photo, gold hairline */
body.es .case-st.done,body.es .pg-st.done{color:#fff;border-color:rgba(201,169,107,.75)}

/* emphasis words in running text on light: blue text tone (4.8:1) */
body.es .phil blockquote em,body.es .fnd blockquote em,body.es .man blockquote em,body.es .diag em{color:var(--zel-text)}
body.es .sec.dk em{color:var(--zel)}

/* ---------- Closing band ("Have a journey in mind?"): an inset Deep Navy panel on Paper, as on Home ---------- */
body.es .sec.dk:has(.close-in){background:var(--paper);padding:clamp(56px,7vw,100px) 0}
body.es .close-in{width:auto;max-width:1100px;background:var(--night);padding:clamp(48px,6vw,84px) clamp(24px,5vw,72px)}
body.es .close-in p{color:rgba(255,255,255,.86);font-size:18px}
body.es .close-in .email{color:var(--zel);font-size:15px}

/* partnership strip: readable size */
body.es .trust p{font-size:15px;color:var(--e-ink-2)}
body.es .trust p b{color:var(--e-ink)}
body.es .bel-r span{font-size:18px;color:rgba(255,255,255,.82)}

/* ---------- Type: Warm Ink, nothing under 15px ---------- */
body.es h1,body.es h2,body.es h3{font-weight:400}
body.es .sec:not(.dk) .hd h2,body.es .sec:not(.dk)>.wrap>h2{color:var(--e-ink)}
body.es .eb{font-size:15px}
body.es .fm label,body.es .fld label,body.es .fld>span{font-size:16px;color:var(--e-muted)}
body.es .fld input,body.es .fld textarea,body.es .fld select{font-size:18px;color:var(--e-ink)}
body.es .back,body.es .c8-back a,body.es .dl-print{font-size:16px}
body.es .case-sc{font-size:16px}
body.es .fm-note{font-size:15px}
body.es .fm-foot{font-size:16px}

/* buttons inside legacy components use the shell button (editorial-shell.css); keep primary = ZeL Blue */
body.es .btn.pri{background:var(--zel);border-color:var(--zel);color:#fff}
body.es .btn.pri:hover{background:var(--night);border-color:var(--night)}
body.es .seg input:checked+label{background:var(--e-ink);border-color:var(--e-ink);color:#fff}
body.es .fld input:focus,body.es .fld textarea:focus,body.es .fld select:focus{border-color:var(--zel)}
body.es :focus-visible{outline-color:var(--zel)}

/* small labels that were 14px: 15-16px (older readers) */
body.es .nm i,body.es .pg-st,body.es .case-go,body.es .ending-mark,
body.es .moment-label,body.es .note-label,body.es .day-stay,body.es .day-int span,body.es .day-n .dl,body.es .facts span{font-size:16px}
body.es .day-sched li,body.es .day-sched b,body.es .day-stay b{font-size:16px}
/* 2026-10-12 · entry-pages typography: labels 15 (L-4 / L-5), Contact note = Body 17 */
body.es .byline span,body.es .tl-co,body.es .case-st,body.es .info-row b,body.es .cl{font-size:15px}
body.es .diag-note{font-size:17px;line-height:1.65;color:var(--e-ink-2)}
body.es.zh .diag-note{line-height:1.8}

/* blue text on light grounds: the darker text tone (4.8:1), as on Method */
body.es .cs-tag,body.es .lg-big,body.es .lg-big.z,body.es p.z{color:var(--zel-text)}
body.es .flow8 span{color:var(--zel)}
body.es .lg-src,body.es .dx8-vs small{color:var(--e-muted)}

/* section counters (01/03): ZeL Blue numeral, muted total */
body.es .nm{color:var(--zel)}
body.es .sec.dk .nm{color:var(--zel)}
body.es .vs small,body.es .vs-a small{color:#55524C}

/* ---------- Text over photography: a deeper scrim behind the hero text, readable card meta ---------- */
body.es .pg-hero-sc,body.es .pg-hero.bright .pg-hero-sc{background:
  radial-gradient(ellipse 70% 55% at 50% 50%,rgba(8,14,24,.42) 0%,rgba(8,14,24,0) 70%),
  linear-gradient(180deg,rgba(8,14,24,.5) 0%,rgba(8,14,24,.3) 42%,rgba(8,14,24,.66) 100%)}
body.es .pg-hero .eb,body.es .pg-hero h1,body.es .pg-hero-s,body.es .pg-st{text-shadow:0 1px 2px rgba(0,0,0,.35),0 2px 22px rgba(0,0,0,.45)}
body.es .pg-hero-s{color:rgba(255,255,255,.94)!important;font-size:18px}
body.es .case .cl{color:rgba(255,255,255,.9)}

/* route map plate: Deep Navy like its side panel */
body.es .rt-sea{fill:var(--night)}

@media print{
  body.es{background:#fff}
}

/* 2026-10-05 Contact: shorter hero so a way to reach us is on the first screen */
body.es .pg-hero.short{min-height:clamp(380px,54svh,580px)}
body.es .pg-hero.short:before,body.es .pg-hero.short:after{display:none}
@media (max-width:480px){body.es .pg-hero.short{min-height:340px}}