/* Spanish pages only: linked after brand.css and motion.css on every page in build/es/ (es_common.head() adds it).
   Spanish runs about a fifth longer than the English the shared blocks were drawn for; these rules give it room.
   No English page links this file, and every rule is scoped to html[lang="es"] as well. */

/* Services menu, computers: a narrower photo column, so the longer service names keep to one line from 1280px up
   (the menu is then as tall as the English one; at 1100-1279px a few names take two lines, as in the 4-column tablet menu) */
@media (min-width: 1100px) {
  html[lang="es"] .mega__in { grid-template-columns: minmax(0, 1fr) min(480px, 38%); gap: 40px; }
  html[lang="es"] .mega__cols { column-gap: 32px; }
}

/* Footer, phones: the service links in one column (in two, most Spanish names broke over two lines), and the three
   "(en inglés)" legal links, which wrap here where the English fit on one row, stacked close instead of 22px apart */
@media (max-width: 760px) {
  html[lang="es"] .footer__services ul { grid-template-columns: minmax(0, 1fr); }
  html[lang="es"] .footer__legal nav { gap: 6px 22px; }
}

/* Closing block: the longer lede never leaves one word alone on its last line */
html[lang="es"] .last__lede { text-wrap: pretty; }