:root {
  --fondo: #05050f;
  --tinta: #f1efe9;
  --tinta-suave: #a9a8b2;
  --tinta-tenue: #6f6e82;
  --acento: #5ff0ff;
  --naranja: #f0a24a;
  --linea: rgba(241, 239, 233, .16);
  --display: 'Big Shoulders Display', Impact, sans-serif;
  --texto: Inter, system-ui, sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--fondo); color: var(--tinta); font-family: var(--texto); min-height: 100%; }
a { color: inherit; text-decoration: none; }
.display { font-family: var(--display); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.cab { padding: 24px 32px; border-bottom: 1px solid var(--linea); }
.marca { font-size: 22px; }
.marca .acento { color: var(--acento); }
.marca small { font-family: var(--texto); font-weight: 400; text-transform: none; color: var(--tinta-suave); letter-spacing: 0; margin-left: 8px; }
main { max-width: 760px; margin: 0 auto; padding: 40px 24px 80px; }
.titulo { font-size: clamp(28px, 5vw, 44px); margin-bottom: 32px; }
.lista { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 18px; }
.tarjeta { border: 1px solid var(--linea); border-radius: 12px; padding: 18px 20px; }
.tarjeta a { display: flex; flex-direction: column; gap: 6px; }
.tarjeta-tema { font-size: 18px; font-weight: 500; }
.tarjeta-mentes { font-size: 13px; color: var(--tinta-suave); }
.tarjeta-fecha { font-size: 12px; color: var(--tinta-tenue); }
.tarjeta-insight { margin: 4px 0 0; color: var(--tinta-suave); font-style: italic; }
.vacio { color: var(--tinta-tenue); }
.post-meta { color: var(--tinta-suave); font-size: 14px; margin-bottom: 24px; }
.post-cuerpo { font-size: 17px; line-height: 1.6; margin-bottom: 32px; }
.post-transcript { display: flex; flex-direction: column; gap: 14px; margin-bottom: 32px; }
.turno { border-left: 3px solid var(--acento); padding-left: 14px; }
.turno-quien { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--tinta-suave); }
.turno p { margin: 4px 0 0; line-height: 1.55; }
.post-insight { border-left: 3px solid var(--naranja); margin: 0; padding: 12px 18px; color: var(--tinta); font-size: 16px; font-style: italic; }
.pie { padding: 24px 32px; border-top: 1px solid var(--linea); color: var(--tinta-tenue); font-size: 13px; text-align: center; }