/* hub-home-variants.css — CSS de home propia del wiring hub (no tocar hub-core.css).
 * FIX 2 (Sep 2026): pills de ciudades ≤ HOME_AZ_PILLS_MAX_CITIES (DirectoryHub).
 * La letra es columna fija como .hub-az-row; chips = .hub-pills a ya estilizada.
 * FIX 1 (Sep 2026): piso de visibilidad del featured v1 (copias defensivas de las
 * reglas de hub-core.css para caso de empate de especificidad con <style> inline). */

/* ---- FIX 2: fila de letra + pills de ciudades ---- */
.hub-az-pills-row{display:flex;align-items:flex-start;gap:.85rem;margin:0 0 .55rem}
.hub-az-pills-row .hub-az-pills-letter{flex:0 0 1.6rem;min-width:1.6rem;font-weight:800;font-size:1.02rem;line-height:1.55;color:var(--color-text)}
.hub-az-pills-row .hub-pills-block{flex:1 1 auto;min-width:0;margin:0}
.hub-az-pills-row .hub-pills{margin:.1rem 0 0}

/* ---- FIX 1: piso de visibilidad del featured v1 (filas compactas legibles) ---- */
/* Copia defensiva de hub-core.css (mismo selector + orden posterior gana el empate). */
html .hub-layout .hub-home--v1 .hub-featured .hub-card{background:var(--color-card-bg)!important;border:1px solid var(--color-border)!important;border-radius:10px!important;margin:0 0 .65rem!important}
html .hub-layout .hub-home--v1 .hub-featured .hub-card__main{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}
html .hub-layout .hub-home--v1 .hub-featured .hub-card__title{grid-column:1!important;min-width:0!important;max-width:100%!important}
html .hub-layout .hub-home--v1 .hub-featured .hub-card__title a{color:var(--color-primary)!important;overflow-wrap:anywhere;word-break:break-word}
html .hub-layout .hub-home--v1 .hub-featured .hub-card__addr{grid-column:1!important;min-width:0!important;max-width:100%!important}
html .hub-layout .hub-home--v1 .hub-featured .hub-card__footer{grid-column:2!important;grid-row:1 / span 2!important;margin:0!important;align-self:center!important;justify-content:flex-end!important;width:auto!important;min-width:0!important;max-width:none!important;flex-wrap:nowrap!important;border-left:0!important;box-sizing:border-box!important}
html .hub-layout .hub-home--v1 .hub-featured .hub-card__link{border:1px solid var(--color-border)!important;border-radius:8px!important;background:var(--color-background)!important;width:auto!important;max-width:none!important;flex:0 0 auto!important;white-space:nowrap!important;box-sizing:border-box!important}
html .hub-layout .hub-home--v1 .hub-featured a.hub-card__link--call{background:var(--color-background)!important;color:var(--color-text)!important}
html .hub-layout .hub-home--v1 .hub-featured a.hub-card__link--view{background:var(--color-button)!important;color:#fff!important;border-color:transparent!important}
html .hub-layout .hub-home--v1 .hub-featured a.hub-card__link--view:hover{color:#fff!important;border-color:transparent!important}