/* ============ AJUSTES DE LA VERSIÓN EN INGLÉS ============
   Solo lo carga /en/. Las medidas del diseño se hicieron para el texto en
   español; aquí se reajusta lo que cambia de largo en inglés. */

/* «FOLLOW US» mide 654 de ancho contra los 578 de «SÍGUENOS», con el mismo
   alto de letra: se escala por el mismo factor para que la letra no cambie.
   En móvil «SÍGUENOS» ya ocupa todo el ancho, así que ahí se queda en su
   misma caja (344) y la letra baja un 12 % en vez de salirse por los bordes. */
.footer-siguenos { width: calc(654 * var(--u)); }
@media (max-width: 767px) {
  .footer-siguenos { width: calc(344 * var(--u)); }
}

/* ---- Manifiesto, lámina 2: «WE CONNECT» es el renglón más largo del sitio
   (7,6 em contra 5,7 em de «PERSONAS»). Se reduce el titular entero ×0,74 para
   que ocupe el mismo ancho que en español y no se monte sobre el corazón.
   Se repiten las reglas de styles.css de cada tamaño, multiplicadas. */
html[lang="en"] .panel-marcas .panel-title { font-size: calc(min(var(--fs-manif), 14.5svh) * .74); }
@media (min-width: 1024px) {
  html[lang="en"] .panel-marcas .panel-title { font-size: calc(155 * var(--u) * .74); }
}
@media (min-width: 768px) and (max-width: 1023px) {
  html[lang="en"] .panel-marcas .panel-title { font-size: calc(clamp(66px, 11.9vw, 100px) * .74); }
  html[lang="en"] .manifiesto.is-pinned .panel-marcas .panel-title {
    font-size: calc(min(clamp(66px, 11.9vw, 100px), calc(91.39 * var(--sh2))) * .74);
  }
}
@media (max-width: 767px) {
  html[lang="en"] .panel-marcas .panel-title { font-size: calc(clamp(38px, 11.7vw, 53px) * .74); }
  html[lang="en"] .manifiesto.is-pinned .panel-marcas .panel-title {
    font-size: calc(min(clamp(38px, 11.7vw, 53px), calc(45.63 * var(--sh2))) * .74);
  }
}