/* =====================================================================
   Mi Ticket (UBIKUA) - Estilos propios de la web publica
   Ampliacion del UI kit de assets/css/app.css. No duplica clases.
   ===================================================================== */

/* Imagen de marca del hero de portada */
.hero-ticket img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 18px;
}

/* Bandeja de correo simulada (/test-inbox) */
.mail-preview {
  display: block;
  width: 100%;
  min-height: 680px;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
}

.mail-text {
  margin: 0;
  padding: 1rem;
  max-height: 420px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: var(--font-mono);
  font-size: 0.82rem;
  line-height: 1.6;
  color: var(--text-soft);
  background: var(--surface-soft);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
}

/* Miniatura del resumen de checkout */
.summary-event img {
  background: var(--navy-800);
}