/* ============================================================
   vestíbulo — pared Nº 01 (hero) · v2.1
   La única pared ENCENDIDA de la cuadra nocturna: cian #03e9f2
   con todo el dibujo en tinta. Anatomy unlike siblings: titular
   de afiche a todo lo ancho (sin split clásico), bajada a la
   izquierda, polaroid pegado a la derecha que cruza el borde
   hacia la oscuridad. Numeral «01» pintado. Cero glow.
   ============================================================ */

.vestibulo {
  position: relative;
  background: var(--cian);
  color: var(--tinta);
  padding-top: clamp(3rem, 6vw, 5rem);
  /* el padding inferior deja sitio: el polaroid cuelga del borde */
  padding-bottom: clamp(2.2rem, 4.5vw, 3.6rem);
}

.vestibulo .numeral {
  top: clamp(.4rem, 2vw, 1.6rem);
  right: clamp(.6rem, 3vw, 2.8rem);
  transform: rotate(2deg);
  color: rgba(26, 11, 30, .12);
}

.vestibulo_armado { position: relative; z-index: 1; }

.vestibulo .pregon { color: var(--tinta); margin-bottom: 1.6rem; }

/* — titular-afiche: a todo lo ancho de la pared — */
.vestibulo_titulo {
  font-size: clamp(2.7rem, 5.6vw + .8rem, 5.5rem);
  letter-spacing: -.014em;
  margin-left: -.045em;            /* sangrado óptico al margen */
  margin-bottom: clamp(2rem, 4vw, 3.2rem);
  max-width: 17ch;                 /* corta en 3 renglones desparejos */
  color: var(--tinta);
}
.vestibulo_titulo span {
  color: var(--blanco);
  text-shadow: 3px 3px 0 rgba(26, 11, 30, .85);  /* letra pintada con sombra */
}

/* — bajo el titular: bajada a la izquierda, polaroid a la derecha — */
.vestibulo_bajo {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .92fr);
  gap: clamp(2.2rem, 5vw, 5rem);
  align-items: start;
}

.vestibulo_bajada {
  color: rgba(26, 11, 30, .88);
  max-width: 54ch;
  margin-bottom: 2.4rem;
  font-weight: 600;
}

.vestibulo_botonera {
  display: flex;
  align-items: center;
  gap: 1.3rem;
  flex-wrap: wrap;
}

/* — polaroid pegado: gira y se cae fuera de la pared — */
.vestibulo_polaroid {
  justify-self: end;
  width: min(100%, 34rem);
  transform: rotate(-2.2deg);
  margin-bottom: clamp(-6rem, -7vw, -3rem);  /* cruza el borde de la pared */
  position: relative;
  z-index: 2;
}
.vestibulo_polaroid figcaption {
  margin-top: .85rem;
  color: var(--tinta);
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
/* cinta adhesiva fucsia en la esquina del polaroid */
.vestibulo_polaroid::before {
  content: "";
  position: absolute;
  top: -.9rem;
  left: 2.4rem;
  width: 4.6rem;
  height: 1.7rem;
  background: rgba(214, 33, 127, .72);
  transform: rotate(-6deg);
}

/* ============================ móvil ============================ */
@media (max-width: 1024px) {
  .vestibulo { padding-top: 2.6rem; padding-bottom: 3rem; }

  .vestibulo_titulo {
    font-size: clamp(2.3rem, 9vw, 3.4rem);
    max-width: none;
  }

  .vestibulo_bajo { grid-template-columns: 1fr; gap: 2.4rem; }

  .vestibulo_bajada { font-size: 1.07rem; margin-bottom: 2.1rem; }

  .vestibulo_botonera { flex-direction: column; gap: 1.1rem; }

  .vestibulo_polaroid {
    justify-self: stretch;
    width: 100%;
    transform: rotate(-1deg);
    margin-bottom: 0;
  }
}