/* ---------------------------------------------------------------------------
   entrada.css · portada neutra de `/` (y de /e/{token} desconocido)
   cata-joaco · HUMAN_FINAL_DELTA_V2 · 2026-09-17
   Quieta, sin enlaces, sin motion. HERO GOLD a sangre con la pila dividida
   aprobada; papel con microtextura tono sobre tono.
   --------------------------------------------------------------------------- */
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; background: var(--paper); }
body {
  margin: 0;
  min-height: 100svh;
  background: var(--paper) url('/xp/atmosphere/paper_grain_v01.svg') repeat;
  background-size: 320px 320px;
  color: var(--color-ink);
  font-family: var(--body-font);
  font-size: var(--body-size);
  line-height: var(--body-leading);
  -webkit-font-smoothing: antialiased;
}
[hidden] { display: none !important; }
.entrada { position: relative; max-width: 100%; margin: 0 auto; }
.entrada__art { display: block; position: relative; }
.entrada__art::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 8%;
  background: linear-gradient(to bottom, rgb(243 237 226 / 0), var(--paper));
  pointer-events: none;
}
.entrada__art img { display: block; width: 100%; height: auto; aspect-ratio: 1122 / 1402; filter: saturate(.86); }
.entrada__stack {
  position: absolute;
  inset: 24% 4% auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.entrada__eyebrow {
  margin: 0 0 var(--space-2);
  font-family: var(--eyebrow-font);
  font-size: var(--eyebrow-size);
  font-weight: var(--eyebrow-weight);
  letter-spacing: .15em;
  text-transform: uppercase;
}
.entrada__couple {
  margin: 0;
  font-family: var(--display-font);
  font-size: clamp(1.9rem, 8.95vw, 2.8125rem);
  font-weight: var(--display-weight);
  line-height: 1.1;
  letter-spacing: var(--display-tracking);
  text-wrap: balance;
}
.entrada__tail { padding: var(--space-5) var(--gutter) var(--space-12); text-align: center; }
.entrada__date, .entrada__venue {
  margin: 0 0 var(--space-2);
  font-family: var(--display-font);
  font-size: clamp(1.125rem, 4.3vw, 1.5rem);
  font-weight: 500;
  line-height: 1.4;
}
.entrada__venue { color: var(--color-ink-soft); }
.entrada__note {
  max-width: var(--measure-narrow);
  margin: var(--space-6) auto 0;
  font-size: var(--micro-size);
  line-height: var(--micro-leading);
  color: var(--color-ink-soft);
  text-wrap: pretty;
}
.entrada__note--warn { color: var(--color-warn); margin-top: var(--space-3); }
@media (min-width: 40.0625rem) and (max-width: 1023px) {
  .entrada { width: min(100%, calc((100svh - 14rem) * 1122 / 1402)); }
}
@media (min-width: 1024px) {
  .entrada { width: min(100%, calc((100svh - 11rem) * 2)); }
  .entrada__art img { aspect-ratio: 2 / 1; }
  .entrada__stack { top: 18%; }
  .entrada__couple { font-size: clamp(3.25rem, 3.3333vw, 4rem); }
}