Este proyecto demuestra la creación de un componente de tarjetas responsivas con un efecto de cristal esmerilado (Glassmorphism).

• Diseño Mobile-First: La maquetación fue construida desde la base para dispositivos móviles y luego adaptada a pantallas más grandes.
• CSS Fluido: Se utiliza la función clamp() para la tipografía y los tamaños, logrando un diseño responsive que minimiza la necesidad de media queries.
• Interacciones Inteligentes: Se implementa la media query @media (hover: hover) para aplicar efectos :hover únicamente en dispositivos con mouse, evitando conflictos con el estado :active en pantallas táctiles.
• Animaciones Sutiles: Se añaden animaciones de entrada y transiciones para una experiencia de usuario más dinámica y pulida.

• HTML5 (Semántico)
• CSS3 (Flexbox, Clamp, Animaciones)