/* @vertical GLOBAL — arreglos comunes a todas las páginas del sitio público.
 *
 * Íconos de trazo en su propia capa.
 * En Chrome con algunas placas (visto en NVIDIA GTX 1070 / Direct3D11, 07/10/2026),
 * un ícono SVG de trazo que cae en una posición con decimales —casi todos, porque se
 * ubican al lado de texto— hace que Chrome dibuje una línea diagonal fija cruzando
 * todo el ancho de la pantalla en ese tramo (la costura de su franja de 256 px). Se ve
 * sobre las secciones oscuras (pie, "Probalo en…"). Correr el ícono a pixel entero o
 * dibujarlo en su propia capa la hace desaparecer; probado en vivo en el Chrome del
 * owner. `will-change` crea la capa sin pisar el `transform` que ya usan algunos
 * íconos (las flechitas que giran al abrir un menú). Son íconos chicos: la capa extra
 * por cada uno es barata.
 */
svg[stroke]:not([stroke="none"]){will-change:transform}

/* @vertical PET — "Pet" pegado al logo "Jamm", arriba (como el ™ / ®): el encabezado de las 6 páginas
 * (<a class="brand">), el pie y los logos de probar, autogestion-login, términos y privacidad.
 * Con el degradé de la marca sobre fondo claro; blanco sobre fondo oscuro: cuando la barra se pone azul
 * al bajar (header.scrolled; vuelve al degradé si se aclara sobre una sección oscura, header.scrolled.claro)
 * y siempre donde el logo va sobre oscuro (.blanco: el pie y esas cuatro páginas). */
.brand-pet{margin-left:1px;font-size:.55em;font-weight:600;letter-spacing:-.01em;line-height:0;
           vertical-align:.9em;color:transparent;background:var(--grad-marca);
           -webkit-background-clip:text;background-clip:text}
header.scrolled .brand-pet{background:none;color:#fff}
header.scrolled.claro .brand-pet{background:var(--grad-marca);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-pet.blanco{background:none;color:#fff}