/* ============================================================
   entrada — standfirst (continúa el intro del PDF tras el hero)
   Lleva, en orden, las dos frases restantes del párrafo de
   apertura del ТЗ: la credencial del operador (BOLDT / Lotería) y
   la frase-guía que anuncia el recorrido del artículo.
   Anatomy unlike siblings: no es bloque-tarjeta ni portada — es un
   pie de entrada editorial, credencial fina sobre hilo de oro y
   una guía en serif.
   ============================================================ */

.entrada { padding-block: clamp(2.4rem, 6vw, 4.5rem); }

.entrada__caja { display: grid; gap: var(--aire-s); }

.entrada__credencial {
  position: relative;
  padding-left: 1.3rem;
  font-size: var(--t-micro);
  line-height: 1.6;
  color: var(--marfil-tenue);
  max-width: 72ch;
}
.entrada__credencial::before {
  content: "";
  position: absolute;
  left: 0; top: .35em; bottom: .35em;
  width: 2px;
  background: linear-gradient(var(--oro), var(--esmeralda));
  border-radius: 2px;
}

.entrada__guia {
  font-family: var(--serif);
  font-weight: 400;
  font-size: var(--t-guia);
  line-height: 1.5;
  color: var(--marfil);
  max-width: 52ch;
}

@media (min-width: 721px) and (prefers-reduced-motion: no-preference) {
  .entrada__credencial, .entrada__guia { opacity: 0; transform: translateY(14px); transition: opacity .6s ease, transform .6s ease; }
  .entrada__guia { transition-delay: .12s; }
  .entrada__credencial::before { transform: scaleY(0); transform-origin: top; transition: transform .6s ease; }
  .entrada.en-vista .entrada__credencial,
  .entrada.en-vista .entrada__guia { opacity: 1; transform: none; }
  .entrada.en-vista .entrada__credencial::before { transform: scaleY(1); }
}