/* =====================================================================
   Winter Ball Updates · es.css · Spanish-only presentation (S, fan review 2026-10-23, D2)
   Everything here is scoped to html[lang="es"]; the English page is untouched.

   D2 · the two masthead engravings carry their slogans in English inside the art. In ES a paper plate
   with the Spanish slogan sits exactly over the printed plate (no new art: same paper, same navy ink,
   the red rule under it stays). Geometry is measured on the @2x files (383x280 and 489x280):
     left  plate x 192–383, y 141–221 · caps 16 px · line pitch 26 px
     right plate x 91–262,  y 65–175  · caps 12.5 px · line pitch 20.5 px
   and written as multiples of the rendered height --mh-h, the same clamp vintage.css gives the images.
   Each image hugs the logo (left one right-aligned, right one left-aligned), so the plate is placed
   from that edge.
   ===================================================================== */
html[lang="es"] .mh-vig { --mh-h: clamp(90px, 9.7vw, 140px); position: relative; }
@media (max-width: 1100px) { html[lang="es"] .mh-vig { --mh-h: clamp(70px, 9vw, 110px); } }
html[lang="es"] .mh-vig::after {
  position: absolute; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;
  white-space: pre; overflow: hidden; pointer-events: none;
  background: #F2E4C6; border-radius: calc(var(--mh-h) * .012);
  color: #00182C; font-family: "Source Serif 4", Georgia, "Times New Roman", serif; font-weight: 700;
  text-transform: uppercase; font-kerning: normal; font-variation-settings: "opsz" 60; /* display cut, as the engraving letters (the small-size cut is wider) */
}
/* left: "THE BASEBALL / SEASON / NEVER ENDS." → "LA TEMPORADA / NUNCA SE / ACABA." */
html[lang="es"] .mh-l::after {
  content: "La temporada\A nunca se\A acaba.";
  right: 0; width: calc(var(--mh-h) * .682); top: calc(var(--mh-h) * .5036); height: calc(var(--mh-h) * .2857);
  padding-left: calc(var(--mh-h) * .018);
  font-size: calc(var(--mh-h) * .088); line-height: calc(var(--mh-h) * .0929); letter-spacing: .02em;
}
/* right: "COVERING / SANTO DOMINGO / CARACAS / SAN JUAN / AND BEYOND." → "LA PELOTA DE / SANTO DOMINGO / CARACAS / SAN JUAN / Y MÁS ALLÁ." */
html[lang="es"] .mh-r::after {
  content: "La pelota de\A Santo Domingo\A Caracas\A San Juan\A y más allá.";
  left: calc(var(--mh-h) * .325); width: calc(var(--mh-h) * .611); top: calc(var(--mh-h) * .232); height: calc(var(--mh-h) * .393);
  padding-left: calc(var(--mh-h) * .036);
  font-size: calc(var(--mh-h) * .068); line-height: calc(var(--mh-h) * .0732); letter-spacing: .02em;
}