Campeonato

Regional ICPC México 2026

Plataforma oficial para la Gran Final Regional ICPC México 2026 con sede en ESCOM IPN. Construida con Astro, React y Motion, incluye una ventana hero 3D biselada, botones magnéticos amortiguados, tipografía fluida y accesibilidad WCAG 2.2 Nivel AAA.

Gran Final Regional ICPC México 2026

Plataforma web oficial para la Gran Final del Concurso Regional de Programación Competitiva ICPC en México, albergado en la Escuela Superior de Cómputo del Instituto Politécnico Nacional (ESCOM IPN). Diseñada para ofrecer una experiencia visual de alto impacto con rendimiento extremo y accesibilidad de grado industrial.

Arquitectura del Hero Window 3D

El componente central de bienvenida consiste en una ventana de visualización espacial con corte poligonal biselado (clip-path: polygon(...)) y proyección de perspectiva por hardware (perspective: 1000px). El contenedor calcula la orientación del puntero relativo al centroide geométrico dentro de un bucle amortiguado por requestAnimationFrame, aplicando inclinación en dos ejes (rotateX y rotateY) sin inducir reflujos en el DOM.

Botones Magnéticos y Física de Resortes

Los llamados a la acción interactivos incorporan atracción magnética basada en la proximidad radial del cursor. La traslación se modela con amortiguamiento viscoelástico, garantizando que el elemento regrese suavemente a su posición neutral cuando el cursor sale del radio de influencia. Para usuarias y usuarios con sensibilidad vestibular, una consulta estricta de prefers-reduced-motion desactiva por completo la deformación traslacional.

Sistema de Tokens Fluidos y Cero CLS

Toda la escala visual (espaciados, tipografía de encabezados, márgenes y anchos de contenedor) está calculada mediante fórmulas continuas clamp(). No se emplean saltos bruscos por media queries para el dimensionamiento del texto. Asimismo, todas las áreas de imagen reservan su razón de aspecto intrínseca, logrando un indicador de Cumulative Layout Shift (CLS) de 0.000 verificado en auditorías continuas.