/* ==========================================================================
   SYSTEM v1 — PARCHES DE VERIFICACIÓN (verificador adversarial 2)
   --------------------------------------------------------------------------
   Hoja aparte a propósito: system.css y system-pages.css son de otros equipos
   y están congeladas. Todo lo de aquí debería plegarse dentro de
   system-pages.css en la ola de integración; entonces este fichero y sus
   <link> desaparecen.

   Se carga DESPUÉS de system-pages.css (misma especificidad, gana el orden).
   Sólo la enlazan las páginas que la necesitan:
     /industries /about /work /packages /contact  → parche 1
     /work /contact /insights                     → parche 2
   ========================================================================== */

/* --------------------------------------------------------------------------
   1) .cta-band h2 — desbordamiento horizontal en ES por debajo de 860px
   --------------------------------------------------------------------------
   system-pages.css usa `font-size: clamp(40px, 11vw, 64px)` en @media 860.
   Esa curva cabe en inglés ("Let's build the system.") pero NO en español:
   "CONSTRUYAMOS" son 12 caracteres en Sora 800 y su min-content mide ~8.96×
   el font-size, mientras el ancho disponible es W − 2·var(--pad-x).

   Medido con Chromium: a 390px el h2 pedía 384px contra 346px disponibles →
   document.scrollWidth 406 vs 390, o sea scroll horizontal en TODA la banda
   móvil (390 / 430 / 480 / 560) en /industries /about /work /packages
   /contact. Como es un <h2> de una sola palabra larga, ni el `<br>` del
   data-es-html ni `min-width:0` lo arreglan: hay que reducir el cuerpo.

   Curva nueva `calc(10vw - 3px)`: sigue de cerca la original (11vw), conserva
   el tope de 64px y el suelo, y deja ~7% de margen sobre el límite real en
   cada corte. Sólo actúa por debajo de 860px → el escritorio no cambia.
   El copy no se toca: sigue palabra por palabra.
   -------------------------------------------------------------------------- */
@media (max-width: 860px) {
  .cta-band h2 { font-size: clamp(32px, calc(10vw - 3px), 64px); }
  /* Los hijos del flex no deben poder crecer por min-content. */
  .cta-band-inner > * { min-width: 0; }
}

/* --------------------------------------------------------------------------
   2) .footer-shell — el pie sin separador ni aire en las 3 páginas con main.js
   --------------------------------------------------------------------------
   /work, /contact e /insights cargan main.js entero porque necesitan sus
   contratos (filtros [data-filters], formulario). Pero la capa V6 de main.js
   hace `document.querySelector('.site-footer').innerHTML = …` y reescribe el
   pie con el marcado del shell viejo. Por eso esas 3 páginas renombraron el
   pie a .footer-shell: así el querySelector devuelve null y main.js se corta.

   El efecto colateral es que .footer-shell no existe en NINGUNA hoja (0
   coincidencias en system.css, system-pages.css y site.css), así que el pie
   perdía el filete superior y el aire que le da .site-footer, y quedaba
   pegado al .cta-band. Los hijos (.footer-grid, .footer-brand, .footer-dir,
   .footer-legal) sí estilan porque en system.css van sin anidar.

   Aquí se le devuelven exactamente las propiedades de .site-footer
   (system.css:589) y la regla hermana de system-pages.css:462, sin volver a
   exponer el pie al selector de main.js.
   -------------------------------------------------------------------------- */
.footer-shell {
  border-top: 1px solid var(--line-paper);
  margin-top: clamp(40px, 6vw, 70px);
  padding-top: 34px;
}
.cta-band:has(.footer-shell) { padding-bottom: 40px; }