/**
 * Property feed styles
 * LC_FEED_BOOKING_ROW_V1 (2026-07-18): las tarjetas ya no son una rejilla
 * compacta (AliExpress) sino FILAS horizontales estilo Booking — foto a la
 * izquierda, datos en el centro y a la derecha la puntuación + precio + botón.
 * En móvil la fila se APILA (foto arriba, datos y botón debajo). El mismo
 * diseño en escritorio y móvil (decisión del dueño). Los bloques de publicidad
 * (.lc-feed-banner) siguen intercalándose igual.
 */
.lc-property-feed-wrap {
    padding: 20px 0;
}

/* ── LC_FEED_SIDEBAR_V1: feed a 2 columnas — lista/tabla a la izquierda + columna
   DERECHA con 2 baneres 300×250 (rotan cada día) y el «sochinenie» de Manolo
   (300×250, semanal). En móvil la columna baja BAJO el feed. ── */
.lc-feed-layout { display: flex; align-items: flex-start; gap: 24px; }
.lc-feed-main { flex: 1 1 auto; min-width: 0; }
.lc-feed-aside { flex: 0 0 300px; width: 300px; position: sticky; top: 20px; }
.lc-feed-aside-inner { display: flex; flex-direction: column; gap: 16px; }
.lc-feed-aside-ad { width: 100%; }

/* TOPE DE ALTURA (2026-07-26). Los anuncios de las redes de afiliación vienen en
   formatos muy distintos: uno era 300x250 y el de al lado 300x600 — el doble de
   alto. En una columna de 300px eso no se lee como «dos anuncios», se lee como
   un banner gigante que ha roto la página, y encima empuja hacia abajo todo lo
   que va después (Manolo, HotelsCasa).
   El recorte se hace por la IMAGEN, no por el contenedor: así el anuncio se
   escala entero en vez de quedar cortado a la mitad. */
.lc-feed-aside-ad img,
.lc-feed-aside-ad iframe { max-height: 300px; width: auto; max-width: 100%; }
/* Centrado: al escalar, una imagen estrecha dejaría el hueco a un lado. */
.lc-feed-aside-ad { display: flex; justify-content: center; }

/* La tira que envuelve SOLO los banners (LC_ADS_STRIP_V4). En escritorio es
   una columna igual que antes; el carrusel se enciende en el móvil, más abajo. */
.lc-feed-ads-strip { display: flex; flex-direction: column; gap: 16px; width: 100%; }

