/* additions for the Punta Mita / Los Cabos pages — VE tokens only */
.spx-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 clamp(24px,3vw,36px)}
.spx-chip{border:1px solid var(--rule-strong);background:transparent;color:var(--navy);border-radius:999px;min-height:42px;padding:0 20px;font-family:var(--sans);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}
.spx-chip.is-on{background:var(--navy);color:#fff;border-color:var(--navy)}
.spx-chip:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.spx-steps{list-style:none;margin:28px 0 0;padding:0;counter-reset:s;border-top:1px solid var(--rule)}
.spx-steps li{counter-increment:s;display:grid;grid-template-columns:56px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--rule)}
.spx-steps li::before{content:counter(s,decimal-leading-zero);font-family:var(--serif);font-size:30px;line-height:1;color:var(--terra-text)}
.spx-steps b{display:block;font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.25;color:var(--navy);margin-bottom:4px}
.spx-steps span{font-size:15.5px;line-height:1.6;color:var(--ink-soft)}
.spx-xlink{background:var(--white,#FBF8F2);padding:clamp(48px,7vw,88px) var(--pad);text-align:center}
.spx-xlink .wrap{max-width:820px;margin:0 auto}
.spx-xlink p.kicker{margin:0 0 14px}
.spx-xlink h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.6vw,46px);line-height:1.1;color:var(--navy);margin:0 0 16px}
.spx-xlink h2 em{font-style:italic;color:var(--terra-deep)}
.spx-xlink p.l{font-size:16.5px;line-height:1.65;color:var(--ink-soft);margin:0 0 26px}
.spx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 32px;border-radius:999px;background:var(--terra);color:#fff!important;font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;transition:background .2s}
.spx-btn:hover{background:var(--terra-hover)}
.spx-btn:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.veh2-pvstaff .veh2-pvteam .vstory-photo img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}
@media (max-width:640px){.spx-steps li{grid-template-columns:44px 1fr}.spx-steps li::before{font-size:24px}}

/* ---- contrast, the same ruling the Puerto Vallarta release applied -------
   Oliver 2026-10-08, option B: a small white label never sits on the clay
   --terra, it sits on the VE ink shade #7a5b4d (6.12:1). pv-staffed.css
   already moves .vclose-cta, .pvs-more button and the search submit there;
   .spx-btn is the same kind of CTA, so it matches them rather than the raw
   token the design preview carried. */
.veh2-pvstaff .spx-btn{background:#7a5b4d}
body.veh2-pvstaff .spx-btn{color:#fff}
.veh2-pvstaff .spx-btn:hover{background:#654a3e}