Pulso.

Un criterio compartido

PulsoProbability.signal / badge / legend se usa en mercados, selección destacada y picks. Solo acepta probabilidades válidas entre 0 y 1 y exige un mínimo sin redondear de 70%. El nivel visual se asigna al porcentaje entero mostrado, para que un mismo número nunca cambie de color.

Por debajo del mínimo, el mercado conserva su proyección y muestra “Sin señal”, sin línea sugerida ni botón de ticket. No se elimina el histórico ni se aplica este filtro a la distribución 1X2. El porcentaje expresa una estimación; el verde no significa victoria, rentabilidad ni garantía.

Contrato compartido

PulsoPicks.render(root, options) recibe datos ya consultados y callbacks para analizar, ver todos y reintentar. El botón + usa p-selection del ticket. Sin avance automático, peticiones por tarjeta ni mezcla de probabilidades del modelo con cuotas reales.

Tab recorre acciones. Con foco en la fila, ← / → desplazan una tarjeta; Inicio / Fin recorren los extremos. Los controles se desactivan en los límites. El movimiento respeta la preferencia del sistema. Al iniciar el partido, la app retira el pick del resumen y del listado.

Contrato compartido

PulsoDiscovery.renderInvite utiliza tokens, botones y foco de Pulso. El aviso se puede cerrar durante la sesión; desaparece al iniciar sesión. El diálogo solo aparece tras una acción explícita, conserva la vista y el ticket, ofrece seguir sin cuenta y distingue registro gratuito de acceso Pro. Guardar requiere una confirmación nueva después de entrar.

Home y ocho ligas tienen HTML público, canonical y enlaces reales. Administración y documentación permanecen fuera del índice. No hay contenido especial para robots ni páginas automáticas por cada combinación de filtros.

Composición y comportamiento

pulso-marketing.css y pulso-hero.css consumen tokens, fuente y botones de Pulso. El hero utiliza la fotografía de estadio editada para Pulso como fondo, con un velo oscuro para mantener el contraste del texto y el ejemplo de producto. El recurso se sirve localmente en WebP con selección responsive y prioridad alta. Negro para el escenario, lima para la sugerencia y cobalt para la profundidad. En móvil se apilan el mensaje y la selección, con un recorte del estadio que mantiene visible la cancha. El ejemplo tiene margen lateral propio en escritorio y queda centrado en móvil. Tarjeta y selector comparten una superficie de vidrio con tinte ink, reflejo sutil, desenfoque de 18 px y borde claro. El texto y el estado seleccionado permanecen opacos. Sin soporte de backdrop-filter, con transparencia reducida o mayor contraste, se utiliza una superficie sólida legible.

El selector Córners / Tiros al arco / Tarjetas utiliza radios nativos: funciona sin JavaScript, admite flechas y conserva foco visible. Solo se muestra un mercado cada vez. Cambiarlo no consulta proveedores ni modifica un ticket. Las cifras siempre llevan la etiqueta de ejemplo ilustrativo.

Fondo estático; entrada del texto con el token --p-motion-page, una sola vez. Cambio de ejemplo: token --p-motion-enter. Sin bucles, parallax ni rotación automática. Con prefers-reduced-motion no se anima. La fotografía de fondo es decorativa para lectores de pantalla; la información está en HTML.

pulso-story.html y pulso-story.css añaden tres escenas de producto: histórico, contexto y ticket. Las tres escenas comparten fondo claro, acentos cobalt, la misma altura, cabecera y separadores. El ticket muestra una selección alineada en una fila, sin capas superpuestas ni inclinación; la entrada conserva solo una traslación vertical suave. Los gráficos son ilustrativos; todos los títulos, explicaciones y límites se sirven en HTML en ambos idiomas. El recorrido de metodología utiliza radios nativos: Tab entra al grupo y las flechas cambian el paso, con foco visible y sin JavaScript ni consultas a proveedores.

pulso-story.js activa entradas una sola vez cuando la sección llega a pantalla. Las barras crecen y los trazos se dibujan en 480–800 ms; la transición de paso usa --p-motion-page. No hay carrusel automático, bucles ni cambios de datos. Con movimiento reducido no se anima. Sin JavaScript se conserva el contenido y la interacción. En móvil las escenas se apilan y el recorrido usa tres controles compactos sobre la vista previa.

El bloque de planes utiliza una fotografía de estadio decorativa, servida en WebP. El desenfoque de 6 px se aplica solo a la imagen; un velo ink mantiene contraste para títulos blancos, texto secundario claro y CTA lima. El contenido y los controles permanecen nítidos. El fondo es estático y se sustituye por una superficie sólida cuando se solicita contraste reforzado o transparencia reducida.

La navegación y los CTA funcionan como enlaces. Los precios provienen de configuración. Las cifras de la vista previa son ilustrativas y nunca se presentan como resultados reales.