.lc-feed-manolo {
    width: 100%;
    min-height: 240px;
    box-sizing: border-box;
    background: rgba(33, 39, 48, 0.92);
    border: 1px solid rgba(226, 196, 142, .28);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* ── LC_FEED_HC_V1: bloque «Anuncios en HotelsCasa» (alto ≈ 3 banners) ── */
.lc-feed-hc {
    width: 100%;
    box-sizing: border-box;
    background: rgba(33, 39, 48, 0.92);
    border: 1px solid rgba(226, 196, 142, .28);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.lc-feed-hc-head {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 12px 14px 10px;
    border-bottom: 1px solid rgba(226, 196, 142, .18);
}
.lc-feed-hc-brand { color: #E2C48E; font-weight: 800; font-size: 15px; letter-spacing: .2px; }
.lc-feed-hc-sub { color: #9aa3ad; font-size: 11.5px; }
.lc-feed-hc-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    transition: background .15s;
}
.lc-feed-hc-item:hover { background: rgba(226, 196, 142, .08); }
.lc-feed-hc-txt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.lc-feed-hc-title {
    color: #EAE6DD;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.lc-feed-hc-desc {
    color: #9aa3ad;
    font-size: 11.5px;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.lc-feed-hc-thumb {
    flex: 0 0 76px;
    width: 76px;
    height: 58px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid rgba(226, 196, 142, .22);
}
.lc-feed-hc-thumb--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    background: rgba(255, 255, 255, .05);
}
.lc-feed-hc-foot {
    display: block;
    padding: 10px 14px 12px;
    color: #E2C48E;
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none;
    text-align: right;
}
.lc-feed-hc-foot:hover { text-decoration: underline; }
/* Foto del artículo (Landing Pro) a todo el ancho, arriba. */
.lc-feed-manolo-cover {
    width: 100%;
    height: 118px;
    object-fit: cover;
    display: block;
}
.lc-feed-manolo-in {
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    flex: 1 1 auto;
}
/* Uso suelto vía [lc_manolo_card] (p.ej. 4º bloque de /add_property/). */
.lc-manolo-standalone { width: 100%; max-width: 360px; margin: 0 auto; }
.lc-feed-manolo-head { display: flex; align-items: center; gap: 8px; }
.lc-feed-manolo-photo { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(226, 196, 142, .45); flex: 0 0 auto; }
.lc-feed-manolo-name { color: #E2C48E; font-weight: 700; font-size: 15px; }
.lc-feed-manolo-tag {
    margin-left: auto; font-size: 11px; font-weight: 700;
    color: #0B1014; background: #E2C48E; border-radius: 999px; padding: 2px 9px;
}
.lc-feed-manolo-title { margin: 2px 0 0; color: #EAE6DD; line-height: 1.3; font-weight: 700; } /* tamano: escala del tema, LC_TIPO_V1 */
/* Solo el PRINCIPIO del artículo: recorte a 4 líneas (cabe en la tarjeta). */
.lc-feed-manolo-body {
    margin: 0;
    color: #C2C2C2;
    font-size: 13px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* «Continuación» pegada abajo: la frase + enlace al Club. */
.lc-feed-manolo-foot {
    margin: auto 0 0;
    padding-top: 8px;
    color: #9aa0a8;
    font-size: 12px;
    line-height: 1.45;
    border-top: 1px solid rgba(226, 196, 142, .14);
}
.lc-feed-manolo-foot a { color: #E2C48E; font-weight: 700; text-decoration: none; }
.lc-feed-manolo-foot a:hover { text-decoration: underline; }

@media (max-width: 980px) {
    .lc-feed-layout { flex-direction: column; }
    .lc-feed-aside { position: static; width: 100%; flex: 1 1 auto; }

    .lc-feed-aside-inner { flex-direction: row; flex-wrap: wrap; justify-content: center; }
    .lc-feed-manolo, .lc-feed-hc { width: 100%; max-width: 300px; }

    /* ══════════════════════════════════════════════════════════════════════
       LC_ADS_STRIP_V4 (2026-07-30, orden del dueño) — LOS BANNERS: MÁS
       PEQUEÑOS, TODOS DEL MISMO TAMAÑO Y EN UNA LÍNEA QUE SE DESLIZA.

       Las redes de afiliación entregan formatos dispares (300×250, 300×600,
       cuadrados…). Apilados y a tamaño natural, uno ocupaba el doble que el
       de al lado y juntos eran dos pantallas de publicidad. Aquí cada banner
       vive en una CAJA IDÉNTICA y la imagen se escala dentro, sin recortarse
       (`contain`): el anuncio se ve entero, que es lo que el anunciante paga.

       Ojo: la tira envuelve SOLO los banners. El bloque de HotelsCasa y el
       artículo se quedan fuera, cada uno en su línea.
       ══════════════════════════════════════════════════════════════════════ */
    .lc-feed-ads-strip {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 10px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x pan-y;   /* horizontal EN la tira y vertical para la pagina */
        overscroll-behavior-x: contain;
        scroll-snap-type: x proximity;
        padding-bottom: 6px;
        scrollbar-width: thin;
        scrollbar-color: rgba(226, 196, 142, .55) transparent;
    }

    .lc-feed-ads-strip::-webkit-scrollbar { height: 4px; }
    .lc-feed-ads-strip::-webkit-scrollbar-thumb {
        background: rgba(226, 196, 142, .55);
        border-radius: 4px;
    }

    /* La caja: misma medida para todos. 42vw de ancho = 2,5 a la vista. */
    .lc-feed-ads-strip .lc-feed-aside-ad {
        flex: 0 0 42vw;
        width: 42vw;
        max-width: 42vw;
        min-width: 0;
        aspect-ratio: 6 / 5;      /* la proporción del 300×250 de siempre */
        margin: 0;
        scroll-snap-align: start;
        align-items: center;      /* centrado también en vertical */
        overflow: hidden;
    }

    .lc-feed-ads-strip .lc-feed-aside-ad img,
    .lc-feed-ads-strip .lc-feed-aside-ad iframe {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: none;
        object-fit: contain;      /* entero, nunca cortado */
    }

    /* ══════════════════════════════════════════════════════════════════════
       ⚠️ ESTAS DOS REGLAS SON LAS QUE HACEN QUE LA TIRA DE TARJETAS SE DESLICE
       (2026-07-30). Sin ellas el carrusel de la vista Tabla NO se movía.

       `.lc-feed-layout` es flex con `align-items: flex-start` (arriba del
       archivo). Al pasar a columna en el móvil, ese flex-start SIGUE puesto —
       y en una columna flex el eje transversal es el ANCHO: los hijos dejan de
       estirarse al ancho de la pantalla y toman el ancho de su CONTENIDO.

       Consecuencia en cadena: `.lc-feed-main` medía lo que midieran las 13
       tarjetas juntas (13 × 42vw ≈ 546vw). Entonces:
         · la parrilla nunca DESBORDABA — todo «cabía» — así que no había nada
           que deslizar por mucho `overflow-x: auto` que se le pusiera;
         · lo que sobresalía lo recortaba el `html,body{overflow-x:hidden}` del
           tema, y por eso se veían 2,5 tarjetas quietas;
         · y antes, con el ancho en `40%`, ese porcentaje se medía contra esos
           546vw → la tarjeta salía «de un ancho increíble». Mismo origen.

       Con `stretch` la columna vuelve a medir lo que la pantalla, la parrilla
       desborda de verdad y el dedo la mueve.
       ══════════════════════════════════════════════════════════════════════ */
    .lc-feed-layout { align-items: stretch; }

    .lc-feed-main {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
}

/* ── LC_FEED_VIEW_TOGGLE_V1 — conmutador Lista/Tabla a la DERECHA (estilo Booking) ── */
.lc-feed-toolbar {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 14px;
}
.lc-feed-viewtoggle {
    display: inline-flex;
    background: rgba(33, 39, 48, .92);
    border: 1px solid #505050;
    border-radius: 999px;
    padding: 3px;
    gap: 2px;
}
.lc-feed-viewbtn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 0;
    background: transparent;
    cursor: pointer;
    color: #C2C2C2;
    font-size: 13px;
    font-weight: 600;
    padding: 7px 16px;
    border-radius: 999px;
    transition: background .15s ease, color .15s ease;
}
.lc-feed-viewbtn i { font-size: 12px; }
.lc-feed-viewbtn:hover { color: #E2C48E; }
.lc-feed-viewbtn.is-active {
    background: linear-gradient(135deg, #E2C48E, #F8D189);
    color: #0B1014;
    box-shadow: 0 2px 8px rgba(226, 196, 142, .25);
}

/* ── Vista TABLA: rejilla de tarjetas compactas verticales (la de LISTA es la base) ── */
/* UNA sola rejilla continua: las tiras (.lc-feed-strip) usan display:contents para que
   TODAS las tarjetas (de todos los lotes cargados) fluyan en la MISMA cuadrícula → sin
   huecos raros entre tiras. El banner ocupa la fila entera. */
.lc-view-table .lc-properties-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px;
    align-items: stretch;   /* tarjetas de igual altura por fila */
}
.lc-view-table .lc-feed-strip { display: contents; }
.lc-view-table .lc-feed-banner { grid-column: 1 / -1; }
.lc-view-table .lc-property-card { flex-direction: column; }
.lc-view-table .lc-bkrow-media {
    flex: 0 0 auto;
    width: 100%;
    min-height: 148px;
}
.lc-view-table .lc-bkrow-body {
    flex-direction: column;
    gap: 8px;
    padding: 12px 14px;
}
.lc-view-table .lc-bkrow-side {
    flex: 0 0 auto;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    gap: 10px;
    padding-left: 0;
    padding-top: 10px;
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, .07);
}
.lc-view-table .lc-bkrow-score-wrap { align-items: flex-start; }

/* Lista vertical de filas (una tarjeta por fila). Las tarjetas se agrupan en
   «tiras» (.lc-feed-strip), una por lote cargado; con display:contents cada
   tarjeta fluye como hija directa de la lista → una sola columna continua. */
.lc-properties-grid {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.lc-feed-strip {
    display: contents;
}

/* Banner (Zona 6) intercalado tras las primeras filas: ocupa todo el ancho */
.lc-feed-banner {
    width: 100%;
    max-width: 970px;
    margin: 16px auto;
}

/* ── Tarjeta = FILA horizontal (estilo Booking) ── */
/* Fondo CASI opaco (dueño: «еле прозрачными») — el texto se lee sobre el fondo
   etéreo/puntos brillantes, pero se percibe un leve destello detrás.
   ⚠️ CLAVE (LC_FEED_BOOKING_ROW_V1): el fondo global de puntos del tema
   (lc-bg-dotmatrix.js → clearSolidDarkBackdrops) VACÍA con `transparent
   !important` INLINE cualquier bloque ANCHO cuyo fondo sea oscuro sólido con
   los TRES canales RGB < 46 (DARK_MAX). Estas filas son anchas, así que si el
   color fuera muy oscuro el tema las dejaría transparentes (el CSS pierde ante
   el inline). Por eso el AZUL va en 48 (≥46): el guardián del tema NO la toca y
   la tarjeta conserva su fondo casi opaco. NO bajar ningún canal por debajo de
   46 o volverán las tarjetas transparentes en /alojamiento/. */
.lc-property-card {
    display: flex;
    flex-direction: row;
    text-decoration: none;
    color: inherit;
    background: rgba(33, 39, 48, 0.92) !important;
    border: 1px solid #505050;
    border-radius: 12px;
    overflow: hidden;
    transition: transform .15s ease, border-color .2s ease, box-shadow .2s ease;
}

.lc-property-card:hover {
    border-color: #E2C48E;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
}

/* Foto a la izquierda (ancho fijo en escritorio) */
.lc-bkrow-media {
    position: relative;
    flex: 0 0 210px;        /* foto compacta (antes 300px) */
    width: 210px;
    min-height: 150px;      /* antes 220px */
    overflow: hidden;
    background: #e8e4dc;
}

.lc-card-rotator {
    position: absolute;
    inset: 0;
}

/* ⚠️ !important obligatorio: la child theme (style.css, bloque móvil) pone
   `img { height: auto !important; }` global — sin esto la foto vuelve a su
   proporción natural y deja un hueco beige bajo la imagen (queja del dueño
   2026-07-19). El class-selector gana al element-selector a igual !important. */
.lc-card-rotator__img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: none;
    object-fit: cover;
    display: block;
    opacity: 0;
    transition: opacity .8s ease;
}

.lc-card-rotator__img.is-active {
    opacity: 1;
}

.lc-card-noimg {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 44px;
    background: #e8e4dc;
}

/* Cuerpo: centro (datos) + lateral derecho (puntuación/precio/botón) */
.lc-bkrow-body {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    gap: 14px;
    padding: 12px 14px;
}

.lc-bkrow-main {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.lc-card-title {
    margin: 0 0 4px;
    color: #E2C48E;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lc-card-location {
    color: #C2C2C2;
    font-size: 13px;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lc-card-location i {
    color: #E2C48E;
    margin-right: 4px;
}

.lc-bkrow-desc {
    margin: 0 0 10px;
    color: #C2C2C2;
    font-size: 13px;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lc-card-meta {
    color: #C2C2C2;
    font-size: 12px;
    margin-top: auto;
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.lc-card-meta i {
    color: #E2C48E;
    margin-right: 4px;
}

/* Lateral derecho: puntuación arriba, precio + botón abajo */
.lc-bkrow-side {
    flex: 0 0 150px;
    width: 150px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    text-align: right;
    gap: 10px;
    padding-left: 14px;
    border-left: 1px solid rgba(255, 255, 255, .07);
}

.lc-bkrow-score-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.lc-bkrow-score-label {
    color: #E2C48E;
    font-size: 13px;
    font-weight: 600;
}

.lc-bkrow-score {
    display: inline-block;
    min-width: 38px;
    padding: 5px 9px;
    background: #E2C48E;
    color: #1a1f24;
    border-radius: 8px 8px 8px 0;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.1;
    text-align: center;
}

.lc-bkrow-score--new {
    background: transparent;
    color: #E2C48E;
    border: 1px solid #E2C48E;
    border-radius: 8px;
    padding: 4px 10px;
    font-size: 13px;
}

.lc-bkrow-reviews {
    color: #8a8a8a;
    font-size: 11px;
}

.lc-bkrow-cta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    width: 100%;
}

.lc-card-price {
    color: #E2C48E;
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
}

.lc-price-period {
    font-size: 11px;
    font-weight: 400;
    color: #C2C2C2;
}

/* LC_PRICE_INQUIRY_V2: objeto sin tarifa. Se informa, no se vende: mismo hueco
   que el precio pero en tono apagado, para que la fila no baile de altura entre
   tarjetas con y sin precio. El precio se pide dentro de la ficha. */
.lc-card-price--ask .lc-price-period {
    font-size: 13px;
    font-style: italic;
}

.lc-price-from {
    font-size: 11px;
    font-weight: 400;
    color: #C2C2C2;
}

.lc-price-consultar {
    font-size: 14px;
    font-weight: 600;
    color: #C2C2C2;
}

/* Botón único y COMPACTO «Reservar» (dueño 2026-07-26: antes se truncaba). */
.lc-bkrow-btn {
    display: inline-block;
    padding: 6px 14px;
    background: #E2C48E;
    color: #1a1f24;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    max-width: 100%;
    transition: filter .2s ease, transform .18s ease;
}
.lc-view-table .lc-bkrow-btn { padding: 5px 12px; font-size: 12.5px; }

/* LC_FEED_NO_GAPS retirado (2026-07-26): sin tarjetas-relleno; el hueco de la
   última fila se deja limpio por decisión del dueño. */
.lc-property-card:hover .lc-bkrow-btn {
    filter: brightness(1.06);
}

/* Escalado sutil al acercar el cursor al botón (sustituye al efecto
   de tilt/imán que seguía al ratón — LC 2026-07-24). */
@media (hover: hover) and (pointer: fine) {
    .lc-bkrow-btn:hover {
        transform: scale(1.05);
    }
}

/* ── Tablet: foto y lateral algo más estrechos ── */
@media (max-width: 992px) {
    .lc-bkrow-media { flex-basis: 185px; width: 185px; min-height: 140px; }
    .lc-bkrow-side  { flex-basis: 132px; width: 132px; }
}

/* ── Móvil: fila COMPACTA estilo Booking app (LC_FEED_MOBILE_BKLIST_V1) ──
   La página «en miniatura»: foto a la IZQUIERDA (columna fija que se estira a
   la altura de la tarjeta) y a la derecha título → [nota] Muy bien · N
   comentarios → ubicación → capacidad → precio. NADA se apila a lo alto: la
   descripción y el botón «Ver alojamiento» se ocultan (la tarjeta entera ya es
   el enlace), igual que hace Booking en su lista móvil.

   ⚠️ LEER ANTES DE TOCAR (2026-07-30). Este bloque ya NO manda en la vista
   LISTA: la pisa entera LC_FILAS_MOVIL_V2, más abajo en el archivo. Sigue vivo
   sólo para la vista TABLA, que hereda de aquí los tamaños de letra. Fueron
   TRES bloques móviles superpuestos peleándose (éste, el de Lista y el de
   Tabla) lo que hizo que la tarjeta del móvil tardara dos días en arreglarse:
   si vas a cambiar el móvil, mira los tres antes de escribir una regla. */
@media (max-width: 767px) {
    .lc-property-card {
        flex-direction: row;      /* foto izquierda, datos derecha */
        align-items: stretch;
        border-radius: 10px;
    }

    .lc-bkrow-media {
        flex: 0 0 104px;
        width: 104px;
        min-height: 108px;
        height: auto;             /* se estira a la altura del contenido */
    }

    .lc-bkrow-body {
        flex-direction: column;
        gap: 6px;
        padding: 10px 12px;
        min-width: 0;
    }

    .lc-card-title {
        font-size: 13.5px;
        line-height: 1.25;
        margin: 0 0 2px;
    }

    .lc-card-location {
        font-size: 12px;
        margin-bottom: 2px;
    }

    .lc-bkrow-desc { display: none; }   /* sin sitio en la miniatura (como Booking) */

    .lc-card-meta {
        font-size: 11.5px;
        gap: 10px;
        margin-top: 0;
    }

    /* Fila «[8,3] Muy bien · 230 comentarios» + precio a la derecha */
    .lc-bkrow-side {
        flex: 0 0 auto;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        text-align: left;
        gap: 6px 10px;
        padding: 6px 0 0;
        border-left: none;
        border-top: 0;
        margin-top: auto;         /* siempre pegada abajo de la tarjeta */
    }

    .lc-bkrow-score-wrap {
        flex-direction: row;
        align-items: center;
        gap: 6px;
    }

    .lc-bkrow-score {
        order: -1;                /* la nota DELANTE del texto, como Booking */
        min-width: 32px;
        padding: 4px 7px;
        font-size: 13px;
        border-radius: 6px 6px 6px 0;
    }

    .lc-bkrow-score--new { border-radius: 6px; font-size: 12px; padding: 3px 8px; }
    .lc-bkrow-score-label { font-size: 12px; }
    .lc-bkrow-reviews { font-size: 11px; }

    .lc-bkrow-cta {
        flex-direction: row;
        align-items: center;
        width: auto;
    }

    .lc-bkrow-btn { display: none; }    /* la tarjeta entera es el enlace */

    .lc-card-price { font-size: 15px; }

    /* ── Corazón de favoritos: EN EL MÓVIL MANDA LA FOTO ──────────────────
       La miniatura de la fila mide unos 96 px de alto. Un botón de 28 px se
       comía casi un tercio de la imagen y era lo primero que se veía. A 24 px
       sigue siendo cómodo para el pulgar (área real ≈ 24 px, por encima del
       mínimo táctil una vez el icono está centrado) y la foto se ve.
       ──────────────────────────────────────────────────────────────────── */
    .lc-bkrow-media .lc-fav-btn {
        position: absolute;
        top: 4px;
        right: 4px;
        width: 24px;
        height: 24px;
        /* ⚠️ min-height y padding a CERO: el bloque móvil del tema hijo lleva un
           `button { min-height: 44px; padding: 10px 18px }` global. Fijando solo
           width/height, el botón se estiraba a 44px de alto con 24 de ancho y el
           corazón salía en un ÓVALO (el mismo «huevo» que ya pasó en hotelscasa).
           Al ser selector de clase gana al de elemento, pero solo en lo que
           declara: lo que no se declara, lo sigue poniendo el tema. */
        min-width: 24px;
        min-height: 24px;
        padding: 0;
        line-height: 1;
        flex: 0 0 auto;
        font-size: 11px;
        /* Un pelín más oscuro: al ser pequeño necesita contraste para leerse
           sobre fotos claras. */
        background: rgba(11, 16, 20, .70);
    }
}

/* En la tira de Tabla la tarjeta mide el 40% de la pantalla: la foto baja a
   96 px de alto Y a ~140 px de ancho, así que el corazón encoge otro paso.
   Va fuera del @media de arriba a propósito: manda la vista, no el ancho. */
@media (max-width: 768px) {
    .lc-view-table .lc-bkrow-media .lc-fav-btn {
        top: 3px;
        right: 3px;
        width: 21px;
        height: 21px;
        min-width: 21px;
        min-height: 21px;   /* contra el `button{min-height:44px}` del tema */
        padding: 0;
        line-height: 1;
        font-size: 10px;
    }
}

.lc-load-more {
    text-align: center;
    margin-top: 22px;
}

.lc-load-more-btn {
    min-width: 200px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 28px;
    background: #E2C48E;
    color: #1a1f24;
    border: none;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: background .2s ease, transform .1s ease, box-shadow .2s ease;
    box-shadow: 0 6px 18px rgba(226, 196, 142, .25);
}

.lc-load-more-btn:hover {
    background: #d4b377;
    box-shadow: 0 8px 22px rgba(226, 196, 142, .35);
}

.lc-load-more-btn:active {
    transform: translateY(1px);
}

.lc-load-more-btn:disabled {
    opacity: .65;
    cursor: default;
    box-shadow: none;
}

/* Spinner oscuro sobre el botón dorado */
.lc-load-more-btn .lc-loading-spinner {
    border-color: rgba(26, 31, 36, .35);
    border-top-color: #1a1f24;
}

.lc-no-properties {
    padding: 24px;
    text-align: center;
    color: #C2C2C2;
    background: #1a1f24;
    border-radius: 16px;
    border: 1px solid #505050;
}

/* LC_FEED_EMPTY_EXPEDIA_V2 — barra estrecha propia (una línea) cuando no hay objetos */
/* Aviso «truco» sobre la barra de Booking: parece una validación (el huésped
   habría olvidado indicar fumador/no fumador) para que no parezca que no hay nada. */
.lc-feed-empty-warn {
    max-width: 970px;
    margin: 4px auto 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: rgba(240, 180, 60, .12);
    border: 1px solid rgba(240, 180, 60, .5);
    border-radius: 10px;
    color: #f4d58a;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
}
.lc-feed-empty-warn i { color: #f0b43c; font-size: 18px; flex: 0 0 auto; }
/* Los estilos del dropdown .lc-city-ac los inyecta el propio lc-city-autocomplete.js
   (así funcionan también donde no se carga este CSS, p.ej. el bar superior en la home). */

.lc-exp-mini-wrap {
    width: 100%;
    margin: 4px 0;
}
.lc-exp-mini {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;
    padding: 12px 14px;
    /* Fondo OPACO y con azul ≥46 para que el «guardián» de puntos del tema (que vacía
       en transparent los bloques anchos con los 3 canales <46) NO lo transparente →
       las «blёстки» del fondo ya no se cuelan por el mini-bar. */
    background: #1c2230;
    border: 1px solid rgba(226, 196, 142, .28);
    border-radius: 4px;
}
.lc-exp-mini-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1 1 120px;
    min-width: 100px;
}
.lc-exp-mini-field.lc-exp-mini-dest {
    flex: 2 1 200px;
}
.lc-exp-mini-field.lc-exp-mini-num {
    flex: 0 1 90px;
    min-width: 78px;
}
.lc-exp-mini-field label {
    color: #E2C48E;
    font-size: 12px;
    font-weight: 600;
}
.lc-exp-mini-field input,
.lc-exp-mini-field select {
    width: 100%;
    box-sizing: border-box;
    padding: 9px 10px;
    background: #0B1014;
    border: 1px solid rgba(226, 196, 142, .22);
    border-radius: 4px;
    color: #F5F5F5;
    font-size: 14px;
    color-scheme: dark;
}
/* Botón redondo con lupa (igual que .lc-search-submit--icon del search bar) */
.lcxm-go {
    flex: 0 0 auto;
    align-self: flex-end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    background: #E2C48E;
    color: #1a1f24;
    border: none;
    border-radius: 50%;
    font-size: 17px;
    cursor: pointer;
    transition: filter .2s ease, transform .2s ease;
}
.lcxm-go:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
}
@media (max-width: 640px) {
    .lc-exp-mini-field,
    .lc-exp-mini-field.lc-exp-mini-dest,
    .lc-exp-mini-field.lc-exp-mini-num {
        flex: 1 1 100%;
    }
    .lcxm-go {
        align-self: center;
    }
}

.lc-loading-spinner {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid rgba(226,196,142,.35);
    border-top-color: #E2C48E;
    border-radius: 50%;
    vertical-align: middle;
    animation: lcSpin 1s linear infinite;
}

@keyframes lcSpin {
    to { transform: rotate(360deg); }
}

/* Sentinela de carga infinita (queda al final del feed). */
.lc-feed-sentinel {
    height: 1px;
    width: 100%;
}


/* ══════════════════════════════════════════════════════════════════════
   LC_FILAS_MOVIL_V3 (2026-07-30, orden del dueño) — FOTO A LA IZQUIERDA Y
   NADA OCULTO.

   V1 (29-jul) era la fila del widget del sidebar: foto de 108×76 a la DERECHA
   y sólo título + ciudad. Para que cupiera escondía la descripción, los iconos
   de aforo, el rótulo de la nota, los comentarios y el botón — o sea, casi
   todo lo que hace que alguien pulse la tarjeta.

   V2 (30-jul) los devolvió apilando la tarjeta con la foto arriba a todo el
   ancho. Dos problemas, ambos ciertos: la foto cambiaba de sitio respecto al
   escritorio, y salía BORROSA — la tarjeta pide la imagen en tamaño `medium`
   (300 px de lado, ver lc_property_feed_get_images), y estirada a 390 px de
   pantalla se ve blanda. En una columna estrecha esa misma foto es nítida.

   V3 junta las dos cosas: foto a la IZQUIERDA en columna fija de 118 px que
   se estira a la altura de la tarjeta, y a la derecha TODO el contenido —
   título, ubicación, descripción, iconos, nota, comentarios, precio y botón.
   Lo que no cabe en una línea baja a la siguiente; no se oculta nada.

   ⚠️ Si algún día se quiere la foto grande arriba, hay que pedir antes otro
   tamaño de imagen en el PHP (`large` en vez de `medium`) o volverá el
   borrón: no es un problema de CSS.

   Sigue siendo sólo la vista LISTA: la TABLA en el móvil es el carrusel de
   2,5 tarjetas del bloque de abajo. De ahí el :not(.lc-view-table).
   ══════════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {

    .lc-property-feed:not(.lc-view-table) .lc-property-card {
        display: flex !important;
        flex-direction: row !important;
        /* ⚠️ stretch, NO center ni flex-start: es lo que hace que la columna de
           la foto llegue de arriba abajo de la tarjeta. Con center o flex-start
           la foto mide sólo su contenido y queda flotando en medio. */
        align-items: stretch !important;
        gap: 0 !important;
        /* Vuelve el fondo de tarjeta. El 48 del canal azul es obligatorio: el
           guardián del tema (lc-bg-dotmatrix.js) vacía con `transparent` inline
           cualquier bloque ancho cuyos TRES canales bajen de 46. */
        background: rgba(33, 39, 48, 0.92) !important;
        border: 1px solid #505050 !important;
        border-radius: 12px !important;
        border-bottom: 1px solid #505050 !important;
        box-shadow: none !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    /* Columna de la foto: ancho fijo, alto el de la tarjeta. `height:auto` +
       `align-self:stretch` en vez de una altura fija, para que crezca con el
       texto y no deje franja beige debajo. */
    .lc-property-feed:not(.lc-view-table) .lc-bkrow-media {
        flex: 0 0 118px !important;
        width: 118px !important;
        height: auto !important;
        min-height: 150px !important;
        align-self: stretch !important;
        border-radius: 0 !important;
        overflow: hidden !important;
    }

    .lc-property-feed:not(.lc-view-table) .lc-bkrow-body {
        display: flex !important;
        flex: 1 1 auto !important;
        flex-direction: column !important;
        min-width: 0 !important;
        gap: 0 !important;
        padding: 10px 12px !important;
    }

    .lc-property-feed:not(.lc-view-table) .lc-bkrow-main {
        display: flex !important;
        flex-direction: column !important;
        min-width: 0 !important;
    }

    .lc-property-feed:not(.lc-view-table) .lc-card-title {
        font-size: 14.5px !important;
        line-height: 1.25 !important;
        margin: 0 0 3px !important;
    }

    .lc-property-feed:not(.lc-view-table) .lc-card-location {
        font-size: 11.5px !important;
        margin: 0 0 6px !important;
    }

    /* Todo lo que V1 escondía vuelve a la vista. */
    .lc-property-feed:not(.lc-view-table) .lc-bkrow-desc {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        margin: 0 0 8px !important;
    }

    .lc-property-feed:not(.lc-view-table) .lc-card-meta {
        display: flex !important;
        flex-wrap: wrap !important;
        font-size: 11.5px !important;
        gap: 10px !important;
        margin: 0 !important;
    }

    /* Pie de la tarjeta: nota a la izquierda, precio y botón a la derecha.
       `flex-wrap` porque «Muy bien · 59 comentarios» + «Precio a consultar» +
       botón no siempre caben en una línea de 360 px: si no cabe, baja, no se
       corta. */
    .lc-property-feed:not(.lc-view-table) .lc-bkrow-side {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px 12px !important;
        width: 100% !important;
        flex: 0 0 auto !important;
        text-align: left !important;
        padding: 10px 0 0 !important;
        margin: 12px 0 0 !important;
        border: 0 !important;
        border-top: 1px solid rgba(255, 255, 255, .07) !important;
    }

    .lc-property-feed:not(.lc-view-table) .lc-bkrow-score-wrap {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 6px !important;
        margin: 0 !important;
    }

    .lc-property-feed:not(.lc-view-table) .lc-bkrow-score {
        order: -1;                    /* la nota delante del rótulo */
        font-size: 13px !important;
        min-width: 30px !important;
        padding: 3px 7px !important;
    }

    .lc-property-feed:not(.lc-view-table) .lc-bkrow-score-label,
    .lc-property-feed:not(.lc-view-table) .lc-bkrow-reviews {
        display: inline !important;
    }

    .lc-property-feed:not(.lc-view-table) .lc-bkrow-score-label { font-size: 12.5px !important; }
    .lc-property-feed:not(.lc-view-table) .lc-bkrow-reviews     { font-size: 11px !important; }

    .lc-property-feed:not(.lc-view-table) .lc-bkrow-cta {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .lc-property-feed:not(.lc-view-table) .lc-card-price {
        font-size: 15px !important;
        white-space: nowrap !important;
        margin: 0 !important;
    }

    .lc-property-feed:not(.lc-view-table) .lc-card-price--ask {
        font-size: 12px !important;
        white-space: normal !important;
        text-align: right !important;
        line-height: 1.15 !important;
    }

    /* El botón vuelve: era lo único que decía qué pasa al pulsar. */
    .lc-property-feed:not(.lc-view-table) .lc-bkrow-btn {
        display: inline-block !important;
        padding: 6px 12px !important;
        font-size: 12.5px !important;
    }

    /* La columna de la foto mide 118×150 como mínimo: el corazón cabe a 26 px
       sin comerse la imagen (a 30 se notaba encima de fotos claras). */
    .lc-property-feed:not(.lc-view-table) .lc-bkrow-media .lc-fav-btn {
        top: 6px !important;
        right: 6px !important;
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        min-height: 26px !important;
        font-size: 12px !important;
    }
}

/* ══════════════════════════════════════════════════════════════════════
   LC_TABLA_25_V1 (2026-07-29, orden del dueño) — LA VISTA TABLA EN EL
   MOVIL ES UN CARRUSEL HORIZONTAL: 2,5 tarjetas a la vista, la media
   cortada invita a deslizar. Asi el conmutador Lista/Tabla vuelve a
   significar algo en el telefono: Lista = filas de sidebar, Tabla = este
   carrusel.
   ══════════════════════════════════════════════════════════════════════ */
/* Frontera 980px: la MISMA que usa el resto de la pagina para dejar de ser
   escritorio (ahi el sidebar pasa a ir debajo del feed). Antes estaba en 768 y
   en pantallas intermedias no entraba ninguna regla movil: la tarjeta se
   quedaba con los estilos de escritorio — ancha y sin precio. */
@media (max-width: 980px) {

    /* ══════════════════════════════════════════════════════════════════════
       UNA FILA POR LOTE, NO UNA LINEA INFINITA (2026-07-30, orden del dueño:
       «Cargar más alarga la tira y ya está»).

       El PHP entrega cada lote envuelto en su propia `.lc-feed-strip` (ver
       lc_property_feed_load_more), y el JS la añade al final de la parrilla.
       Antes la parrilla era el carrusel y las tiras tenían `display:contents`:
       todos los lotes desembocaban en la MISMA línea, así que pulsar «Cargar
       más» solo hacía la línea más larga — había que deslizar sin fin para
       llegar a lo nuevo.

       Ahora manda la tira: la parrilla vuelve a ser un bloque normal (las
       filas se apilan) y CADA lote es su propio carrusel de 2,5 tarjetas. Un
       toque en «Cargar más» = una fila nueva DEBAJO, a la vista.
       ══════════════════════════════════════════════════════════════════════ */
    .lc-view-table .lc-properties-grid {
        display: block !important;
        overflow: visible !important;
    }

    .lc-view-table .lc-feed-strip {
        display: flex !important;
        flex-wrap: nowrap !important;
        flex-direction: row !important;
        gap: 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        margin-bottom: 14px !important;
        -webkit-overflow-scrolling: touch;

        /* ── POR QUE ESTAS TRES LINEAS (2026-07-30, «no se mueven las tarjetas»)
           1) touch-action: el dedo tiene permiso EXPLICITO para arrastrar en
              horizontal aqui. Si un ancestro limita el gesto (o lo limita el
              `overflow-x:hidden` que el tema pone en html/body), la tira se
              queda quieta y parece rota.
           2) overscroll-behavior-x: contain — en Android, un arrastre
              horizontal se lo queda el navegador como gesto «atras». Con esto
              el gesto se queda DENTRO de la tira.
           3) snap de «proximity», no «mandatory»: el obligatorio pelea con el
              dedo cuando el arrastre es corto y da la sensación de estar
              pegado. Con proximity acompaña y luego encaja.
           ─────────────────────────────────────────────────────────────────── */
        touch-action: pan-x pan-y;   /* horizontal EN la tira y vertical para la pagina */
        overscroll-behavior-x: contain;
        scroll-snap-type: x proximity;

        /* ⚠️ align-items: flex-start (2026-07-30, «tarjetas enormes y vacías»).
           En una fila flex, por defecto TODOS los vagones se estiran a la altura
           del más alto — y el más alto es el banner intercalado. Las tarjetas
           salían de media pantalla de alto con un hueco vacío debajo del texto,
           y el precio quedaba al fondo, fuera de la vista. Cada tarjeta mide
           ahora lo que mide su contenido. */
        align-items: flex-start !important;

        /* Barra fina VISIBLE: en el móvil nadie adivina que una tira se desliza
           si no se ve nada. Y sirve de diagnóstico: si la barra NO aparece, la
           tira no desborda y entonces el problema no es el gesto del dedo. */
        scrollbar-width: thin;
        scrollbar-color: rgba(226, 196, 142, .55) transparent;

        padding-bottom: 6px !important;
    }

    /* ⚠️ EN UNA FILA SOLO VAN TARJETAS (2026-07-30, «entre el primer y el
       segundo grupo hay un vacío»). En flex la fila crece hasta su hijo MÁS
       ALTO, y basta con que se cuele ahí un elemento invisible pero alto
       (un hueco de publicidad vacío, un contenedor de carga, un resto de otro
       módulo) para que aparezca media pantalla en blanco bajo unas tarjetas
       de 180px. El PHP solo mete tarjetas en la tira; esto asegura que, si
       algún día se cuela otra cosa, no vuelva a estirar la fila. */
    .lc-view-table .lc-feed-strip > *:not(.lc-property-card) {
        display: none !important;
    }

    /* ⚠️ ANCHO EN vw, NO EN % (2026-07-30). Con `40%` la tarjeta salía a todo
       el ancho en el móvil del dueño: un porcentaje se mide contra el
       contenedor, y en una tira con overflow ese contenedor puede acabar
       midiendo lo que mide su CONTENIDO. `vw` se mide contra la PANTALLA, así
       que 42vw son 42% de pantalla pase lo que pase con los padres.

       Se apunta a la tarjeta Y a cualquier hijo directo de la fila: si algún
       lote de tarjetas llega con otra clase, sigue midiendo lo mismo. */
    .lc-view-table .lc-feed-strip > .lc-property-card,
    .lc-view-table .lc-feed-strip > *:not(.lc-feed-banner) {
        flex: 0 0 42vw !important;
        width: 42vw !important;
        max-width: 42vw !important;
        min-width: 0 !important;
        scroll-snap-align: start;
        flex-direction: column !important;
        border-radius: 12px !important;
    }

    .lc-view-table .lc-bkrow-media {
        flex: 0 0 auto !important;
        width: 100% !important;
        height: 96px !important;
        min-height: 0 !important;
    }

    .lc-view-table .lc-bkrow-body {
        /* ⚠️ column EXPLÍCITO (2026-07-30). El cuerpo tiene dos hijos —datos y
           columna de precio— y en escritorio van en fila. Aquí deben apilarse.
           Antes eso lo daba de rebote el bloque de 767px, así que entre 768 y
           980 px la tarjeta de la Tabla salía con el precio pegado al lado del
           título. Se declara donde toca y deja de depender de otro bloque. */
        display: flex !important;
        flex-direction: column !important;
        padding: 8px 10px 4px !important;
        min-width: 0 !important;
    }

    /* Titulo a DOS lineas como maximo: con tres, la tarjeta de al lado deja de
       cuadrar y la tira se ve descolocada. La ciudad, una linea y sin cortar
       palabras a medias. */
    .lc-view-table .lc-card-title {
        font-size: 13px !important;
        line-height: 1.2 !important;
        margin: 0 0 3px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden !important;
    }

    .lc-view-table .lc-card-location {
        font-size: 11px !important;
        margin: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* El sentinela del scroll infinito y el boton «Cargar mas» viven DENTRO de
       la parrilla: en una tira horizontal se colarian como vagones vacios —
       ese hueco enorme que se veia bajo la tarjeta. Aqui se les quita el
       ancho de tarjeta. */
    .lc-view-table .lc-feed-sentinel,
    .lc-view-table .lc-load-more {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }

    /* ⚠️ EL BANNER VA ENTRE FILAS, NUNCA DENTRO DE UNA (2026-07-30, «bajo y
       subo y hay un vacío»). Metido en la fila era un vagón MUY alto: en flex
       la línea entera crece hasta el más alto, así que bajo las tarjetas
       quedaba media pantalla vacía. Ahora la parrilla es un bloque, el banner
       es un bloque más entre tira y tira, y cada fila mide lo que miden sus
       tarjetas. */
    .lc-view-table .lc-feed-banner {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 14px !important;
        text-align: center;
    }

    .lc-view-table .lc-feed-banner img,
    .lc-view-table .lc-feed-banner iframe {
        max-width: 100% !important;
        height: auto !important;
    }

    /* ── QUE SE VE EN UNA TARJETA DE 40% (LC_TABLA_25_V2, 2026-07-30) ──────
       La primera versión escondía `.lc-bkrow-cta` entero — y AHÍ DENTRO vive
       el precio (y el «Precio a consultar»). La tarjeta se quedaba con foto,
       título y ciudad: parecía vacía, y una tarjeta sin precio ni nota no
       vende. Queja del dueño, con razón.

       Se queda lo que decide una compra: foto, título, ciudad, NOTA y PRECIO.
       Se va lo que no cabe o es redundante: el párrafo de descripción, la
       fila de iconos (huéspedes/camas/baños), el rótulo «Excelente», el
       «15 comentarios» y el botón «Ver detalles» — la tarjeta entera ya es
       el enlace.
       ──────────────────────────────────────────────────────────────────── */
    .lc-view-table .lc-bkrow-desc,
    .lc-view-table .lc-card-meta,
    .lc-view-table .lc-bkrow-btn,
    .lc-view-table .lc-bkrow-score-label,
    .lc-view-table .lc-bkrow-reviews {
        display: none !important;
    }

    /* La columna derecha de la fila pasa a ser una LINEA bajo el título:
       nota a la izquierda, precio a la derecha. Sin esto hereda el ancho fijo
       de la vista Lista y el precio sale cortado o debajo del borde. */
    .lc-view-table .lc-bkrow-side {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 6px !important;
        width: auto !important;
        flex: 0 0 auto !important;
        padding: 0 10px 9px !important;
        margin: 0 !important;
        border: 0 !important;
    }

    .lc-view-table .lc-bkrow-score-wrap {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
    }

    /* Nota y precio, a escala de la tarjeta pequeña. */
    .lc-view-table .lc-bkrow-score {
        font-size: 11px !important;
        padding: 2px 5px !important;
        min-width: 0 !important;
    }

    .lc-view-table .lc-bkrow-cta {
        display: block !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .lc-view-table .lc-card-price {
        font-size: 13px !important;
        white-space: nowrap !important;
        margin: 0 !important;
    }

    /* «Precio a consultar» es texto, no cifra: en 40% de ancho necesita dos
       líneas o se corta a la mitad. */
    .lc-view-table .lc-card-price--ask {
        font-size: 10.5px !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        text-align: right !important;
    }
}