/* Ruta de navegacion (migas) — franja blanca justo debajo de la barra navy, en
   todas las paginas menos el home y las landings de anuncios.
   La pega scripts/migas-sweep.js al final de cada deploy y le pone al <body> la
   clase .con-migas; todo lo que este archivo cambia de una pagina cuelga de esa
   clase, asi que quitar la franja (no correr el barrido) deja cada pagina
   exactamente como estaba.
   Estilo = la ruta de /por-que-pfs/realtors/ (Mateo, 23-oct-2026): 14px Host
   Grotesk, enlaces #2f6fd0 en 600, pagina actual en pizarra, "/" en gris claro.
   Hoja propia y no bloque de styles.css: la cargan tambien paginas que no
   enlazan styles.css, y su ?v= es un hash del contenido que pone el barrido. */

.migas{
  background:#fff; border-bottom:1px solid #e5e5e5;
  /* Encima del contenido de la pagina (el hero de zona va a 56) y DEBAJO del
     nav, que es quien lleva dentro el panel de "Preventas": el nav va a 80
     (--solid) o a 60 (paginas de zona), y con 60 aqui la franja tapaba el
     borde de arriba del panel en las de zona. El velo (79) la cubre. */
  position:relative; z-index:59;
}
.migas__ol{
  display:flex; align-items:center; gap:8px; min-width:0;
  margin:0; list-style:none; box-sizing:border-box;
  /* Mismo margen lateral que .h26-nav: la ruta arranca bajo el logo. */
  padding:14px var(--h26-pad, 40px);
  font:400 14px/20px "Host Grotesk", Montserrat, "Helvetica Neue", Arial, sans-serif;
  color:#475569; white-space:nowrap;
}
.migas__ol li{ display:flex; align-items:center; gap:8px; flex:none; min-width:0; }
.migas__ol li + li::before{ content:"/"; color:#d1d8e5; flex:none; }
/* La pagina actual es la unica que se encoge: un titulo de articulo largo se
   corta con "…" y la franja sigue en UNA linea, tambien en movil. */
.migas__ol li[aria-current]{ flex:0 1 auto; overflow:hidden; }
.migas__ol li[aria-current] > span{ display:block; overflow:hidden; text-overflow:ellipsis; }
.migas__ol a{ color:#2f6fd0; font-weight:600; text-decoration:none; }
.migas__ol a:hover{ text-decoration:underline; text-underline-offset:3px; }
.migas__ol a:focus-visible{ outline:2px solid #3b82f6; outline-offset:3px; border-radius:2px; }

@media (max-width:900px){
  /* .h26-nav usa 16 fijo en movil, no var(--h26-pad). */
  .migas__ol{ padding:12px 16px; font-size:13px; line-height:18px; gap:6px; }
  .migas__ol li{ gap:6px; }
}

/* ---- Lo que la franja sustituye: los "volver" sueltos de cada familia ---- */
.con-migas .eq-bc,              /* Equipo: su ruta dentro de la pagina */
.con-migas .gl-crumb,           /* Invertir en Miami: ruta solo-movil */
.con-migas .dlv2-hero__volver,  /* Fichas de proyecto: "Regresar a preventas" */
.con-migas .blog-back{          /* Articulos del blog: "← Volver" */
  display:none !important;
}

/* ---- Fichas de proyecto y de edificio (delano-proto.css) ----
   En escritorio el nav flota transparente SOBRE la foto (absolute). Con la
   franja debajo, el nav vuelve al flujo con fondo solido —como ya hace en
   movil— y el hero pierde el hueco que le reservaba al nav (94 = 75 + 19). */
@media (min-width:901px){
  .con-migas.dlv2 .h26-nav--solid{ position:relative; background:#031420; }
  .con-migas.dlp .dlv2-hero{ min-height:565px; }
  .con-migas.dlp .dlv2-hero__inner{ padding-top:40px; }
}

/* ---- Blog (assets/blog.css) ----
   Sus bandas navy arrancan con 120px de relleno, hueco que venia de cuando el
   nav flotaba encima; hoy el nav va en el flujo y eso es navy vacio. Con la
   franja encima, el relleno de arriba iguala al de abajo de cada banda. */
.con-migas .blog-hero{ padding-top:48px; }
.con-migas .blog-index-hero{ padding-top:56px; }

/* ---- Paginas de zona (.zn-page: comprar/<zona>/<tipo>/ y por-que-<zona>) ----
   El hero sube por debajo del nav transparente con margin-top:-navh y le
   devuelve ese alto en padding (estilo del generador, _generator-lib.js
   ~12096). Con la franja en medio, el hero subiria por debajo de ELLA y el nav
   quedaria sobre blanco: se le quita la subida y el nav lleva fondo propio. */
.con-migas.zn-page .h26-nav{ background:#031420; }
.con-migas.zn-page .zn-hero{ margin-top:0; padding-top:35px; }
@media (max-width:900px){
  .con-migas.zn-page:not([class*="zn-page--porque"]) .zn-hero{ padding-top:28px; }
}

/* ---- Ficha de propiedad (assets/property.js) ----
   property.js dibuja su propia mini-ruta (.pd-bc, visible solo en movil); la
   franja la copia al cargar el listado (FICHA_JS en migas-sweep.js), asi que
   aqui sobra. El boton "← Volver a resultados" (.pd-back) se queda: no es una
   ruta, devuelve a la busqueda con sus filtros. */
.con-migas .pd-bc{ display:none !important; }