## Tarjetas Simples

Clases: `.card .card-simple`

### Tarjeta Simple Default

Esta es una tarjeta simple con hover completo. Al pasar el mouse, toda la tarjeta cambia de color.

Leer más

### Tarjeta Light

Variante clara de la tarjeta con fondo blanco.

Ver más

### Tarjeta Dark

Variante oscura de la tarjeta con fondo azul y texto claro.

Descubrir

## Tarjetas de Noticias

Clases: `.card .card-news`

Cultura

### Universidad de Concepción inaugura nueva biblioteca

La nueva biblioteca cuenta con espacios modernos para el estudio y tecnología de punta.

18 de diciembre, 2024
Ciencia y Tecnología

### Investigadores UdeC desarrollan nuevo material sustentable

El innovador material podría revolucionar la industria de la construcción.

15 de diciembre, 2024
Deporte

### Equipo UdeC clasifica a la final nacional

Gran desempeño del equipo universitario en el campeonato regional.

12 de diciembre, 2024

## Noticias Destacadas

Lo más relevante de la Universidad de Concepción

### Investigación Destacada

Descubrimiento científico importante para la región.

Leer más

### Nuevo Convenio Internacional

Alianza estratégica con universidad europea.

Conocer más

### Premio Nacional

Profesora UdeC recibe reconocimiento nacional.

Ver detalles

### Actividad Cultural

Festival de arte y música en el campus.

Participar

## Últimas Noticias

Mantente informado con las novedades de nuestra universidad

Universidad

### Admisión 2025: Todo lo que necesitas saber

Guía completa del proceso de admisión para el próximo año académico.

Humanidades

### Seminario sobre historia regional

Expertos analizan el desarrollo histórico de la región del Biobío.

Salud

### Campaña de salud preventiva en el campus

Actividades gratuitas para promover estilos de vida saludables.

Académicas

### Charlas magistrales de expertos internacionales

Ciclo de conferencias sobre innovación y tecnología.

Cultura

### Exposición de arte contemporáneo

Obras de artistas locales y nacionales en la galería universitaria.

Tecnología

### Hackathon estudiantil 2024

Competencia de programación con premios y reconocimientos.

## Flow Utilities en Componentes

Ejemplos de uso de `.flow` en contenido real de componentes y artículos.

### Artículo con Flow

Ciencia y Tecnología

### Avances en Investigación Científica

La Universidad de Concepción continúa destacándose en el ámbito de la investigación científica, con proyectos innovadores que buscan solucionar problemas complejos de nuestra sociedad.

Este año, nuestros investigadores han logrado importantes avances en áreas como la biotecnología, la física de materiales y las ciencias ambientales.

#### Proyectos Destacados

- Desarrollo de biomateriales para medicina regenerativa
- Estudio de energías renovables en la región
- Investigación en conservación de ecosistemas marinos

Los resultados de estas investigaciones han sido publicados en revistas científicas de alto impacto internacional.

> "La investigación es fundamental para el desarrollo de la sociedad y la formación de profesionales de excelencia."

La universidad continuará impulsando la investigación como uno de sus pilares fundamentales.

Leer artículo completo

### Content Flow para Lectura

### ¿Qué es el Sistema Flow?

El sistema flow utiliza el selector CSS `> * + *` (lobotomized owl) para crear espaciado vertical automático entre elementos hermanos.

Esto significa que no necesitas agregar márgenes manualmente a cada elemento. El espaciado se aplica automáticamente basándose en el tipo de elemento.

#### Ventajas del Sistema Flow

- Espaciado consistente y predecible
- Menos código CSS necesario
- Fácil de mantener y actualizar
- Espaciado contextual según el tipo de elemento

Las clases flow son especialmente útiles para contenido editorial donde el flujo de lectura es importante.

> El espaciado apropiado mejora significativamente la legibilidad y la experiencia del usuario.

Puedes usar diferentes variantes de flow según tus necesidades: desde `.flow-xs` para espaciado mínimo hasta `.flow-2xl` para espaciado amplio.