tarjeta básica (sin imagen, sin enlace)
<r-card heading="Proyecto"><p>Descripción...</p></r-card>
Una descripción breve del proyecto. Sin imagen, sin enlace.
con imagen (img placeholder)
<r-card heading="Con imagen"><img src="..." alt="..."><p>...</p></r-card>
✦
La primera imagen child se extrae y se coloca arriba.
con enlace (href)
<r-card heading="Enlazable" href="#">...</r-card>
◌
Toda la tarjeta es clickable. Se activa con hover y focus.
grid de tarjetas
<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem">...</div>
✺
Portfolio tipo meowrhino.
✜
Scroll narrativo vertical.
▮
Índice cronológico.
override de CSS vars
--r-card-bg, --r-card-border, --r-card-shadow, --r-card-padding, --r-card-radius
✦
Fondo oscuro con acento coral.