/**
 * Carnet Minimalista
 * Diseño minimalista con QR prominente
 */

.carnet--minimalist {
  width: calc(323px * var(--carnet-chana-scale));
  height: calc(204px * var(--carnet-chana-scale));
  background: #fff;
  border: 2px solid #0f3f64;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}

/* ===========================
   Contenido
   =========================== */
.carnet__contenido-min {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.carnet__nombre-min {
  font-weight: 900;
  font-size: 14px;
  margin: 0;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.carnet__cargo-min {
  color: #667085;
  font-size: 12px;
  font-weight: 600;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* ===========================
   QR
   =========================== */
.carnet__qr--min {
  width: 22mm;
  height: 22mm;
  background: #fff;
  border: 1px solid #e6eaf2;
  border-radius: 12px;
  padding: 6px;
  margin-top: auto;
  align-self: flex-start;
}

.carnet__qr--min img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* ===========================
   Impresión
   =========================== */
@media print {
  .carnet--minimalist {
    page-break-inside: avoid;
  }
}