/* Dores: mini-cenas das dores 2, 3 e 4 (papel pautado, hora vazia, placa Fechado). */

/* Mini-cena 2: papel pautado com dois blocos no mesmo horário (dupla marcação) */
.cena-papel {
  position: relative;
  border: 1px solid var(--line);
  border-radius: var(--r-page);
  background: repeating-linear-gradient(to bottom, transparent 0 17px, var(--line) 17px 18px);
}

.cena-papel__bloco {
  position: absolute;
  display: flex;
  align-items: center;
  height: 42%;
  padding-inline: 10px;
  border: 1px solid var(--icon-line);
  border-radius: 10px;
  background: repeating-linear-gradient(45deg, rgba(47, 123, 255, 0.2) 0 2px, transparent 2px 7px), var(--s1);
  color: var(--white);
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}

.cena-papel__bloco--a {
  left: 6%;
  top: 12%;
  width: 64%;
}

.cena-papel__bloco--b {
  left: 26%;
  top: 44%;
  width: 64%;
}

/* Mini-cena 3: hora grande e bloco vazio tracejado */
.cena-vazio {
  display: flex;
  align-items: center;
  gap: var(--sp-4);
}

.cena-vazio__hora {
  color: var(--white);
  font-family: var(--font-serif);
  font-size: 1.75rem;
  font-variant-numeric: tabular-nums;
}

.cena-vazio__bloco {
  flex: 1;
  padding: 14px 12px;
  border: 1px dashed var(--line-2);
  border-radius: var(--r-sm);
  color: var(--text-2);
  font-size: 0.9375rem;
}

/* Mini-cena 4: placa "Fechado" e mensagem fora do expediente */
.cena-fechado {
  display: flex;
  align-items: center;
  gap: var(--sp-4);
}

.cena-fechado__placa {
  padding: 8px 16px;
  border: 1px solid var(--line-2);
  border-radius: var(--r-pill);
  color: var(--white);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.cena-fechado__bal {
  padding: 9px 14px;
  background: var(--s2);
  border-radius: 16px 16px 16px 5px;
  color: var(--white);
  font-size: 0.875rem;
  line-height: 1.3;
}

.cena-fechado__bal small {
  display: block;
  color: var(--text-2);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}