/* portada.css — solo la vista de entrada: el titular, el lede y las tres
   columnas que explican la página. */

.portada{text-align:center; padding:3rem 0 1rem}
.portada .lede{font-size:1.15rem; color:var(--muted); max-width:36rem; margin:0 auto 1.75rem}
.portada .acciones{display:flex; gap:.6rem; justify-content:center; flex-wrap:wrap}

.tres{display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(15rem,1fr)); margin-top:3rem}
/* Las tres cajas de la portada son tarjetas que NO se pulsan. */
.tres .tarjeta{cursor:default}
.tres .tarjeta .bio{-webkit-line-clamp:6}

/* la caja de «esto es una demostración», al final de la portada */
.portada-aviso{margin-top:3rem}