/* ══ LISTADO 1 · BN — CSS del porte de la maqueta firmada (26-sep-2026) al motor · 27-sep-2026
   Derivado de `maquetas_firmadas_2026-09-26/listado_1.html` (bloque <style>, líneas 44-146), TODO
   scopeado a #listado. ⛔ Sin barra ni pie: los pone head.tpl.php / foot.tpl.php.
   🔑 El hueco bajo la barra fija usa el MISMO token del head (`--bn-alto-barra`): un solo número.
   Se carga desde bodylist.tpl.php. El anterior (listado_bn.css) queda de respaldo, no se carga. */
#listado{--az:#13358c;--az9:#0a1d4d;--az05:#eef1fa;--rojo:#c81d25;--rojo7:#a3161d;
 --tinta:#1b2540;--cuerpo:#394050;--gris:#6a7386;--linea:#e3e7f0;--suave:#f6f7fb;
 --font:"Montserrat",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
 font-family:var(--font);color:var(--tinta);background:#fff;display:block;padding-top:var(--bn-alto-barra,64px)}
#listado,#listado *{box-sizing:border-box}
#listado a{color:inherit}
#listado h1,#listado h2,#listado p{margin:0}
.in{max-width:1280px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem)}


#listado .lb{padding-top:18px}
#listado .lb form{display:grid;gap:6px}
#listado .r1,#listado .r2,#listado .r3{display:flex;align-items:center;gap:6px;border:1px solid var(--linea);border-radius:4px;padding:6px;background:#fff}
#listado .r3[hidden]{display:none}
#listado .seg{display:inline-flex;background:var(--suave);border-radius:4px;padding:3px;flex:none}
#listado .seg button{border:0;background:none;font:inherit;font-size:12.5px;font-weight:700;color:var(--gris);padding:7px 13px;border-radius:3px;cursor:pointer}
#listado .seg button.on{background:var(--az);color:#fff}
#listado .seg button:not(.on):hover{color:var(--tinta)}
#listado .seg button:focus-visible{outline:2px solid var(--az);outline-offset:2px}
#listado .q{flex:1;min-width:0;display:flex;align-items:center;gap:7px;padding:0 8px;height:40px;border-left:1px solid var(--linea);margin-left:4px}
#listado .q svg{color:var(--gris);flex:none}
#listado .q input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:14px;color:var(--tinta);background:none}
#listado .q input::placeholder{color:#9aa3b8}
#listado .fx{position:relative;flex:1;min-width:0}
#listado .r2 .fx+.fx,#listado .r3 .fx+.fx{border-left:1px solid var(--linea)}
#listado .r2 .fx.zona{flex:1.25}#listado .r2 .fx.pr{flex:.8}
#listado .fx label{position:absolute;top:4px;left:12px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gris);pointer-events:none}
#listado .fx select,#listado .fx input{width:100%;height:40px;padding:15px 26px 3px 12px;border:0;background-color:transparent;font:inherit;font-size:13px;font-weight:600;color:var(--tinta);outline:0;appearance:none;-webkit-appearance:none;cursor:pointer;border-radius:3px}
#listado .fx select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%236a7386' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}
#listado .fx input{cursor:text}
#listado .fx input::placeholder{color:#9aa3b8;font-weight:500}
#listado .fx.gris{opacity:.5}
#listado .fx:hover select:not(:disabled),#listado .fx:hover input{background-color:var(--suave)}
#listado .fx select:focus-visible,#listado .fx input:focus-visible,#listado .q:focus-within{box-shadow:inset 0 0 0 2px var(--az)}
#listado .go{flex:none;border:0;font:inherit;font-size:14px;font-weight:800;color:#fff;background:var(--rojo);height:40px;padding:0 26px;border-radius:4px;cursor:pointer}
#listado .go:hover{background:var(--rojo7)}
#listado .go:focus-visible{outline:2px solid var(--az);outline-offset:2px}
#listado .mas{flex:none;display:inline-flex;align-items:center;gap:6px;border:0;border-left:1px solid var(--linea);background:none;font:inherit;font-size:12.5px;font-weight:700;color:var(--az);height:40px;padding:0 12px 0 16px;cursor:pointer;white-space:nowrap}
#listado .mas:hover{color:var(--az9)}
#listado .mas:focus-visible{outline:2px solid var(--az);outline-offset:2px;border-radius:3px}
#listado .mas svg{transition:transform .2s}
#listado .mas[aria-expanded="true"] svg{transform:rotate(180deg)}
#listado .limpiar{flex:none;border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--gris);padding:0 12px;height:40px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#listado .limpiar:hover{color:var(--tinta)}


#listado .lr{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-top:22px;padding-bottom:14px}
#listado .lr h1{margin:0;font-size:1.05rem;font-weight:700;color:var(--tinta)}
#listado .lr h1 span{font-weight:500;color:var(--gris);margin-left:.35rem}
#listado .ord{position:relative;display:flex;align-items:baseline;gap:.35rem;font-size:.82rem;color:var(--gris)}
#listado .ord select{font:inherit;font-size:.82rem;font-weight:700;color:var(--tinta);border:0;background:none;padding:2px 16px 2px 2px;cursor:pointer;appearance:none;-webkit-appearance:none;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%231b2540' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 2px center;border-radius:3px}
#listado .ord select:focus-visible{outline:2px solid var(--az);outline-offset:2px}


