/* MT Lux Cars — franjas de estado (Vendido / Reservado).
   El estado de cada vehículo se define en js/estado.js; aquí solo el aspecto.
   Vendido: franja negra con filetes dorados y foto en gris oscurecido (operación cerrada).
   Reservado: franja dorada maciza y foto ligeramente atenuada (sigue "viva"). */

/* ══════════ FRANJA ══════════ */
.estado-banda {
  position: absolute; left: 0; right: 0; top: 50%;
  transform: translateY(-50%);
  display: flex; align-items: center; justify-content: center; gap: 1rem;
  padding: .6rem 1rem;
  border-top: 1px solid var(--arena-dorada);
  border-bottom: 1px solid var(--arena-dorada);
  font-family: var(--font-display);
  font-size: .8rem; font-weight: 600;
  letter-spacing: .38em; text-transform: uppercase;
  z-index: 3;
  pointer-events: none;
}
.estado-banda span { padding-left: .38em; } /* compensa el tracking final para centrar el texto */
.estado-banda::before,
.estado-banda::after {
  content: ''; width: 1.8rem; height: 1px; background: currentColor; opacity: .65;
}
.estado-banda--vendido {
  background: rgba(6,6,6,.88);
  color: var(--arena-dorada);
  -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
}
.estado-banda--reservado {
  background: var(--arena-dorada);
  color: var(--basalto);
  border-color: var(--arena-dorada-clara);
}

/* franja grande sobre la galería de la ficha */
.gallery-main-page .estado-banda { padding: 1.15rem 1rem; font-size: 1.35rem; letter-spacing: .5em; gap: 1.6rem; }
.gallery-main-page .estado-banda span { padding-left: .5em; }
.gallery-main-page .estado-banda::before,
.gallery-main-page .estado-banda::after { width: 4rem; }

/* ══════════ FOTO ATENUADA ══════════ */
.estado-vendido > img,
.estado-vendido .gallery-thumbs img,
.v-card--vendido .v-card-img img,
.rel-card--vendido .rel-card-img img { filter: grayscale(.9) brightness(.55); }
.estado-reservado > img,
.estado-reservado .gallery-thumbs img,
.v-card--reservado .v-card-img img,
.rel-card--reservado .rel-card-img img { filter: brightness(.78) saturate(.9); }

/* ══════════ CATÁLOGO ══════════ */
.v-card--vendido .v-card-name { color: var(--ceniza); }
.v-card-price--vendido {
  font-family: var(--font-sans); font-weight: 400; font-size: .72rem;
  letter-spacing: .24em; text-transform: uppercase; color: var(--piedra);
}
.v-card-price--reservado .v-card-estado {
  margin-left: .6rem; font-family: var(--font-sans); font-weight: 500; font-size: .64rem;
  letter-spacing: .22em; text-transform: uppercase; color: var(--basalto);
  background: var(--arena-dorada); padding: .15rem .55rem;
}

/* ══════════ FICHA ══════════ */
.page-head-foot p.estado-foot--vendido b { color: var(--piedra); }
.ficha-price--vendido {
  font-family: var(--font-display); font-size: 1.5rem; color: var(--gris-texto);
  letter-spacing: .02em;
}
.estado-aviso {
  border-left: 2px solid var(--arena-dorada);
  padding: .1rem 0 .1rem .9rem;
  font-size: .82rem; line-height: 1.6; color: var(--gris-texto);
}

/* ══════════ RELACIONADOS ══════════ */
.rel-card .estado-banda { padding: .4rem .8rem; font-size: .62rem; letter-spacing: .3em; gap: .6rem; }
.rel-card .estado-banda span { padding-left: .3em; }
.rel-card .estado-banda::before,
.rel-card .estado-banda::after { width: 1rem; }
.rel-card--vendido .rel-card-price { color: var(--gris-texto); letter-spacing: .16em; text-transform: uppercase; font-size: .72rem; font-family: var(--font-sans); font-weight: 400; }

@media (max-width: 720px) {
  .gallery-main-page .estado-banda { padding: .75rem .5rem; font-size: .95rem; letter-spacing: .32em; gap: 1rem; }
  .gallery-main-page .estado-banda::before,
  .gallery-main-page .estado-banda::after { width: 1.6rem; }
}