/* desde.css — lo propio de las páginas «tours desde» (BLOQUE 2.1). Solo en estas páginas, detrás de pilar.css: así un
   cambio aquí no apaga los críticos de las pilares. Todo lo demás (héroe, tabla, chips, tarjeta, rejilla, plegables)
   viene de style.css y pilar.css tal cual. Solo tokens. */

.bq-desde__filtros { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.bq-desde__lista { margin-top: 16px; }
/* cada tarjeta va en su celda de la rejilla de la tienda (.rej); la celda es la que se esconde con el filtro */
.bq-desde__item { display: flex; min-width: 0; }
.bq-desde__item > * { flex: 1 1 auto; min-width: 0; }
.bq-desde__item[hidden] { display: none; }
.bq-desde__vacio, .bq-desde__nada { margin-top: 14px; color: var(--mu); }
.bq-desde__vacio[hidden] { display: none; }
/* en la columna del esqueleto la rejilla de la tienda cabe en dos tarjetas por fila (style.css pone cuatro desde 900 px, que aqui
   saldrian estrechas); a partir de 1100 px, tres */
.bq-desde .rej { grid-template-columns: minmax(0, 1fr); }   /* telefono: una tarjeta por fila (lleva recogida y transporte; a dos salia apretada) */
@media (min-width: 700px) { .bq-desde .rej { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .bq-desde .rej { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.desde-tabla th a { color: var(--tx); text-decoration: underline; text-underline-offset: 3px; }
.desde-tabla td b { font-weight: 800; }
.desde-citable { margin-top: 20px; }