Section structure

[rivascode-dev]

Resumen

Este Pull Request consolida un conjunto de mejoras visuales y refactorizaciones estructurales orientadas a estandarizar el sistema de diseño y eliminar deuda técnica:

1. News & Industrias: Ajuste de estilos (borderRadius, espaciado, backdropFilter) en las tarjetas de exhibición (NewsPosts.tsx, IndustryCards.tsx) para asegurar consistencia visual con el resto de la plataforma.
2. Modelo 3D: Refinamiento en la integración y posicionamiento del modelo 3D (Raspberry Pi/Reterminal) en la sección Hero, asegurando una presentación limpia y responsive.
3. Migración Tailwind -> MUI: Conversión final de componentes que aún utilizaban clases utilitarias de Tailwind CSS hacia la arquitectura nativa de Material UI (Box, Stack, sx prop), eliminando dependencias mixtas de estilos.
4. Mejora de Estilos Globales: Centralización de la configuración de borderRadius en src/theme/index.ts (16px para contenedores y 12px para elementos interactivos), reduciendo la necesidad de overrides manuales en componentes individuales.
5. Limpieza de Código: Eliminación de estilos redundantes y código muerto en secciones clave (Newsletter, Chat, Header, HardwareAlternatives).

Tipo de Cambio

• Contenido / Documentación
• Componentes / UI
• Estilos / Layout
• SEO / Rendimiento
• Configuración / Build
• Otro

Checklist del Desarrollador

• Cambios descritos con claridad en el resumen
• Componentes: Reutiliza componentes existentes de src/components/ y sistema de diseño MUI
• Tipos: Las nuevas props/tipos están correctamente tipadas y validadas
• Responsive: El cambio funciona correctamente en mobile (xs, sm), tablet (md) y desktop (lg, xl)
• Accesibilidad: Los elementos mantienen atributos de accesibilidad (aria-label, contraste adecuado)
• Rendimiento: No se añade sobrecarga innecesaria; se utiliza Next/Image optimizado y lazy loading donde aplica
• Build: El proyecto compila exitosamente (npm run build) sin errores de TypeScript (tsc --noEmit)

Screenshots / Demo

Notas Adicionales

La centralización de borderRadius en el tema permite ajustar la apariencia global de la aplicación modificando un único archivo (src/theme/index.ts), facilitando el mantenimiento a largo plazo. Se han implementado excepciones visuales específicas (como borderRadius: "50%" para logos) en los componentes correspondientes (Header, Chat, DocsSidebar) para preservar su identidad visual.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
logos-web	Ready	Preview, Comment	Feb 17, 2026 10:01pm