/* yuc-variants.css — the stitched charts and map in "Por qué Yucatán" (28 Oct 2026, option A), in the page's
   cross-stitch style. The .yv-top, .yv-bar, .yv__head, .yv__split and .yv__list rules serve the options page only. Builds on v5.css. */
.yv-top{padding:48px 0 12px;color:var(--tx)}
.yv-top__in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 32px}
.yv-top__h{margin:14px 0 0;font-weight:500;font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-.03em}
.yv-top__p{margin:10px 0 0;color:var(--tx2);max-width:60ch}
.yv-bar{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;max-width:var(--max);margin:0 auto;padding:40px var(--g) 16px;color:var(--tx)}
.yv-bar b{font-weight:500;font-size:20px;letter-spacing:-.02em}
.yv-bar span{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx3)}
.yv-bar .rec{color:var(--ac)}
.yv-art{display:block;background-repeat:no-repeat;background-size:100% 100%}
.yv-chart{height:132px;margin-top:24px}
.yv-chart--grid{width:132px}
.yv-chart--people{width:248px}
.yv .fig p{margin-top:18px}
.yv__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end}
.yv__map{position:relative;margin:0}
.yv__map--s{width:clamp(220px,24vw,320px)}
.yv__map--l{width:100%;max-width:560px}
.yv__pin{position:absolute;transform:translateX(-50%);font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:#0E1614;background:#FBF8F2;padding:3px 9px;border-radius:999px;box-shadow:0 0 0 1px rgba(14,22,20,.18);white-space:nowrap}
@media (max-width:900px){.yv__head{grid-template-columns:minmax(0,1fr)}.yv__map--s{width:min(300px,100%)}}
.yv__split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(36px,5vw,80px);align-items:center}
.yv__list{list-style:none;margin:36px 0 0;padding:24px 0 0;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:18px 20px;align-items:baseline;border-top:1px solid rgba(14,22,20,.14)}
.yv__list li{display:contents}
.yv__list b{white-space:nowrap;font-weight:500;font-size:clamp(28px,2.8vw,40px);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#0E1614}
.yv__list span{color:#3E3A33}
.yv--c .yuc__b{margin-top:28px}
@media (max-width:900px){.yv__split{grid-template-columns:minmax(0,1fr)}.yv__map--l{max-width:440px}}
.yv__grid--map{align-items:center}
.yv__map--m{width:100%;max-width:400px;justify-self:center}