/* ============================================================================
   PERFIL DE EDIFICIO EXISTENTE — solo lo que la plantilla V2 de proyectos
   (assets/delano-proto.css, `dlv2-*`) no trae ya. Todo cuelga de
   `body.dlv2-edif`, que solo llevan las 558 fichas de edificio: no toca a los
   proyectos ni a las otras paginas que enlazan delano-proto.css.
   Figma "Entrega 11" 2477:2577 / 2477:3086, medido sobre render (provisional).
   ========================================================================== */

/* HERO — el archivo lo dibuja mas bajo que el de proyecto: 539 contra 640. */
.dlv2-edif .dlv2-hero { min-height: 539px; }
.dlv2-edif .dlv2-hero__sub { max-width: 660px; }
/* El bloque (antetitulo -> botones) va CENTRADO en vertical entre el nav y la
   fila de datos, que ya esta anclada abajo con margin-top:auto. En el archivo
   el antetitulo cae en y=150 de 539; sin esto quedaba pegado arriba (y~100).
   Mateo, 7-oct: "esta muy arriba, va centrado". */
@media (min-width: 901px) {
  .dlv2-edif .dlv2-hero__eyebrow { margin-top: auto; }
}

/* SUBNAV — el contador y las pestanas activas estan en el bloque PESTANAS, mas abajo. */
.dlv2-edif .dlv2-sub .dlv2-mini { display: none; }
.dlv2-edif .ed-wa { width: 18px; height: 18px; margin-right: 8px; fill: currentColor; vertical-align: -4px; }

