/* Portada de tarjetacv.com · marca Tuukul. Colores y medidas salen de tokens/tuukul.css.
   Se usa la letra del sistema: la tipografía de Tuukul no se carga desde sitios externos. */
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; grid-template-rows: 1fr auto; }
.portada { width: 100%; max-width: 720px; margin-inline: auto; padding: var(--brand-space-16) var(--brand-space-6); display: grid; gap: var(--brand-space-4); align-content: center; }
.ui-eyebrow { margin: 0; font-family: var(--brand-font-mono); font-size: var(--brand-text-xs); letter-spacing: .1em; text-transform: uppercase; color: var(--brand-primary); }
.ui-eyebrow a { color: inherit; text-decoration: none; }
h1 { margin: 0; font-size: clamp(30px, 6vw, 44px); line-height: 1.1; font-weight: 600; letter-spacing: -0.02em; text-wrap: balance; }
h2 { margin: var(--brand-space-4) 0 0; font-size: var(--brand-text-md); font-weight: 600; }
p { margin: 0; }
.bajada, .texto p { color: var(--brand-text-muted); }
.bajada { font-size: var(--brand-text-lg); line-height: 1.5; }
.texto { align-content: start; gap: var(--brand-space-2); }
.texto h1 { font-size: var(--brand-text-2xl); }
a { color: var(--brand-primary); }
.pie { padding: var(--brand-space-6); display: flex; justify-content: center; align-items: center; gap: var(--brand-space-3); flex-wrap: wrap; font-size: var(--brand-text-xs); color: var(--brand-text-muted); border-top: 1px solid var(--brand-line); }
.pie a { color: inherit; }