/* WayGroup — hoja de impresión.
   Quien imprime este sitio no es un visitante: es cumplimiento sacando en papel
   una política legal o la página de certificaciones para archivarla, adjuntarla
   a un pliego o llevarla a una auditoría. Lo que sale de la impresora es lo que
   se firma, así que esta hoja no propone un diseño alternativo: quita lo que
   sólo existe en pantalla y deja el documento.

   Todo va dentro de @media print. En pantalla este fichero no pinta nada, y por
   eso puede enlazarse sin condiciones detrás de las demás hojas. */

@media print{

/* ---------- la página física ---------- */
@page{ margin:18mm 16mm; }

/* El sitio es texto claro sobre un azul casi negro. En papel eso es un cartucho
   por hoja y menos legibilidad, no más: se invierte a negro sobre blanco.
   El bloque de roles que hacía esa inversión vivía aquí, y vivía dos veces:
   una en :root y otra, con seis !important, para pisar las variables que las
   secciones se reasignaban por su cuenta. Ahora el papel es un tema más y su
   bloque está donde están los otros tres, en tokens.css. Esta hoja ya no
   declara ni un color: sólo dice qué se imprime y qué no. */
html,body,.page{background:var(--surface);color:var(--text)}
/* El padding-bottom se devuelve a cero porque en pantalla estrecha body reserva
   el hueco de la barra de acciones del pie, y en papel esa barra no se imprime:
   sin esta línea cada documento acabaría con una franja en blanco del alto de
   una barra que no está. Esta declaración ya existió por lo mismo y se retiró
   con .mbar; vuelve con ella. */
body{font-size:11pt;line-height:1.5;padding-bottom:0;overflow:visible}
p{orphans:3;widows:3}

/* Ninguna animación ni transición: en papel no hay tiempo, sólo el fotograma
   que le toque. Además evita imprimir un estado intermedio. */
*,*::before,*::after{
  animation:none!important;transition:none!important;
  box-shadow:none!important;text-shadow:none!important;filter:none!important;
  backdrop-filter:none!important}

/* ---------- lo que no es documento ----------
   Navegación, pie y botones: en papel no se pulsa nada. El enlace de salto al
   contenido no tiene a dónde saltar, y la banda de cierre es una llamada a la
   acción entera. Se rescata el contacto. Edu va con las piezas fijadas: una
   esquina fija se imprime en TODAS las hojas, encima del texto. */
.nav,.nav-toggle,.foot,.skip,.edu,.iso-placa,
.btn,.cta-band,.downloads{display:none}

/* Rescatado del pie: en un documento legal impreso la hoja tiene que decir de
   qué empresa es y cómo se la localiza. Desde los ajustes de agosto de 2026 el
   contacto es el correo y la dirección de la sede (sin WhatsApp ni teléfono),
   que es exactamente lo que esta fila rescatada tiene que enseñar. */
.foot{display:block;border-top:1px solid var(--text);padding-top:12pt}
.foot .foot-bot{display:none}
.foot-globe-stage{display:none}
.foot-contacto{display:block;text-align:center}
.foot-contacto a{color:var(--text)}

/* ---------- decoración ----------
   Velos, degradados de remate y filetes de acento. Son atmósfera de pantalla:
   en papel es tinta que no dice nada y encima ensucia el texto de debajo.

   Todos son pseudoelementos, y eso no es casualidad: las decoraciones con
   elemento propio —resplandores, arcos, matriz de puntos, viñeteado, HUD—
   pertenecían al home de escenas y se fueron con él. */
.phero::after,.phero--media::after,.phero-bg::after,.band::after,
.card--media .card-img::after,.sect--acc::before{display:none}
/* Los pies de foto se sostienen sobre un velo oscuro y van montados encima de
   la imagen. Sin el velo no se leerían: bajan a su sitio y vuelven a tinta.
   Llevan la tinta clara del sistema —tiene que llevarla, va sobre fotografía—
   y en papel eso es blanco sobre blanco. Es el mismo fallo que esta fase
   cierra, visto desde el otro tema. */
.mosaic figcaption{position:static;background:none;color:var(--text);padding:2mm 0}

/* Fondo a sangre y vídeo: la foto de portada ocupa media hoja y no aporta nada
   al documento. Las imágenes que van en el flujo del texto sí se quedan. */
.phero-bg,.band > img,video,canvas{display:none}

/* ---------- texto con degradado ----------
   Los titulares con .g-text se pintan con background-clip:text y
   color:transparent. Los navegadores imprimen sin fondos por defecto, así que
   ese texto saldría invisible: hay que devolverlo a tinta negra explícitamente.
   Es el fallo más grave de imprimir sin hoja. Las cifras (.fignum) y los números
   de paso (.step::before) estaban en esta lista hasta que sus componentes se
   fueron en la poda de septiembre de 2026. */
.g-text,
.card-more,.card .lbl,.card--media .lbl,.dindex--cuerpo .card-more{
  background:none;-webkit-background-clip:border-box;background-clip:border-box;
  color:var(--text);-webkit-text-fill-color:var(--text)}

/* Textos que llevan el blanco o un gris claro escritos a mano, sin pasar por
   una variable: al invertir el lienzo se quedarían en blanco sobre blanco.
   Están contados y son estos. `.band p` ya no está en la lista: pasó a --text
   cuando la banda empezó a tomar el tema de su acto, y un rol ya imprime bien. */
.phero--media h1,.phero--media .lead{color:var(--text)}

/* ---------- movimiento de entrada ----------
   .reveal y [data-wipe] dejan el contenido en opacity:0 o recortado hasta que
   el observador de scroll los dispara. Al imprimir puede no haber habido
   scroll: sin esto, media página sale en blanco. Es corrección, no estilo. */
.js .reveal,.js .reveal.in,[data-wipe]{
  opacity:1;transform:none;clip-path:none}

/* Alturas de puesta en escena: los 100vh de un hero a sangre no significan
   nada en papel y meterían hojas vacías por medio. El escenario fijado del
   home tenía aquí sus propias reglas, y se fue con él: hoy sólo queda
   .home-sequence, que es <canvas> y ya no se imprime. */
.phero--media,.band{min-height:0}

/* El travelling de las cuatro fases sí se imprime, porque es texto y no lienzo:
   son las cuatro fases del proceso y en papel valen tanto como en pantalla. Lo
   que no viaja al papel es la puesta en escena. Estas reglas repiten el bloque
   de reduced-motion de `home-fases.css` porque el motor no sabe que se está
   imprimiendo: `data-fases` sigue puesto, y sin esto el papel recibiría una
   sección de tres mil píxeles con una sola palabra dentro. */
.home-fases[data-fases]{height:auto}
.home-fases[data-fases] .fases-stage{
  position:static;height:auto;overflow:visible;contain:none}
.home-fases[data-fases] .fases-mundo{
  position:static;display:grid;gap:var(--s8);max-width:none;padding:0}
.home-fases[data-fases] .fase{
  position:static;transform:none;opacity:1;
  text-align:left;break-inside:avoid}
.home-fases[data-fases] .fase-palabra{
  position:static;text-align:left;font-size:22pt}
.home-fases[data-fases] .fase-copia{
  position:static;text-align:left;opacity:1;transform:none}
/* Las dos que se olvidaban, y que en papel se veían: sin ellas el resultado se
   pegaba a la palabra y la fila de piezas seguía centrada bajo un titular
   alineado a la izquierda, heredando el `justify-content` del acto en pantalla. */
.home-fases[data-fases] .fase-logro{margin:var(--s4) 0 0}
.home-fases[data-fases] .fase-piezas{justify-content:flex-start}

/* ---------- enlaces ----------
   Un enlace impreso es texto muerto: sin el destino al lado, la referencia se
   pierde. Se escribe detrás, en cuerpo menor. */
a{color:var(--text);text-decoration:underline}
a[href^="http"]::after,a[href^="/"]::after{
  content:" (" attr(href) ")";font-size:.82em;font-weight:400;color:var(--text-3);
  word-break:break-all}
/* Salvo cuando el destino no lleva fuera del papel (anclas), cuando el propio
   texto del enlace ya es la dirección (correo, teléfono) o cuando repetirlo
   sólo añade ruido: el logo. */
a[href^="#"]::after,a[href^="mailto:"]::after,a[href^="tel:"]::after,
.logo::after{content:none}

/* ---------- cortes ----------
   Un encabezado al pie de una hoja y su párrafo en la siguiente es el defecto
   clásico de imprimir sin hoja propia. */
h1,h2,h3,h4{break-after:avoid;page-break-after:avoid;
  break-inside:avoid;page-break-inside:avoid;color:var(--text)}
h1{font-size:20pt}
h2{font-size:15pt}
h3{font-size:12.5pt}
.prose blockquote,.note,.card,figure,li{
  break-inside:avoid;page-break-inside:avoid}
.sect{padding:10mm 0;border-bottom:1px solid var(--hairline)}
/* El padding de arriba se anula aquí, y no es cosmético desde que la barra
   flota: en pantalla .phero le reserva el alto de la píldora, y en papel esa
   barra no se imprime. Sin este 0 habría 92px de margen fantasma en la primera
   hoja de cada documento. */
.phero{padding:0 0 8mm}
.wrap{padding:0;max-width:none}

/* ---------- tablas ----------
   La tabla del sitio vive en un contenedor con scroll horizontal y arrastra un
   min-width de 520px: en papel eso recorta columnas por el canto derecho. Se
   suelta el ancho y se repite la cabecera en cada hoja, que es lo que espera
   quien lee una tabla de tres páginas.
   Con el ancho suelto ya no hay nada que desplazar, así que se van también las
   dos piezas que lo anunciaban: las cuatro capas de sombra de borde, que en
   papel serían dos manchas grises en los cantos de cada tabla, y la nota de
   manejo, que en una hoja no significa nada. */
.tbl-scroll{overflow:visible;background:none}
.tbl-hint{display:none}
.tbl{min-width:0;width:100%;font-size:9.5pt}
.tbl th,.tbl td{padding:2mm 3mm;border-bottom:1px solid var(--hairline);color:var(--text)}
.tbl th{color:var(--text)}
thead{display:table-header-group}
tfoot{display:table-footer-group}
tr,th,td{break-inside:avoid;page-break-inside:avoid}

/* ---------- rejillas ----------
   Cuatro columnas de tarjetas en A4 dan cuatro columnas ilegibles.
   `.grid--3`, `.grid--4` y `.stats` ya no aparecen en esta lista porque ya no
   aparecen en el marcado: §6.5 los sustituyó por índice de filas y por bento.
   El bento tampoco: se fue con su componente en la poda de septiembre de 2026,
   y sus siete reglas de papel se fueron con él. */
.grid--2{grid-template-columns:repeat(2,1fr)}
.mosaic{grid-template-columns:repeat(2,1fr)}
/* El índice de filas se apila igual que de canto: sobre 210mm, un nombre al 34%
   y su párrafo al lado son dos columnas de cinco palabras. El filete por fila se
   queda, que es lo que separa una fila de la siguiente en papel.
   Aquí se apilaban también el índice de cifras (.figindex), la pila vertical y
   el bloque partido; los tres se fueron con sus componentes en la poda de
   septiembre de 2026. */
.dindex a,.dindex--cuerpo .drow{grid-template-columns:1fr;gap:2mm}

/* ---------- piezas que quedan en el papel ---------- */
.note{border:1px solid var(--hairline-2);border-left:3px solid var(--text);background:var(--surface-4);
  color:var(--text)}
.pill{border:1px solid var(--hairline-2);color:var(--text)}
.logos img{opacity:1}

/* Las superficies editoriales de pantalla se imprimen como documento: una sola
   tinta sobre papel blanco. Aquí había veintiséis declaraciones con !important
   para anular las variables que cada sección se reasignaba por su cuenta, más
   una lista nominal de las secciones de Industrias, que hacía lo mismo otra
   vez. Ya no hace falta ninguna: el papel es un tema y lo declara tokens.css
   para los dos que quedan —oscuro y claro—, así que una sección con data-tema
   imprime en negro sobre blanco por herencia y no por fuerza bruta.
   Lo que sí se queda es esta regla, porque no es color sino jerarquía: dentro
   de una superficie editorial el texto pierde sus matices en papel y va todo a
   la misma tinta, que es lo que hace legible una fotocopia. */
.page .sect *,.page .qualifier-section *,
[data-tema] *,main > [data-tema="claro"] ~ .band *{color:var(--text)}

}