/* GALERIA — sin JS o mientras carga, la foto del edificio sola a lo ancho. */
.dlv2-edif .ed-gal .dlv2-gal__grid:has(> li:only-child) { grid-template-columns: 1fr; }
.dlv2-edif .ed-gal .dlv2-gal__t { cursor: zoom-in; }
.dlv2-edif .ed-gal .dlv2-gal__t.is-mas { background: #031420; }
.dlv2-edif .ed-gal .dlv2-gal__t.is-mas img { opacity: 0; }

/* EL EDIFICIO — el antetitulo del texto va en el oro oscuro (sobre fondo
   claro); el de la tarjeta navy se queda en el oro de la plantilla. */
.dlv2-edif .dlv2-des__txt .dlv2-des__eyebrow { color: #aa9664; }
.dlv2-edif .ed-des__links a { color: #ffffff; text-decoration: none; }
.dlv2-edif .ed-des__links a:hover { text-decoration: underline; }

/* ESPECIFICACIONES — "30 · Ver →" en azul. */
.dlv2-edif .ed-spec__ver { color: #3b82f6; font-weight: 600; text-decoration: none; }
.dlv2-edif .ed-spec__ver:hover { text-decoration: underline; }

/* EN VENTA AHORA (Informacion general) — tarjeta blanca con 4 filas (2315-2798
   en el archivo). Las filas las pinta assets/edificio-perfil.js desde el MLS.
   "Ver las N unidades" es un enlace a la pestana En venta. La de renta ya no
   sale en esta pagina de Informacion general: tiene su propia pestana. */
.dlv2-edif .ed-uni { background: #f7f8fa; padding: 64px 40px; }
.dlv2-edif .ed-uni__inner { max-width: 1280px; margin: 0 auto; }
.dlv2-edif .ed-uni__head {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 24px;
  margin-bottom: 12px;
}
.dlv2-edif .ed-uni__h2 { margin: 0; font-size: 26px; line-height: 34px; font-weight: 600; color: #072031; letter-spacing: -0.3px; }
.dlv2-edif .ed-uni__sub { margin: 4px 0 0; font-size: 14px; line-height: 20px; color: #565656; }
.dlv2-edif .ed-uni__todas {
  flex: none; border: 0; background: none; padding: 0; cursor: pointer;
  font: inherit; font-size: 13px; line-height: 20px; font-weight: 600; color: #072031;
}
.dlv2-edif .ed-uni__todas[hidden] { display: none; }
.dlv2-edif .ed-uni__todas { text-decoration: none; }
.dlv2-edif .ed-uni__todas:hover { text-decoration: underline; }
.dlv2-edif .ed-uni__lista {
  background: #ffffff; border: 1px solid #e3e6ea; border-radius: 12px; overflow: hidden;
}
.dlv2-edif .ed-uni__estado { margin: 0; padding: 24px; font-size: 14px; color: #565656; }
.dlv2-edif .ed-uni__f {
  display: grid; grid-template-columns: 106px 1fr auto 24px; align-items: center; gap: 0 16px;
  min-height: 71px; padding: 12px 20px;
  border-top: 1px solid #e3e6ea;
  color: #072031; text-decoration: none;
}
.dlv2-edif .ed-uni__f:first-child { border-top: 0; }
.dlv2-edif .ed-uni__f:hover { background: #f7f8fa; }
.dlv2-edif .ed-uni__f[hidden] { display: none; }
.dlv2-edif .ed-uni__u { font-size: 20px; line-height: 28px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dlv2-edif .ed-uni__l1 { display: block; font-size: 14px; line-height: 20px; }
.dlv2-edif .ed-uni__l2 { display: block; font-size: 13px; line-height: 20px; color: #565656; }
.dlv2-edif .ed-uni__p { font-size: 14px; line-height: 20px; font-weight: 600; white-space: nowrap; }
.dlv2-edif .ed-uni__a { color: #3b82f6; font-size: 16px; text-align: right; }

/* UBICACION — antetitulo dorado que la plantilla de proyecto no lleva. */
.dlv2-edif .ed-ub__eyebrow {
  margin: 0 0 12px; font-size: 13px; line-height: 18px; font-weight: 600;
  letter-spacing: 1.04px; text-transform: uppercase; color: #e5c179;
}

/* AMENIDADES — antetitulo, y tarjetas de solo icono + nombre (el MLS da el
   nombre de la amenidad, no una descripcion). */
.dlv2-edif .ed-amen__eyebrow {
  margin: 0 0 8px; font-size: 13px; line-height: 18px; font-weight: 600;
  letter-spacing: 1.04px; text-transform: uppercase; color: #aa9664;
}
.dlv2-edif .ed-amen .dlv2-amen__card { min-height: 0; }
.dlv2-edif .ed-amen .dlv2-amen__i { fill: none; stroke: #ceb574; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

/* FAQ — subtitulo bajo el titular, como en el archivo. */
.dlv2-edif .dlv2-faq .dl-head .dlv2-faq__sub { margin: 8px 0 0; }

@media (max-width: 767px) {
  .dlv2-edif .dlv2-hero { min-height: 0; }
  .dlv2-edif .dlv2-sub .dlv2-full { display: none; }
  .dlv2-edif .dlv2-sub .dlv2-mini { display: inline; }
  .dlv2-edif .ed-uni { padding: 40px 16px; }
  .dlv2-edif .ed-uni__head { flex-direction: column; align-items: flex-start; gap: 8px; }
  .dlv2-edif .ed-uni__h2 { font-size: 22px; line-height: 28px; }
  .dlv2-edif .ed-uni__f { grid-template-columns: 72px 1fr auto; padding: 12px 14px; gap: 0 10px; }
  .dlv2-edif .ed-uni__u { font-size: 16px; }
  .dlv2-edif .ed-uni__a { display: none; }
  .dlv2-edif .ed-uni__nm { display: none; }
}

/* ==========================================================================
   PESTANAS — "Informacion general · En venta (N) · En renta (N)".
   El JS (assets/edificio-perfil.js) pone data-ed-tab en <html>; la clase `ed-js`
   la pone el script en linea de cada pagina antes del primer pintado. Sin ella
   (sin JS) no se oculta nada: queda Informacion general y los dos paneles
   apilados debajo, alcanzables por ancla.
   ========================================================================== */
html.ed-js[data-ed-tab="info"] [data-ed-solo="venta"],
html.ed-js[data-ed-tab="info"] [data-ed-solo="renta"],
html.ed-js[data-ed-tab="venta"] [data-ed-solo="info"],
html.ed-js[data-ed-tab="venta"] [data-ed-solo="renta"],
html.ed-js[data-ed-tab="renta"] [data-ed-solo="info"],
html.ed-js[data-ed-tab="renta"] [data-ed-solo="venta"] { display: none !important; }

/* Subnav: pestanas con subrayado (Figma 2477:3535: 2px #3b82f6 sobre el filete).
   Mismo componente que Informacion general; solo cambia cual esta activa. */
.dlv2-edif .dlv2-sub__tabs { align-self: stretch; }
.dlv2-edif .dlv2-sub__t { position: relative; display: inline-flex; align-items: center; color: var(--h26-grey); }
.dlv2-edif .dlv2-sub__t:hover { color: var(--ink); }
.dlv2-edif .dlv2-sub__t.is-activa { color: var(--ink); }
.dlv2-edif .dlv2-sub__t.is-activa::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--h26-blue);
}
/* contador: gris --ivory (#f2f2f2 del archivo), 13px */
.dlv2-edif .ed-sub__n {
  min-width: 23px; height: 20px; margin-left: 12px; padding: 0 4px; box-sizing: border-box;
  border-radius: 4px; background: var(--ivory); font-size: 13px; line-height: 20px; text-align: center;
}

/* ==========================================================================
   PANEL EN VENTA / EN RENTA — Figma 2477:3535 (tabla), 2477:4040 (cuadricula),
   2477:4596 (movil). Medido sobre render, ver el informe de la entrega.
   Grises del archivo que no son token -> token mas cercano:
     #f2f2f2 -> var(--ivory) (identico)      #565656 -> var(--h26-grey) (identico)
     #1e1e1e -> var(--ink) #072031 (el valor del archivo es el gris por defecto
                 de Figma sin estilo; el token de texto del sitio es el navy)
   Insignia dorada #e5c179 = var(--h26-gold); bordes #d1d8e5 = var(--mist);
   fondo de pagina #f8fafc = var(--h26-page); CTA #3b82f6 / hover #2f6fd0 =
   var(--h26-blue) / var(--h26-blue-ink). #697386 (etiquetas) no tiene token:
   el mismo valor ya lo usa delano-proto.css en `.dlv2-sub__pr`.
   ========================================================================== */
.dlv2-edif .edv { background: var(--h26-page); padding: 48px 40px 64px; scroll-margin-top: 64px; }
.dlv2-edif .edv__in { max-width: 1280px; margin: 0 auto; }
.dlv2-edif .edv [hidden] { display: none !important; }
.dlv2-edif .edv__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.dlv2-edif .edv__h2 { margin: 0; font-size: 32px; line-height: 40px; font-weight: 700; letter-spacing: -0.32px; color: var(--ink); }
.dlv2-edif .edv__sub { margin: 4px 0 0; font-size: 16px; line-height: 24px; color: var(--ink); }
.dlv2-edif .edv__areas { display: flex; align-items: center; gap: 12px; flex: none; }
.dlv2-edif .edv__areas-l { font-size: 13px; line-height: 18px; color: #697386; }
.dlv2-edif .edv__estado {
  background: #ffffff; border: 1px solid var(--mist); border-radius: 12px; color: var(--h26-grey);
}
/* Sin JS el "Cargando..." no avanzaria nunca: se oculta y queda el <noscript>. */
html:not(.ed-js) .dlv2-edif .edv__estado[data-ed-estado] { display: none; }
.dlv2-edif .edv-full { display: inline; }
.dlv2-edif .edv-mini { display: none; }
.dlv2-edif .edv-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* control segmentado (pies² | m², Tabla | Cuadricula): fondo --ivory, activo blanco */
.dlv2-edif .edv-seg { display: inline-flex; padding: 4px; border-radius: 8px; background: var(--ivory); gap: 0; }
.dlv2-edif .edv-seg__b {
  min-width: 52px; height: 31px; padding: 0 14px; border: 0; border-radius: 6px; background: transparent;
  font: inherit; font-size: 13px; line-height: 31px; font-weight: 600; color: var(--h26-grey); cursor: pointer;
}
.dlv2-edif .edv-seg__b:hover { color: var(--ink); }
.dlv2-edif .edv-seg__b.is-on { background: #ffffff; color: var(--ink); }

/* resumen: una caja blanca, 4 celdas */
.dlv2-edif .edv-sum {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  background: #ffffff; border: 1px solid var(--mist); border-radius: 12px; margin-bottom: 24px;
}
.dlv2-edif .edv-sum__c { display: flex; flex-direction: column; gap: 4px; padding: 20.75px 24px; border-left: 1px solid var(--mist); min-width: 0; }
.dlv2-edif .edv-sum__c:first-child { border-left: 0; }
.dlv2-edif .edv-sum__v { font-size: 24px; line-height: 30px; font-weight: 700; letter-spacing: -0.24px; color: var(--ink); }
.dlv2-edif .edv-sum__l { font-size: 13px; line-height: 18px; color: var(--h26-grey); }

/* chips + controles */
.dlv2-edif .edv__bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 16px; margin-bottom: 25px; }
.dlv2-edif .edv__chips { display: flex; flex-wrap: wrap; gap: 8.5px; }
.dlv2-edif .edv__ctl { display: flex; align-items: center; flex-wrap: wrap; gap: 8.5px; margin-left: auto; position: relative; }
.dlv2-edif .edv-chip, .dlv2-edif .edv-dd__b {
  display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 16px; box-sizing: border-box;
  border: 1px solid var(--mist); border-radius: 8px; background: #ffffff;
  font: inherit; font-size: 13px; line-height: 1; font-weight: 600; color: var(--ink); cursor: pointer; white-space: nowrap;
}
.dlv2-edif .edv-chip:hover, .dlv2-edif .edv-dd__b:hover { border-color: var(--h26-navy); }
.dlv2-edif .edv-chip.is-on { background: var(--h26-navy); border-color: var(--h26-navy); color: #ffffff; }
.dlv2-edif .edv-chip__n { font-size: 11px; font-weight: 600; color: #697386; }
.dlv2-edif .edv-chip.is-on .edv-chip__n { color: rgba(255, 255, 255, 0.7); }
.dlv2-edif .edv-dd { position: relative; }
.dlv2-edif .edv-dd__b.is-set { border-color: var(--h26-navy); }
.dlv2-edif .edv-chev { width: 10px; height: 6px; margin-left: 7px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.dlv2-edif .edv-dd__pre { font-weight: 600; }
.dlv2-edif .edv-dd__m {
  position: absolute; top: calc(100% + 6px); left: 0; z-index: 25; min-width: 100%; max-height: 320px; overflow: auto;
  padding: 6px; background: #ffffff; border: 1px solid var(--mist); border-radius: 10px; box-shadow: 0 10px 28px rgba(7, 32, 49, 0.14);
}
.dlv2-edif .edv-dd__m--r { left: auto; right: 0; }
.dlv2-edif .edv-opt {
  display: block; width: 100%; padding: 9px 12px; border: 0; border-radius: 6px; background: transparent; text-align: left;
  font: inherit; font-size: 13px; line-height: 18px; color: var(--ink); white-space: nowrap; cursor: pointer;
}
.dlv2-edif .edv-opt:hover { background: var(--ivory); }
.dlv2-edif .edv-opt.is-on { font-weight: 700; }
.dlv2-edif .edv-dd--fm, .dlv2-edif .edv-seg--area-m { display: none; }

/* botones: "Ver unidad" = contorno azul (hover --h26-blue-ink) */
.dlv2-edif .edv-btn {
  display: inline-flex; align-items: center; justify-content: center; height: 36px; padding: 0 16px; box-sizing: border-box;
  border: 1px solid var(--h26-blue); border-radius: 8px; background: #ffffff; color: var(--h26-blue);
  font: inherit; font-size: 13px; line-height: 1; font-weight: 700; text-decoration: none; white-space: nowrap; cursor: pointer;
}
.dlv2-edif .edv-btn:hover { border-color: var(--h26-blue-ink); color: var(--h26-blue-ink); }

/* insignias (NUEVO, ULTIMO PISO) */
.dlv2-edif .edv-bds { display: flex; flex-wrap: wrap; gap: 4px; }
.dlv2-edif .edv-bd {
  display: inline-flex; align-items: center; height: 22px; padding: 0 10.5px; border-radius: 4px;
  background: var(--h26-gold); color: var(--ink); font-size: 11px; line-height: 1; font-weight: 700; letter-spacing: 0.385px; text-transform: uppercase; white-space: nowrap;
}

/* tabla */
.dlv2-edif .edv-t__box { background: #ffffff; border: 1px solid var(--mist); border-radius: 12px; overflow: hidden; }
.dlv2-edif .edv-t__w { overflow-x: auto; }
.dlv2-edif .edv-t { width: 100%; min-width: 1100px; border-collapse: collapse; }
/* Anchos minimos de columna del archivo (sin Piso, que se cortó); la de acciones se lleva el resto. */
.dlv2-edif .edv-t th:nth-child(1) { min-width: 114px; }
.dlv2-edif .edv-t th:nth-child(2) { min-width: 130px; }
.dlv2-edif .edv-t th:nth-child(3) { min-width: 90px; }
.dlv2-edif .edv-t th:nth-child(4) { min-width: 140px; }
.dlv2-edif .edv-t th:nth-child(5) { min-width: 100px; }
.dlv2-edif .edv-t th:nth-child(6) { min-width: 130px; }
.dlv2-edif .edv-t th:nth-child(7) { min-width: 140px; }
.dlv2-edif .edv-t th:nth-child(8) { min-width: 140px; }
.dlv2-edif .edv-t--renta th:nth-child(8) { min-width: 0; }
.dlv2-edif .edv-t th:last-child { width: 100%; min-width: 0; }
.dlv2-edif .edv-t th {
  height: 40.5px; padding: 0 8px; background: var(--ivory); border-bottom: 1px solid var(--mist); text-align: left;
  font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.6px; text-transform: uppercase; color: var(--h26-grey); white-space: nowrap;
}
.dlv2-edif .edv-t td { height: 65px; padding: 0 8px; border-top: 1px solid var(--mist); font-size: 13px; line-height: 18px; color: var(--ink); vertical-align: middle; white-space: nowrap; }
.dlv2-edif .edv-t tbody tr:first-child td { border-top: 0; }
.dlv2-edif .edv-t th:first-child, .dlv2-edif .edv-t td:first-child { padding-left: 24px; }
.dlv2-edif .edv-t th:last-child, .dlv2-edif .edv-t td:last-child { padding-right: 24px; text-align: right; }
.dlv2-edif .edv-t__u { font-size: 18px !important; line-height: 24px !important; font-weight: 700; letter-spacing: -0.18px; }
.dlv2-edif .edv-t__rb.has-bd { padding-top: 15px; padding-bottom: 15px; }
.dlv2-edif .edv-t__rb > span:first-child { display: block; }
.dlv2-edif .edv-t__rb .edv-bds { margin-top: 6px; }
.dlv2-edif .edv-t__p { font-weight: 700; }
.dlv2-edif .edv-t__box .edv-more--t {
  /* flex + space-between: asi cae el boton central en x=695-822 en el archivo (no en el centro de la caja) */
  margin-top: 0; display: flex; justify-content: space-between; align-items: center; gap: 16px; height: 52px; padding: 0 25px 0 24px;
  border-top: 1px solid var(--mist);
}
.dlv2-edif .edv-more__t { font-size: 13px; line-height: 18px; color: var(--h26-grey); }
.dlv2-edif .edv-more--t .edv-more__b { border: 0; background: none; padding: 0; font: inherit; font-size: 13px; font-weight: 700; color: var(--ink); cursor: pointer; }
.dlv2-edif .edv-more--t .edv-more__b:hover { text-decoration: underline; }
.dlv2-edif .edv-more__c { flex: none; min-width: 10px; color: var(--ink); line-height: 0; }
.dlv2-edif .edv-more__c .edv-chev { margin: 0 3px 0 0; }

/* cuadricula */
.dlv2-edif .edv-g { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.dlv2-edif .edv-card { display: flex; flex-direction: column; background: #ffffff; border: 1px solid var(--mist); border-radius: 12px; overflow: hidden; }
.dlv2-edif .edv-card__ph { position: relative; height: 200px; margin: -1px -1px 0; background: var(--ivory); }
.dlv2-edif .edv-card__ph img { display: block; width: 100%; height: 100%; object-fit: cover; }
.dlv2-edif .edv-card__ph .edv-bds { position: absolute; left: 12px; top: 12px; }
.dlv2-edif .edv-card__fotos {
  position: absolute; right: 12px; top: 12px; height: 23.5px; padding: 0 8px; border: 0; border-radius: 6px; background: #ffffff;
  font: inherit; font-size: 12px; line-height: 1; font-weight: 700; color: var(--ink); cursor: pointer;
}
.dlv2-edif .edv-card__b { display: flex; flex-direction: column; flex: 1; padding: 16px; }
.dlv2-edif .edv-card__t { margin: 0; font-size: 18px; line-height: 24px; font-weight: 700; letter-spacing: -0.18px; color: var(--ink); }
.dlv2-edif .edv-card__s { margin: 4px 0 0; min-height: 18px; font-size: 13px; line-height: 18px; color: var(--h26-grey); }
.dlv2-edif .edv-sp { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 12px 0 0; }
.dlv2-edif .edv-sp--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dlv2-edif .edv-sp dt { margin: 0; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.6px; text-transform: uppercase; color: #697386; }
.dlv2-edif .edv-sp dd { margin: 4px 0 0; font-size: 13px; line-height: 18px; font-weight: 600; color: var(--ink); }
.dlv2-edif .edv-card__f {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 14px;
  border-top: 1px solid var(--mist);
}
.dlv2-edif .edv-card__b > .edv-sp { margin-bottom: 14px; }
.dlv2-edif .edv-card__p { display: flex; flex-direction: column; min-width: 0; }
.dlv2-edif .edv-card__p strong { font-size: 18px; line-height: 24px; font-weight: 700; color: var(--ink); white-space: nowrap; }
.dlv2-edif .edv-card__p span { font-size: 13px; line-height: 18px; color: var(--h26-grey); white-space: nowrap; }
.dlv2-edif .edv-card .edv-btn { height: 34.5px; }
.dlv2-edif .edv-more { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 24px; min-height: 40px; }
.dlv2-edif .edv-more:not(.edv-more--t) .edv-more__b {
  height: 40px; padding: 0 20px; border: 1px solid var(--mist); border-radius: 8px; background: #ffffff;
  font: inherit; font-size: 13px; line-height: 1; font-weight: 700; color: var(--ink); cursor: pointer;
}
.dlv2-edif .edv-more:not(.edv-more--t) .edv-more__b:hover { border-color: var(--h26-navy); }
.dlv2-edif .edv-vacio { padding: 40px 24px; text-align: center; background: #ffffff; border: 1px solid var(--mist); border-radius: 12px; }
.dlv2-edif .edv-vacio p { margin: 0 0 16px; font-size: 14px; color: var(--h26-grey); }

/* ---- tablet / movil: tarjetas apiladas, sin tabla ni selector Tabla/Cuadricula ---- */
@media (max-width: 999px) {
  .dlv2-edif .edv { padding: 32px 16px 40px; }
  .dlv2-edif .edv__h2 { font-size: 28px; line-height: 34px; }
  .dlv2-edif .edv__sub { font-size: 14px; line-height: 20px; }
  .dlv2-edif .edv__head { margin-bottom: 16px; }
  .dlv2-edif .edv__areas { display: none; }
  .dlv2-edif .edv-full { display: none; }
  .dlv2-edif .edv-mini { display: inline; }
  .dlv2-edif .edv-sum { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 16px; }
  .dlv2-edif .edv-sum__c { padding: 14px 20px; }
  .dlv2-edif .edv-sum__c:nth-child(odd) { border-left: 0; }
  .dlv2-edif .edv-sum__c:nth-child(n+3) { border-top: 1px solid var(--mist); }
  .dlv2-edif .edv-sum__v { font-size: 22px; line-height: 28px; }
  .dlv2-edif .edv__bar { display: block; margin-bottom: 16px; }
  .dlv2-edif .edv__chips { flex-wrap: nowrap; overflow-x: auto; margin: 0 -16px; padding: 0 16px; scrollbar-width: none; }
  .dlv2-edif .edv__chips::-webkit-scrollbar { display: none; }
  .dlv2-edif .edv-chip { height: 34px; padding: 0 14px; flex: none; }
  .dlv2-edif .edv__ctl { margin: 12px 0 0; flex-wrap: nowrap; }
  .dlv2-edif .edv-dd--fil, .dlv2-edif .edv-seg--modo { display: none; }
  .dlv2-edif .edv-dd--fm { display: block; position: static; flex: 1 1 0; }
  .dlv2-edif .edv-dd--ord { flex: 1 1 0; }
  .dlv2-edif .edv-seg--area-m { display: inline-flex; flex: none; }
  .dlv2-edif .edv-dd--fm .edv-dd__b, .dlv2-edif .edv-dd--ord .edv-dd__b { width: 100%; height: 40px; justify-content: space-between; }
  .dlv2-edif .edv-seg--area-m { padding: 4px; }
  .dlv2-edif .edv-seg--area-m .edv-seg__b { min-width: 44px; padding: 0 10px; height: 32px; line-height: 32px; }
  .dlv2-edif .edv-dd__pre { display: none; }
  .dlv2-edif .edv-dd__m--fp { left: 0; right: 0; min-width: 0; padding: 12px; }
  .dlv2-edif .edv-fp__t { margin: 4px 0 8px; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.6px; text-transform: uppercase; color: #697386; }
  .dlv2-edif .edv-fp__o { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
  .dlv2-edif .edv-fp__o .edv-opt { width: auto; padding: 8px 12px; border: 1px solid var(--mist); border-radius: 8px; }
  .dlv2-edif .edv-fp__o .edv-opt.is-on { background: var(--h26-navy); border-color: var(--h26-navy); color: #ffffff; }
  .dlv2-edif .edv-g { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .dlv2-edif .edv-card--m { padding: 16px; }
  .dlv2-edif .edv-card--m .edv-card__h { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
  .dlv2-edif .edv-card--m .edv-card__s { margin-top: 2px; }
  .dlv2-edif .edv-card--m .edv-sp { display: flex; gap: 16px; margin-top: 12px; }
  .dlv2-edif .edv-card--m .edv-card__f { margin-top: 12px; padding-top: 13px; }
  .dlv2-edif .edv-card--m .edv-btn { height: 36px; }
  .dlv2-edif .edv-more { margin-top: 16px; flex-direction: column; align-items: stretch; }
  .dlv2-edif .edv-more__t { display: none; }
  .dlv2-edif .edv-more .edv-more__b { width: 100%; }
}
@media (max-width: 639px) {
  .dlv2-edif .edv-g { grid-template-columns: minmax(0, 1fr); }
}

/* Subnav en movil: tres columnas iguales con subrayado (no las pildoras de proyecto) */
@media (max-width: 900px) {
  .dlv2-edif .dlv2-sub { border-bottom: 1px solid var(--mist); box-shadow: none; }
  .dlv2-edif .dlv2-sub__inner { height: 46px; padding: 0 16px; overflow: visible; }
  .dlv2-edif .dlv2-sub__tabs { width: 100%; gap: 0; }
  .dlv2-edif .dlv2-sub__t {
    flex: 1 1 0; justify-content: center; height: 46px; padding: 0; order: 0;
    border-radius: 0; box-shadow: none; background: transparent; color: var(--h26-grey);
  }
  .dlv2-edif .dlv2-sub__t.is-activa { background: transparent; box-shadow: none; color: var(--ink); font-weight: 700; }
  /* en el movil el contador va como texto gris, sin la pastilla (2477:4596) */
  .dlv2-edif .ed-sub__n { min-width: 0; height: auto; margin-left: 5px; padding: 0; background: transparent; font-weight: 400; color: inherit; }
}

/* El edificio: entre 901 y 1359 las cajas fijas (texto 696 + tarjeta 520 + 64 de
   hueco = 1280) no caben en el contenido (viewport - 80). delano-proto.css ya
   las suelta hasta 1320; a 1343 la tarjeta oscura se salia 17px de su columna. */
@media (min-width: 901px) and (max-width: 1359px) {
  .dlv2-edif .dlv2-des__txt { width: auto; flex: 1 1 0; min-width: 0; }
  .dlv2-edif .dlv2-des__card { width: auto; flex: 0 1 520px; min-width: 0; }
}