#listado .lg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}
#listado .lc{min-width:0}
#listado .lc-f{position:relative;aspect-ratio:1;border-radius:4px;overflow:hidden;background:var(--suave)}
#listado .lc-t{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
#listado .lc-t::-webkit-scrollbar{display:none}
#listado .lc-t img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start;display:block;user-select:none}
#listado .lc-d{position:absolute;left:0;right:0;bottom:9px;display:flex;justify-content:center;gap:5px;pointer-events:none}
#listado .lc-d i{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.55)}
#listado .lc-d i.on{background:#fff}
#listado .lc-a{position:absolute;top:50%;translate:0 -50%;width:30px;height:30px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--tinta);font:700 20px/1 var(--font);padding:0 0 3px;cursor:pointer;opacity:0;transition:opacity .15s;display:none}
#listado .lc-a.ant{left:8px}#listado .lc-a.sig{right:8px}
@media(hover:hover) and (pointer:fine){#listado .lc-a{display:block}#listado .lc-f:hover .lc-a{opacity:1}#listado .lc-f:hover .lc-a[disabled]{opacity:0}}
#listado .lc-x{display:grid;gap:2px;padding-top:11px;text-decoration:none}
#listado .lc-x b{font-size:1.08rem;font-weight:800;color:var(--tinta);letter-spacing:-.01em}
#listado .lc-x span{font-size:.88rem;font-weight:500;color:var(--cuerpo)}
#listado .lc-x small{font-size:.78rem;color:var(--gris);margin-top:1px}
#listado .lc-x:hover span{color:var(--az)}
#listado .lc-x:focus-visible{outline:2px solid var(--az);outline-offset:3px;border-radius:2px}


#listado .pg{display:flex;justify-content:center;align-items:center;gap:6px;padding:44px 0 56px;font-size:.88rem}
#listado .pg a,#listado .pg span{min-width:38px;height:38px;display:grid;place-items:center;border-radius:4px;text-decoration:none;font-weight:600;color:var(--cuerpo);padding:0 10px}
#listado .pg a:hover{background:var(--suave);color:var(--tinta)}
#listado .pg span[aria-current]{background:var(--az);color:#fff}
#listado .pg .sg{font-weight:700;color:var(--az)}
#listado .pg a:focus-visible{outline:2px solid var(--az);outline-offset:2px}

@media(max-width:1079px){#listado .lg{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media(max-width:760px){
#listado .lb{padding-top:12px}
#listado .lb form{display:flex;flex-wrap:wrap;gap:6px;border:1px solid var(--linea);border-radius:4px;padding:6px}
#listado .r1,#listado .r2,#listado .r3,#listado .r3[hidden]{display:contents}
#listado .q{flex:1 1 calc(100% - 110px);order:1;border-left:0;margin:0;background:var(--suave);border-radius:4px;height:42px}
#listado .go{order:2;height:42px;padding:0 16px}
#listado .seg{order:3}
#listado .mas{order:4;margin-left:auto;border-left:0;padding:0 6px}
#listado .fx{display:none;order:5;flex:1 1 calc(50% - 3px);border:1px solid var(--linea)!important;border-radius:4px}
#listado .lb form.open .fx{display:block}
#listado .limpiar{display:none;order:6}
#listado .lb form.open .limpiar{display:block;margin-left:auto}
#listado .lb .fx{flex:1 1 calc(50% - 3px)!important}
#listado .lr{padding-top:16px;padding-bottom:10px}
#listado .lr h1{font-size:.95rem;white-space:nowrap}
#listado .ord{flex:none}
#listado .ord>span{display:none}
#listado .lg{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
#listado .lc-x{padding-top:8px}
#listado .lc-x b{font-size:.98rem}
#listado .lc-x span{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#listado .lc-x small{font-size:.72rem}
#listado .pg{padding:30px 0 40px}
}
@media(max-width:360px){#listado .fx select,#listado .fx input{font-size:12px;padding-left:10px;padding-right:22px}#listado .fx label{left:10px}#listado .seg button{padding:7px 10px;font-size:12px}#listado .mas{font-size:12px;padding:0 2px!important}#listado .lr{gap:.5rem}#listado .lr h1{font-size:.8rem}#listado .ord select{font-size:.72rem;padding-right:13px}}
/* ── Extras del porte ── */
#listado .seg a{display:inline-block;border:0;background:none;font:inherit;font-size:12.5px;font-weight:700;color:var(--gris);padding:7px 13px;border-radius:3px;text-decoration:none}
#listado .seg a.on{background:var(--az);color:#fff}
#listado .seg a:not(.on):hover{color:var(--tinta)}
#listado .lc-t img.dif{background:var(--suave)}
#listado .lc-x b small{font-size:.78rem;font-weight:600;color:var(--gris)}
#listado .vacio{padding:40px 0;max-width:60ch}
#listado .vacio p{margin:0 0 .6rem;color:var(--cuerpo)}
#listado .vacio a{color:var(--az);font-weight:700}
#listado .seguir{padding:8px 0 40px;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
#listado .seguir h2{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);margin-bottom:8px}
#listado .seguir ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
#listado .seguir a{font-size:.82rem;font-weight:600;color:var(--cuerpo);background:var(--suave);padding:6px 10px;border-radius:4px;text-decoration:none}
#listado .seguir a span{color:var(--gris);font-weight:500;margin-left:4px}
#listado .seguir a:hover{color:var(--az)}
#listado .cat-intro-text{padding:0 0 40px;max-width:80ch;font-size:.88rem;line-height:1.6;color:var(--gris)}
#listado .pg .off{color:#b8c1d6}
@media(max-width:760px){#listado .seguir{grid-template-columns:1fr;padding-bottom:28px}}
/* El tema viejo (head.tpl.php) le pone `header{height:100%}` a todo header: el del listado no tiene hero, así que no reserva nada. (0,1,1) y esta hoja carga después: gana sin !important. */
body header.categorias,body header.resultados{height:auto;min-height:0}
/* cel: el título del listado real es más largo que el de la maqueta («Casas en venta en Nicaragua»): se deja partir en 2 líneas y el Ordenar no se sale */
@media(max-width:760px){#listado .lr{flex-wrap:wrap;align-items:center}#listado .lr h1{white-space:normal;flex:1 1 60%}#listado .ord{flex:none;max-width:40%}#listado .ord select{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* ── 27-sep noche · Oliver en el cel: menos aire entre bloques ── */
@media(max-width:760px){
#listado .pg{padding:16px 0 20px}
#listado .seguir{padding:0 0 14px}
#listado .cat-intro-text{padding-bottom:18px}
}
@media(max-width:760px){#listado section{margin-top:0}}
/* cel · escala de letras pareja con la ficha (27-sep noche) */
@media(max-width:760px){
#listado .lr h1{font-size:1.06rem}
#listado .ord select{font-size:.88rem}
#listado .lc-x b{font-size:1.06rem}
#listado .lc-x span{font-size:.9rem}
#listado .lc-x small{font-size:.84rem}
#listado .seg a,#listado .seg button,#listado .mas{font-size:.85rem}
#listado .seguir h2{font-size:.8rem}
#listado .seguir a{font-size:.88rem}
#listado .cat-intro-text{font-size:.94rem}
}

/* ── 28-sep · Oliver en ESCRITORIO: menos aire entre bloques ── */
@media(min-width:761px){
#listado section{margin-top:0}
#listado .pg{padding:24px 0 28px}
#listado .seguir{padding:8px 0 24px}
#listado .cat-intro-text{padding-bottom:12px}
}

/* 28-sep · SEO: el conteo se dibuja por CSS, así el H1 queda «Casas en venta en Nicaragua» (antes se leía «…Nicaragua30») */
#listado .lr h1 span::after{content:attr(data-n)}

/* ═══ 28-sep · Tipo y Zona con casillas (varios a la vez). Mismo aspecto que el select de al lado. ═══ */
#listado .fx.mc .mcb{width:100%;height:40px;padding:15px 26px 3px 12px;border:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%236a7386' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;font:inherit;font-size:13px;font-weight:600;color:var(--tinta);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;border-radius:3px;outline:0}
#listado .fx.mc:hover .mcb{background-color:var(--suave)}
#listado .fx.mc .mcb:focus-visible{box-shadow:inset 0 0 0 2px var(--az)}
#listado .mcp{position:absolute;z-index:60;top:calc(100% + 6px);left:0;width:min(300px,88vw);background:#fff;border:1px solid var(--linea);border-radius:8px;box-shadow:0 14px 34px rgba(10,29,77,.16);overflow:hidden}
#listado .mcp.der{left:auto;right:0}
#listado .mcp[hidden]{display:none}
#listado .mcl{max-height:300px;overflow:auto;padding:4px}
#listado .fx label.mcr{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:6px;font-size:14px;font-weight:600;color:var(--tinta);cursor:pointer;white-space:nowrap;position:static;text-transform:none;letter-spacing:0;pointer-events:auto}
#listado .fx label.mcr:hover{background:var(--suave)}
#listado .fx label.mcr input{width:16px!important;height:16px!important;padding:0!important;margin:0;border:0!important;flex:none;accent-color:var(--az);cursor:pointer;appearance:auto;-webkit-appearance:checkbox;background:none!important}
#listado .fx label.mcr b{margin-left:auto;font-size:12px;font-weight:600;color:var(--gris)}
#listado .mcf{display:flex;gap:7px;padding:8px;border-top:1px solid var(--linea);background:var(--suave)}
#listado .mcf button{flex:1;border:1px solid var(--linea);font:inherit;font-size:13px;font-weight:700;padding:8px;border-radius:6px;cursor:pointer;background:#fff;color:var(--tinta)}
#listado .mcf .b{background:var(--az);border-color:var(--az);color:#fff}

/* ═══ 28-sep (Oliver): «en las listas replicar el tamaño, títulos e íconos de las del home · 12, 3 filas de 4».
   La tarjeta .lc5 copia la de Residencial/Comercial del home (medida en el render): foto 4:5, precio + zona,
   íconos debajo, título general y pie. Mismo ancho que el home: 4 × --cw + 3 × 16px, centrado. ═══ */
#listado{--cw:min(391px,calc((100vw - 80px - 48px)/4));--ch:calc(var(--cw)*5/4)}
#listado .lc5{display:flex;flex-direction:column;background:#fff;border:1px solid #dde3f0;border-radius:4px;box-shadow:0 1px 2px rgba(10,29,77,.05);overflow:hidden}
#listado .lc5 .lc-f{aspect-ratio:4/5;border-radius:0;background:#fff}
#listado .lc5 .lc-x{display:flex;flex-direction:column;flex:1;padding:0;gap:0;text-decoration:none}
#listado .lc5 .lc-x span,#listado .lc5 .lc-x small{font-size:inherit;font-weight:inherit;color:inherit;margin:0;white-space:normal;overflow:visible}
#listado .lc5 .lc-c1{display:flex;align-items:baseline;gap:8px;padding:9px 13.6px 0;font-size:13.76px;font-weight:600;color:#566072;min-width:0}
#listado .lc5 .lc-c1 b{font-size:16.32px;font-weight:800;color:#1b2540;white-space:nowrap;flex:none;letter-spacing:0}
#listado .lc5 .lc-c1 b small{font-size:.8em;font-weight:700;color:#1b2540}
#listado .lc5 .lc-c1>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#listado .lc5 .lc-sp{display:flex;flex-wrap:wrap;gap:4px 13.6px;margin-top:6.4px;padding:0 13.6px;min-height:20px}
#listado .lc5 .lc-sp>span{display:flex;align-items:center;gap:5px;font-size:12.8px;font-weight:700;color:#394050}
#listado .lc5 .lc-sp svg{width:15px;height:15px;color:#13358c;flex:none}
#listado .lc5 .lc-pie{display:flex;flex-direction:column;gap:1.6px;margin:8.8px 13.6px 0;padding:8.8px 0 12.8px;border-top:1px solid #dde3f0;margin-top:auto}
#listado .lc5 .lc-sp{margin-bottom:8.8px}
#listado .lc5 .lc-pie .lc-nom{font-size:19.6px;font-weight:800;color:#1b2540;letter-spacing:-.01em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#listado .lc5 .lc-pie .lc-n{font-size:13.44px;font-weight:600;color:#6b7280;line-height:1.3}
#listado .lc5 .lc-n i{font-style:normal}
#listado .lc5 .lc-n u{color:#13358c;text-underline-offset:2px}
#listado .lc5 .lc-x:hover .lc-nom{color:#13358c}
#listado .lc5 .lc-x:focus-visible{outline:2px solid #13358c;outline-offset:-2px}
@media(min-width:900px){
  #listado .in{max-width:calc(var(--cw)*4 + 48px)!important;padding-left:0!important;padding-right:0!important}
  #listado .lg{grid-template-columns:repeat(4,var(--cw))!important;gap:24px 16px!important;justify-content:center}
  #listado .lc5 .lc-f{aspect-ratio:auto;height:var(--ch)}
}
@media(min-width:600px) and (max-width:899px){#listado .lg{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 12px!important}}
@media(max-width:599px){
  #listado .lg{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 10px!important}
  #listado .lc5 .lc-c1{flex-direction:column;align-items:flex-start;gap:0;padding:8px 10px 0;font-size:12px}
  #listado .lc5 .lc-c1 b{font-size:15px}
  #listado .lc5 .lc-c1>span{max-width:100%}
  #listado .lc5 .lc-sp{padding:0 10px;gap:3px 10px;margin-top:5px}
  #listado .lc5 .lc-sp>span{font-size:11.5px;gap:4px}
  #listado .lc5 .lc-sp svg{width:13px;height:13px}
  #listado .lc5 .lc-pie{margin:0 10px;padding:7px 0 10px}
  #listado .lc5 .lc-pie .lc-nom{font-size:15px}
  #listado .lc5 .lc-pie .lc-n{font-size:11.5px}
}
@media(max-width:599px){#listado .lc5 .lc-pie .lc-nom{white-space:normal;overflow:visible;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}
/* el reinicio de spans (.lc-x span) le ganaba a los márgenes: se re-afirman con más peso */
#listado .lc5 .lc-x .lc-sp{margin:6.4px 0 8.8px}
#listado .lc5 .lc-x .lc-pie{margin:auto 13.6px 0}
@media(max-width:599px){#listado .lc5 .lc-x .lc-sp{margin:5px 0 7px}#listado .lc5 .lc-x .lc-pie{margin:auto 10px 0}}
@media(max-width:599px){#listado .lc5 .lc-n i,#listado .lc5 .lc-n u{display:none}#listado .lc5 .lc-pie .lc-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* 28-sep (Oliver): tarjeta de lista = título · precio · íconos · código */
#listado .lc5 .lc-x .lc-tit{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:11px 13.6px 0;font-size:16px;font-weight:800;line-height:1.3;color:#1b2540;letter-spacing:-.005em;min-height:calc(2 * 1.3em + 11px)}
#listado .lc5 .lc-x .lc-c1{padding-top:6px}
#listado .lc5 .lc-x .lc-cod{margin:auto 13.6px 0;padding:8px 0 11px;border-top:1px solid #dde3f0;font-size:13px;font-weight:600;color:#6b7280}
#listado .lc5 .lc-x:hover .lc-tit{color:#13358c}
@media(max-width:599px){#listado .lc5 .lc-x .lc-tit{padding:8px 10px 0;font-size:13.5px;min-height:calc(2 * 1.3em + 8px)}#listado .lc5 .lc-x .lc-c1{padding-top:4px}#listado .lc5 .lc-x .lc-cod{margin:auto 10px 0;padding:6px 0 8px;font-size:11.5px}}

/* 28-sep (Oliver): título = el optimizado de la ficha, con la letra del home (Montserrat 800, 19.6px), SIEMPRE en 2 líneas reservadas → simetría */
#listado .lc5 .lc-x .lc-tit{font-size:19.6px;font-weight:800;line-height:1.2;letter-spacing:-.01em;color:#1b2540;-webkit-line-clamp:2;min-height:calc(2 * 1.2em + 11px)}
@media(max-width:599px){#listado .lc5 .lc-x .lc-tit{font-size:14px;min-height:calc(2 * 1.2em + 8px)}}

@media(max-width:599px){#listado .lc5 .lc-x .lc-tit{font-size:13.5px;-webkit-line-clamp:3;min-height:calc(3 * 1.2em + 8px)}} /* cel: el título optimizado entero (zona incluida) */

/* 28-sep (Oliver): código a la derecha del precio; sin línea ni renglón de código abajo */
#listado .lc5 .lc-x .lc-c1{justify-content:space-between;align-items:baseline}
#listado .lc5 .lc-x .lc-c1 .lc-cod{margin:0 0 0 auto;padding:0;border:0;font-size:13px;font-weight:600;color:#6b7280;white-space:nowrap;overflow:visible;flex:none}
#listado .lc5 .lc-x .lc-sp{margin-bottom:12px}
@media(max-width:599px){#listado .lc5 .lc-x .lc-c1{flex-direction:row;flex-wrap:wrap;gap:0 6px}#listado .lc5 .lc-x .lc-c1 .lc-cod{font-size:11px}#listado .lc5 .lc-x .lc-sp{margin-bottom:9px}}

/* 28-sep (Oliver): código en azul BN, mayúscula, sin «cód.» */
#listado .lc5 .lc-x .lc-c1 .lc-cod{color:#13358c;font-weight:700;letter-spacing:.02em}

/* 28-sep: el título optimizado («Alquiler de apartamento amueblado en Planes de Altamira», hasta 55 letras) entra en 2 líneas a 18px.
   Cel: 1 tarjeta por fila (feed 4:5, como Instagram): el título entero, el código junto al precio. */
#listado .lc5 .lc-x .lc-tit{font-size:18px}
@media(max-width:599px){
  #listado .lg{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  #listado .lc5 .lc-x .lc-tit{font-size:17px;-webkit-line-clamp:2;min-height:calc(2 * 1.2em + 10px);padding:10px 13px 0}
  #listado .lc5 .lc-x .lc-c1{flex-direction:row;flex-wrap:nowrap;align-items:baseline;padding:6px 13px 0;font-size:13.5px}
  #listado .lc5 .lc-x .lc-c1 b{font-size:16px}
  #listado .lc5 .lc-x .lc-c1 .lc-cod{font-size:13px}
  #listado .lc5 .lc-x .lc-sp{padding:0 13px;gap:4px 13px;margin:6px 0 12px}
  #listado .lc5 .lc-sp>span{font-size:13px}
  #listado .lc5 .lc-sp svg{width:15px;height:15px}
}

/* 28-sep (Oliver): TODOS los títulos en 2 líneas — «Alquiler de apartamento amueblado» / «en Carretera Sur». Sin espacio en blanco. */
#listado .lc5 .lc-x .lc-tit{display:block;min-height:0;-webkit-line-clamp:unset}
#listado .lc5 .lc-x .lc-tit .l1,#listado .lc5 .lc-x .lc-tit .l2{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:inherit;color:inherit}

/* el bloque del título mide SIEMPRE 2 renglones de 18px aunque un título largo se achique: el precio queda alineado en toda la fila */
#listado .lc5 .lc-x .lc-tit{line-height:21.6px;height:calc(2 * 21.6px + 11px);box-sizing:border-box}
#listado .lc5 .lc-x .lc-tit .l1,#listado .lc5 .lc-x .lc-tit .l2{line-height:21.6px}
@media(max-width:599px){#listado .lc5 .lc-x .lc-tit{line-height:20.4px;height:calc(2 * 20.4px + 10px)}#listado .lc5 .lc-x .lc-tit .l1,#listado .lc5 .lc-x .lc-tit .l2{line-height:20.4px}}

/* ═══ 28-sep · TARJETA OPCIÓN A «la zona manda» (MD + Oliver): qué es · DÓNDE + código · precio | íconos ═══ */
#listado .lc5 .lc-x .lc-k{display:block;padding:12px 14px 0;font-size:13px;font-weight:600;color:#566072;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#listado .lc5 .lc-x .lc-z{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:1px 14px 0;font-size:19.6px;line-height:1.25}
#listado .lc5 .lc-x .lc-z .zn{font-size:1em;font-weight:800;letter-spacing:-.01em;color:#1b2540;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#listado .lc5 .lc-x .lc-z .lc-cod{flex:none;font-size:13px;font-weight:700;letter-spacing:.02em;color:#13358c;white-space:nowrap}
#listado .lc5 .lc-x .lc-pr{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 14px 0;padding:9px 0 12px;border-top:1px solid #dde3f0;font-size:17px;white-space:nowrap;overflow:hidden}
#listado .lc5 .lc-x .lc-pr b{font-size:1em;font-weight:800;color:#1b2540;flex:none}
#listado .lc5 .lc-x .lc-pr b small{font-size:.78em;font-weight:700;color:#1b2540}
#listado .lc5 .lc-x .lc-pr .lc-sp{display:flex;flex-wrap:nowrap;gap:.55em;margin:0;padding:0;min-height:0;font-size:.74em}
#listado .lc5 .lc-x .lc-pr .lc-sp>span{display:flex;align-items:center;gap:.3em;font-size:1em;font-weight:700;color:#394050;white-space:nowrap}
#listado .lc5 .lc-x .lc-pr .lc-sp svg{width:1.15em;height:1.15em;color:#13358c;flex:none}
#listado .lc5 .lc-x:hover .lc-z .zn{color:#13358c}
@media(max-width:599px){#listado .lc5 .lc-x .lc-k{padding:11px 13px 0}#listado .lc5 .lc-x .lc-z{padding:1px 13px 0}#listado .lc5 .lc-x .lc-pr{margin:9px 13px 0}}
#listado .lc5 .lc-x .lc-z .lc-cod{margin:0;padding:0;border:0;align-self:baseline} /* la regla vieja del código-abajo le ponía línea y margen */

/* 28-sep (Oliver): título de la lista con la letra de los títulos del home («Recorridos en video»): Montserrat 300, 50.4px, la zona en 700 */
#listado .lr{align-items:flex-end!important}
#listado .lr h1{font-size:50.4px!important;font-weight:300!important;letter-spacing:-1.26px;line-height:1.08;color:#1b2540;white-space:normal!important}
#listado .lr h1 b{font-weight:700}
#listado .lr h1 span{font-size:18px;font-weight:600;letter-spacing:0;color:#566072;margin-left:.6rem;vertical-align:.35em}
@media(max-width:899px){#listado .lr h1{font-size:24px!important;letter-spacing:-.6px}#listado .lr h1 span{font-size:13px;vertical-align:.15em}}
/* 28-sep (Oliver): la operación («Venta de casa») +2 puntos: 13 → 15px */
#listado .lc5 .lc-x .lc-k{font-size:15px}
#listado .lc5 .lc-x .lc-z{height:25px;line-height:25px} /* alto fijo: achicar una zona larga no mueve el precio */
#listado .lc5 .lc-x .lc-pr{height:48px;box-sizing:border-box}
#listado .lc5 .lc-x .lc-k{line-height:20px;height:32px;box-sizing:border-box} /* la operación achicada tampoco mueve nada */

/* ═══ 1-oct · VISTA LISTA = maqueta `mock_lista_e24_v3` (28-sep, la que eligió Oliver). Todo cuelga de #listado.vl:
   sin esa clase el mosaico queda EXACTO como estaba (lo que solo es de la lista va oculto).
   Escritorio: foto 4:5 del tamaño del home | texto (código, qué es, «en ZONA», íconos con palabra, extracto) | riel
   del precio (US$, US$ por m², WhatsApp, Ver ficha). ≤760: tarjeta vertical, foto arriba a todo el ancho. */
#listado .vista{display:flex;margin-left:auto;flex:none;border:1px solid #dde3f0;border-radius:6px;overflow:hidden;background:#fff}
#listado .vista[hidden]{display:none}
#listado .vista button{display:flex;align-items:center;gap:6px;border:0;background:#fff;color:#566072;font:600 13px/1 var(--font);padding:8px 12px;cursor:pointer}
#listado .vista button+button{border-left:1px solid #dde3f0}
#listado .vista button[aria-pressed="true"]{background:#1b2540;color:#fff}
#listado .vista button:focus-visible{outline:2px solid #13358c;outline-offset:-2px}
#listado .lc5 .lc-c2,#listado .lc5 .zn .en,#listado .lc5 .lc-sp em,#listado .lc5 .lc-ds,#listado .lc5 .lc-riel,#listado .lc5 .lc-cnt{display:none}

#listado.vl{--lw:var(--cw)}
#listado.vl .lg{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
#listado.vl .lc5{display:grid;grid-template-columns:var(--lw) minmax(0,1fr) 272px;height:calc(var(--lw)*5/4 + 2px);transition:box-shadow .2s ease,border-color .2s ease}
#listado.vl .lc5:hover{border-color:#c6cfe3;box-shadow:0 6px 18px rgba(10,29,77,.09)}
#listado.vl .lc5 .lc-f{height:100%;aspect-ratio:auto;background:#e9edf5}
/* carrusel: flechas blancas de 40, contador «1/4» en píldora sólida, puntitos con aro (nada translúcido) */
#listado.vl .lc5 .lc-a{width:40px;height:40px;font-size:24px;background:#fff;box-shadow:0 1px 4px rgba(10,29,77,.25)}
#listado.vl .lc5 .lc-a.ant{left:14px}#listado.vl .lc5 .lc-a.sig{right:14px}
#listado.vl .lc5 .lc-cnt{display:block;position:absolute;right:12px;bottom:12px;z-index:2;padding:3px 9px;border-radius:999px;background:#fff;font-size:12px;font-weight:600;color:#566072;line-height:1.4;box-shadow:0 1px 3px rgba(10,29,77,.2);pointer-events:none}
#listado.vl .lc5 .lc-cnt b{color:#1b2540;font-weight:800}
#listado.vl .lc5 .lc-d{bottom:16px;gap:6px}
#listado.vl .lc5 .lc-d i{width:7px;height:7px;border-radius:4px;background:#fff;opacity:.75;box-shadow:0 0 0 1px rgba(27,37,64,.3),0 1px 2px rgba(0,0,0,.25);transition:width .2s ease,opacity .2s ease}
#listado.vl .lc5 .lc-d i.on{width:18px;opacity:1}
/* texto */
#listado.vl .lc5 .lc-x{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:28px 40px;overflow:hidden}
#listado.vl .lc5 .lc-x .lc-c2{display:block;margin:0 0 10px;font-size:12.5px;font-weight:700;letter-spacing:.07em;color:#13358c}
#listado.vl .lc5 .lc-x .lc-k{padding:0;height:auto;font-size:16px;line-height:1.35;font-weight:600;color:#566072;white-space:normal;overflow:visible}
#listado.vl .lc5 .lc-x .lc-z{display:block;height:auto;padding:0;margin-top:2px;font-size:32px;line-height:1.12}
#listado.vl .lc5 .lc-x .lc-z .zn{display:inline;white-space:normal;overflow:visible;font-weight:800;letter-spacing:-.02em}
#listado.vl .lc5 .lc-x .lc-z .zn .en{display:inline;font-size:18px;font-weight:600;color:#566072;letter-spacing:0}
#listado.vl .lc5 .lc-x .lc-z .lc-cod{display:none}
#listado.vl .lc5:hover .lc-z .zn{color:#13358c}
#listado.vl .lc5 .lc-x .lc-pr{display:block;height:auto;margin:20px 0 0;padding:0;border:0;font-size:14px;overflow:visible;white-space:normal}
#listado.vl .lc5 .lc-x .lc-pr>b{display:none}
#listado.vl .lc5 .lc-x .lc-pr:not(:has(.lc-sp>span)){display:none}
#listado.vl .lc5 .lc-x .lc-pr .lc-sp{flex-wrap:wrap;gap:6px 22px;font-size:14px}
#listado.vl .lc5 .lc-x .lc-pr .lc-sp>span{gap:7px;font-weight:700;color:#394050}
#listado.vl .lc5 .lc-x .lc-pr .lc-sp svg{width:18px;height:18px}
#listado.vl .lc5 .lc-x .lc-sp em{display:inline;font-style:normal;font-weight:600;color:#566072}
#listado.vl .lc5 .lc-x .lc-ds{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden;margin:18px 0 0;font-size:15px;line-height:1.65;font-weight:500;color:#566072}
#listado.vl .lc5 .lc-x:not(:has(.lc-sp>span)) .lc-ds{-webkit-line-clamp:7;line-clamp:7}
#listado.vl .lc5 .lc-x .lc-ds .cap{font-size:.84em;letter-spacing:.03em;font-weight:700;color:#1b2540}
/* riel del precio */
#listado.vl .lc5 .lc-riel{display:flex;flex-direction:column;justify-content:center;gap:26px;min-width:0;padding:30px 28px;border-left:1px solid #dde3f0}
#listado.vl .lc5 .lc-rp{display:block;color:#1b2540}
#listado.vl .lc5 .lc-rp b{display:block;font-size:29px;line-height:1;font-weight:800;letter-spacing:-.015em;white-space:nowrap}
#listado.vl .lc5 .lc-rp small{display:block;margin-top:6px;font-size:15px;font-weight:600;color:#566072}
#listado.vl .lc5 .lc-pm2{display:block;margin:10px 0 0;padding-top:10px;border-top:1px solid #dde3f0;font-size:13px;font-weight:600;color:#566072;white-space:nowrap}
#listado.vl .lc5 .lc-acc{display:flex;flex-direction:column;align-items:stretch;gap:14px}
#listado.vl .lc5 .lc-wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:4px;background:#fff;border:1px solid #1c9c50;color:#168243;font:700 14px/1 var(--font);white-space:nowrap;text-decoration:none;transition:background-color .15s ease,color .15s ease}
#listado.vl .lc5 .lc-wa:hover{background:#1c9c50;color:#fff}
#listado.vl .lc5 .lc-wa:focus-visible{outline:2px solid #13358c;outline-offset:2px}
#listado.vl .lc5 .lc-ver{align-self:center;font-size:14px;font-weight:700;color:#13358c;white-space:nowrap;text-decoration:none}
#listado.vl .lc5 .lc-ver:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1200px){
  #listado.vl .lc5{grid-template-columns:var(--lw) minmax(0,1fr) 220px}
  #listado.vl .lc5 .lc-x{padding:22px 26px}
  #listado.vl .lc5 .lc-riel{padding:22px 20px}
  #listado.vl .lc5 .lc-x .lc-z{font-size:26px}
  #listado.vl .lc5 .lc-rp b{font-size:24px}
  #listado.vl .lc5 .lc-x .lc-ds{-webkit-line-clamp:4;line-clamp:4}
  #listado.vl .lc5 .lc-x:not(:has(.lc-sp>span)) .lc-ds{-webkit-line-clamp:5;line-clamp:5}
}
@media(max-width:899px){#listado.vl{--lw:240px}}
@media(max-width:760px){
  #listado.vl .lg{gap:16px!important}
  #listado.vl .lc5{display:block;height:auto}
  #listado.vl .lc5 .lc-f{height:auto;aspect-ratio:4/5}
  #listado.vl .lc5 .lc-x{padding:16px 16px 0}
  #listado.vl .lc5 .lc-x .lc-c2{margin-bottom:6px;font-size:11.5px}
  #listado.vl .lc5 .lc-x .lc-k{font-size:14px}
  #listado.vl .lc5 .lc-x .lc-z{font-size:23px}
  #listado.vl .lc5 .lc-x .lc-z .zn .en{font-size:15px}
  #listado.vl .lc5 .lc-x .lc-pr{margin-top:12px}
  #listado.vl .lc5 .lc-x .lc-pr .lc-sp{gap:6px 16px;font-size:13px}
  #listado.vl .lc5 .lc-x .lc-pr .lc-sp svg{width:16px;height:16px}
  #listado.vl .lc5 .lc-x .lc-ds,#listado.vl .lc5 .lc-x:not(:has(.lc-sp>span)) .lc-ds{margin-top:12px;font-size:14px;line-height:1.55;-webkit-line-clamp:3;line-clamp:3}
  #listado.vl .lc5 .lc-riel{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin:14px 16px 0;padding:14px 0 16px;border-left:0;border-top:1px solid #dde3f0}
  #listado.vl .lc5 .lc-rp b{display:inline;font-size:min(22px,5.5vw)} /* 360: «US$ 2,500,000» + Ver ficha + WhatsApp caben */
  #listado.vl .lc5 .lc-rp small{display:inline;margin:0;font-size:13px}
  #listado.vl .lc5 .lc-pm2{margin-top:6px;padding-top:0;border-top:0;font-size:12px}
  #listado.vl .lc5 .lc-acc{flex-direction:row;align-items:center;gap:12px;flex:none}
  #listado.vl .lc5 .lc-ver{order:-1;font-size:13px}
  #listado.vl .lc5 .lc-wa{position:relative;width:42px;height:42px;padding:0;border-radius:50%}
  #listado.vl .lc5 .lc-wa span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media(max-width:599px){#listado .vista button{padding:8px 10px}#listado .vista button span{display:none}}
@media(prefers-reduced-motion:reduce){#listado.vl .lc5,#listado.vl .lc5 .lc-wa,#listado.vl .lc5 .lc-d i{transition:none}}

/* ══ 8-oct-2026 · TIPOS EN BLOQUES («todos», en lugar de la barra) y ZONAS MÁS BUSCADAS (página de un tipo)
   Maqueta firmada: `Documentos Compartidos/bolsanica/maqueta_tipos_alquiler_2026-10-07/`. Ícono de línea azul
   sobre caja azul suave; sin rojo (el rojo es solo «Buscar»). En el cel la fila corre de lado y asoma la siguiente. */
#listado .tipos{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:12px;margin:0 0 26px}
#listado .tipos a{display:flex;align-items:center;gap:14px;padding:16px;min-height:84px;background:#fff;border:1px solid var(--linea);border-radius:4px;color:var(--tinta);text-decoration:none;transition:border-color .15s,box-shadow .15s}
#listado .tipos a:hover{border-color:var(--az);box-shadow:0 4px 14px rgba(19,53,140,.10)}
#listado .tipos a:focus-visible{outline:2px solid var(--az);outline-offset:2px}
#listado .tipos .ic{flex:none;width:48px;height:48px;border-radius:4px;background:var(--az05);color:var(--az);display:grid;place-items:center}
#listado .tipos .ic svg{width:28px;height:28px}
#listado .tipos .tx{display:flex;flex-direction:column;gap:3px;min-width:0}
#listado .tipos b{font-size:15px;font-weight:700;line-height:1.2;white-space:nowrap}
#listado .tipos small{font-size:12px;font-weight:500;color:var(--gris)}
#listado .tipos.n6 a{padding:16px 14px;gap:12px}
#listado .tipos.n6 .ic{width:44px;height:44px}
#listado .tipos.n7 a{flex-direction:column;align-items:flex-start;gap:10px;padding:14px}
#listado .tipos.n7 .ic{width:44px;height:44px}
#listado .zonas{margin:18px 0 26px}
#listado .zonas .zt{margin:0 0 9px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
#listado .zonas nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
#listado .zonas a{display:flex;align-items:center;gap:9px;padding:0 16px;height:52px;min-width:0;background:#fff;border:1px solid var(--linea);border-radius:4px;color:var(--tinta);text-decoration:none;transition:border-color .15s,box-shadow .15s}
#listado .zonas a:hover{border-color:var(--az);box-shadow:0 4px 14px rgba(19,53,140,.10)}
#listado .zonas a:focus-visible{outline:2px solid var(--az);outline-offset:2px}
#listado .zonas svg{flex:none;width:18px;height:18px;color:var(--az)}
#listado .zonas b{font-size:14px;font-weight:700;line-height:1.15;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} /* nombre largo: 2 renglones, no «…» */
#listado .zonas small{flex:none;margin-left:auto;font-size:12px;font-weight:700;color:var(--az);background:var(--az05);border-radius:3px;padding:2px 7px}
@media(max-width:640px){
  #listado .tipos{display:flex;overflow-x:auto;gap:8px;margin:0 calc(-1*clamp(1rem,3vw,2rem)) 22px 0;padding-right:clamp(1rem,3vw,2rem);scrollbar-width:none}
  #listado .tipos::-webkit-scrollbar,#listado .zonas nav::-webkit-scrollbar{display:none}
  #listado .tipos a,#listado .tipos.n6 a,#listado .tipos.n7 a{flex:0 0 auto;min-width:96px;flex-direction:column;align-items:flex-start;gap:10px;padding:12px;min-height:0}
  #listado .tipos .ic,#listado .tipos.n6 .ic,#listado .tipos.n7 .ic{width:40px;height:40px}
  #listado .tipos .ic svg{width:24px;height:24px}
  #listado .tipos .d{display:none}
  #listado .tipos b{font-size:13.5px}
  #listado .tipos small{font-size:11.5px}
  #listado .zonas{margin:16px 0 22px}
  #listado .zonas nav{display:flex;overflow-x:auto;gap:8px;margin-right:calc(-1*clamp(1rem,3vw,2rem));padding-right:clamp(1rem,3vw,2rem);scrollbar-width:none}
  #listado .zonas a{flex:0 0 auto;height:46px;padding:0 12px}
  #listado .zonas b{font-size:13.5px;white-space:nowrap;display:block;overflow:visible}
}
@media(prefers-reduced-motion:reduce){#listado .tipos a,#listado .zonas a{transition:none}}

/* ══ 8-oct-2026 · LA PRIMERA FILA ENTRA EN UNA PANTALLA (Oliver: «que las fotos de la primera línea no salgan cortadas,
   eliminemos espacios blancos», en Lista y Mosaico). 1) Menos aire arriba. 2) --fh lo pone el JS de bodylist solo si
   la tarjeta no cabe: en escritorio angosta la columna (foto 4:5 entera); en cel limita el alto de la foto (cover). */
#listado .lb{padding-top:12px}
#listado .tipos{margin-bottom:0}
#listado .zonas{margin:12px 0 0}
#listado .zonas a{height:44px}
#listado .lr{padding-top:18px!important;padding-bottom:12px!important}
@media(min-width:900px){
  #listado .lr h1{font-size:36px!important;letter-spacing:-.9px}
  #listado .lr h1 span{font-size:15px;vertical-align:.3em}
  #listado{--cw:min(391px,calc((100vw - 128px)/4),calc(var(--fh,2000px)*4/5))}
}
@media(max-width:640px){#listado .zonas{margin:10px 0 0}#listado .zonas a{height:42px}#listado .lr{padding-top:14px!important;padding-bottom:8px!important}}
@media(max-width:599px){#listado .lc5 .lc-f,#listado.vl .lc5 .lc-f{width:100%;max-height:var(--fh,none)}} /* width: en la grilla de la Lista, sin él la foto se angosta al limitar el alto */
/* 8-oct · CEL: sin «Las zonas más buscadas», para que el 1.er anuncio entre entero hasta el precio */
@media(max-width:599px){#listado .zonas{display:none}}
/* 8-oct · CEL, propuesta firmada: «Más recientes» sube a la línea del título; en Lista el precio va bajo el título (como Mosaico) */
@media(max-width:599px){
 #listado .lr{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h v" "h o";align-items:center!important;column-gap:12px;row-gap:6px}
 #listado .lr h1{grid-area:h;align-self:center}
 #listado .lr .vista{grid-area:v;justify-self:end;margin:0}
 #listado .lr .ord{grid-area:o;justify-self:end;max-width:none!important}
 #listado .lr .ord select{font-size:13px;width:auto;max-width:132px;padding-right:18px}
 #listado.vl .lc5 .lc-x .lc-pr{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 0;padding:9px 0 12px;border-top:1px solid #dde3f0;font-size:17px;white-space:nowrap;overflow:hidden}
 #listado.vl .lc5 .lc-x .lc-pr>b{display:block}
 #listado.vl .lc5 .lc-x .lc-pr .lc-sp{flex-wrap:nowrap;gap:.55em;font-size:.74em}
 #listado.vl .lc5 .lc-x .lc-pr .lc-sp svg{width:1.15em;height:1.15em}
 #listado.vl .lc5 .lc-x .lc-c2,#listado.vl .lc5 .lc-rp{display:none}
 #listado.vl .lc5 .lc-x .lc-pr .lc-sp em{display:none} /* solo números, como Mosaico: si no, el renglón se achica a 13 px */
 #listado.vl .lc5 .lc-x .lc-pr:not(:has(.lc-sp>span)){display:flex} /* sin cuartos/baños el precio igual se ve */
}
/* flotantes: fuera mientras se ve el 1.er anuncio (lo pone el JS de bodylist; sin JS se ven siempre) */
.bnflot{transition:opacity .2s ease-out,transform .2s ease-out}
.bnflot.bnflot-fuera{opacity:0;transform:translateY(16px);visibility:hidden;pointer-events:none;transition:opacity .2s ease-out,transform .2s ease-out,visibility 0s .2s}
@media(prefers-reduced-motion:reduce){.bnflot,.bnflot.bnflot-fuera{transition:none}}
/* 8-oct · CEL «todos»: tipos en fila compacta (ícono al lado del nombre), ~55 px menos para que entre el precio del 1.er anuncio */
@media(max-width:599px){
 #listado .tipos a,#listado .tipos.n6 a,#listado .tipos.n7 a{flex-direction:row;align-items:center;gap:10px;padding:8px 14px 8px 8px}
 #listado .tipos .ic,#listado .tipos.n6 .ic,#listado .tipos.n7 .ic{width:36px;height:36px}
 #listado .tipos .ic svg{width:22px;height:22px}
 #listado .tipos .tx{gap:1px}
}

/* 21-oct: ▶ Video en la tarjeta (sale solo si la ficha tiene video) */
#listado .lc-vid{position:absolute;left:10px;top:10px;z-index:2;padding:4px 10px;border-radius:999px;background:rgba(11,18,36,.78);color:#fff;font-size:12px;font-weight:700;line-height:1.4;pointer-events:none}