/* ── EL AVISO DE «EL 23 NO PUDO SER» ───────────────────────────────────────
   Mismo idioma que la cartela de la parada 02 (fondo café, lima), porque es
   la misma clase de cosa: una cartela corta que se lee y se cierra. Por encima
   de todo —puerta 60, visita 80— porque es lo primero que hay que saber hoy. */

.apz {
	align-items: center;
	background: rgb(23 18 12 / 96%);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	display: flex;
	inset: 0;
	justify-content: center;
	overflow-y: auto;
	padding: 24px 16px;
	position: fixed;
	z-index: 95;
	animation: apz-entra 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes apz-entra {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: none; }
}

.apz__caja {
	margin: auto;
	max-width: 400px;
	text-align: left;
	width: 100%;
}

.apz__pre {
	color: #b9c91c;
	font-size: 11.5px;
	font-weight: 900;
	letter-spacing: 0.12em;
	margin: 0 0 10px;
}

.apz__big {
	color: #fff;
	font-size: 34px;
	font-weight: 900;
	letter-spacing: -0.035em;
	line-height: 1.02;
	margin: 0 0 16px;
}

.apz__tx {
	color: #c9c3b8;
	font-size: 15px;
	line-height: 1.5;
	margin: 0 0 12px;
}

.apz__tx b { color: #fff; }

/* La buena noticia es lo que tiene que quedarse: por eso es la única con caja. */
.apz__tx--buena {
	background: rgb(185 201 28 / 14%);
	border-left: 3px solid #b9c91c;
	border-radius: 4px;
	color: #e9e4d8;
	padding: 12px 14px;
}

.apz__firma {
	color: #9a9287;
	font-family: 'Gochi Hand', cursive;
	font-size: 18px;
	margin: 4px 0 20px;
}

.apz__cta {
	background: #b9c91c;
	border: 0;
	border-radius: 4px;
	color: #2e3300;
	cursor: pointer;
	font: inherit;
	font-size: 16px;
	font-weight: 900;
	min-height: 54px;
	width: 100%;
}

.apz__cta:hover { background: #cfde3f; }

.apz__grupo {
	align-items: center;
	color: #9a9287;
	display: flex;
	font-size: 13.5px;
	justify-content: center;
	margin-top: 8px;
	min-height: 44px;
}

/* «tiempo extra · ¿por qué?» en la barra de la puerta: un botón que no parece
   botón, con el mismo cuerpo que el texto que sustituye. */
.pt-barra__porque {
	background: none;
	border: 0;
	color: inherit;
	cursor: pointer;
	font: inherit;
	letter-spacing: inherit;
	min-height: 24px;
	padding: 0;
}

.pt-barra__porque u { color: #b9c91c; }