/* ============================================================================= CAAMDP · Impresión Se carga con `media="print"`, así que no bloquea el pintado ni pesa en el presupuesto de la primera carga. QUÉ PÁGINAS SE IMPRIMEN DE VERDAD Dos, y las dos se imprimen todos los años: `/rally-reglamento/`, que los participantes llevan en el auto, y `/ficha-de-inscripcion/`. Después, cada noviembre, alguien imprime la lista de inscriptos y la clasificación. Sin esta hoja, lo que salía de la impresora era: la medalla del masthead a toda página, el menú, la franja navy de sponsors rellena de tinta, y el texto en una columna angosta porque el margen izquierdo del diseño es el 11,5 % del ancho. REGLA DE FONDO: acá no se oculta nada que sea contenido. Se oculta la navegación, lo decorativo y lo que sólo funciona en pantalla. ============================================================================= */ /* ----------------------------------------------------------------------------- 1 · LA PÁGINA -------------------------------------------------------------------------- */ @page { margin: 18mm 16mm; } /* * EL LIENZO, EN BLANCO. * * `base.css` le pone al el fondo crema de la maqueta con `!important`, * para tapar el color que Flatsome deja asomar en el rebote del scroll. En * papel ese color es el lienzo de la hoja: al imprimir la ficha de inscripción * salía media página crema debajo del texto, donde termina el . * * Es el único `!important` de esta hoja que no se puede evitar: hay que * ganarle a otro `!important` con la misma especificidad. */ html:has(body.caa-maqueta) { background: #fff !important; } body.caa-maqueta { background: #fff; color: #000; font-family: 'EB Garamond', Georgia, serif; font-size: 11pt; line-height: 1.5; } /* * Los márgenes del diseño son proporcionales al ancho de la ventana * (`--caa-mi` llega a 190 px). En papel eso deja el texto en media hoja. * Acá pasan a cero y manda el margen de `@page`. */ body.caa-maqueta { --caa-mi: 0; --caa-mi-hero: 0; --caa-md: 0; --caa-pv: 0; --caa-pv-b: 0; --caa-max: 100%; } body.caa-maqueta #wrapper, body.caa-maqueta #main.caa-main { background: #fff; overflow: visible; } /* * NINGÚN CAMPO DE COLOR. * * Medido imprimiendo el reglamento a PDF: el cuerpo salía sobre un rectángulo * #F2F1ED de seis páginas. En pantalla es el fondo de la maqueta; en papel es * tóner gastado en algo que nadie pidió, y en una impresora de chorro deja el * texto sobre un gris sucio. * * Se apaga el fondo de todo lo que lleve una clase del rediseño. Ninguna * imagen de contenido va como `background-image` —es una regla del encargo—, * así que acá no se pierde nada. */ body.caa-maqueta [class*="caa-"] { background-color: transparent !important; background-image: none !important; box-shadow: none !important; } /* ----------------------------------------------------------------------------- 2 · LO QUE NO SE IMPRIME Navegación, llamadas a la acción, decoración y todo lo que sólo existe mientras hay una pantalla y un puntero. -------------------------------------------------------------------------- */ .caa-masthead, .caa-sticky, .caa-menu, .caa-burger, .caa-pie, .caa-visor, .caa-numeral, .caa-sombra, .caa-objeto, .caa-transicion, .caa-hero__fantasma, .caa-cierre-rally__fantasma, .caa-b3-filtro-caja, .caa-b3-filtro, .caa-pestanias, .caa-buscador, .caa-404__buscador, .caa-vecinos, .caa-paginacion, .caa-b3-paginacion, .skip-link, /* * El `