/* CHAT 03 — canonical Hub typography and vertical rhythm. */
.bac-area-hub{background:var(--bac-color-canvas);color:var(--bac-color-ink)}
.bac-area-hub .breadcrumbs{padding-block:var(--bac-space-4);font-size:var(--bac-type-help);line-height:var(--bac-leading-compact)}
.bac-area-hub .breadcrumbs ol{display:flex;flex-wrap:wrap;gap:var(--bac-space-1);list-style:none;margin:0;padding:0}
.bac-area-hub__hero{background:var(--bac-color-navy);color:var(--bac-color-on-dark);padding:var(--bac-rhythm-hero) 0}
.bac-area-hub__hero-grid{display:grid;gap:var(--bac-space-5)}
.bac-area-hub__hero h1{max-width:var(--bac-measure-heading);margin:var(--bac-space-1) 0 var(--bac-space-3);color:var(--bac-color-on-dark);font-size:var(--bac-type-h1-hub);line-height:var(--bac-leading-display);letter-spacing:var(--bac-tracking-display);text-wrap:balance}
.bac-area-hub__lead{max-width:var(--bac-measure-reading);margin:0;color:var(--bac-color-on-dark-muted);font-size:var(--bac-type-lead);line-height:var(--bac-leading-body)}
.bac-area-hub__note{align-self:end;display:flex;gap:var(--bac-space-2);padding:var(--bac-space-4);border:1px solid rgb(255 255 255/.35);border-radius:var(--bac-radius-surface);background:rgb(255 255 255/.08)}
.bac-area-hub__note p{margin:0;line-height:var(--bac-leading-body)}
.bac-area-hub__map,.bac-area-hub__secondary{padding:var(--bac-rhythm-section) 0}
.bac-area-hub__section-head{margin-bottom:var(--bac-space-5)}
.bac-area-hub__section-head h2{margin:var(--bac-space-1) 0 0;color:var(--bac-color-navy);font-size:var(--bac-type-h2);line-height:var(--bac-leading-heading);text-wrap:balance}
.bac-area-hub__routes{display:grid;gap:var(--bac-space-2)}
.bac-area-route{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--bac-space-1) var(--bac-space-4);min-height:5.5rem;padding:var(--bac-space-4) 3.375rem var(--bac-space-4) var(--bac-space-4);border:1px solid var(--bac-color-line);border-radius:var(--bac-radius-surface);background:var(--bac-color-paper);color:var(--bac-color-navy);text-decoration:none;box-shadow:var(--bac-shadow-subtle);overflow-wrap:anywhere}
.bac-area-route__title{font-size:var(--bac-type-body-strong);font-weight:var(--bac-weight-bold);line-height:var(--bac-leading-compact)}
.bac-area-route__help{grid-column:1;color:var(--bac-color-muted);font-size:var(--bac-type-body);line-height:var(--bac-leading-compact)}
.bac-area-route__arrow{position:absolute;right:var(--bac-space-4);top:50%;transform:translateY(-50%);font-size:var(--bac-type-h3)}
.bac-area-route:hover,.bac-area-route:focus-visible{border-color:var(--bac-color-navy);box-shadow:var(--bac-shadow-elevated)}
.bac-area-hub__secondary{background:var(--bac-color-paper)}
.bac-area-secondary-grid{display:grid;gap:var(--bac-space-4)}
.bac-area-secondary-card{padding:var(--bac-space-4);border:1px solid var(--bac-color-line);border-radius:var(--bac-radius-surface)}
.bac-area-secondary-card h3{margin-top:0;color:var(--bac-color-navy);font-size:var(--bac-type-h3);line-height:var(--bac-leading-heading)}
.bac-area-secondary-card ul{display:grid;gap:var(--bac-space-1);padding-left:1.2rem}
.bac-area-secondary-card a{display:inline-flex;align-items:center;min-height:44px;color:var(--bac-color-navy)}
.bac-area-hub__exit{padding:var(--bac-rhythm-section) 0;background:var(--bac-color-navy);color:var(--bac-color-on-dark)}
.bac-area-hub__exit-grid{display:grid;gap:var(--bac-space-4);align-items:center}
.bac-area-hub__exit h2{margin:var(--bac-space-1) 0 var(--bac-space-2);color:var(--bac-color-on-dark);font-size:var(--bac-type-h2);line-height:var(--bac-leading-heading)}
.bac-area-hub__exit p{max-width:var(--bac-measure-reading);color:var(--bac-color-on-dark-muted)}
.bac-area-hub__cta{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:var(--bac-space-2) var(--bac-space-4);border:2px solid var(--bac-color-accent);border-radius:var(--bac-radius-control);background:var(--bac-color-accent);color:var(--bac-color-on-dark);font-weight:var(--bac-weight-bold);line-height:var(--bac-leading-compact);text-decoration:none}
@media(min-width:47.5rem){.bac-area-hub__hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(16.25rem,.6fr)}.bac-area-hub__routes,.bac-area-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bac-area-hub__exit-grid{grid-template-columns:minmax(0,1fr) auto}.bac-area-hub__cta{min-width:13.75rem}}
@media(min-width:70rem){.bac-area-hub__routes{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.bac-area-route{transition:none}}


/* CHAT 13 — continuidad y estados semánticos del Hub canónico. */
.bac-area-hub__section-head>p:last-child{max-width:var(--bac-measure-reading);margin:.75rem 0 0;color:var(--bac-color-muted);line-height:var(--bac-leading-body)}
.bac-area-route--contact,.bac-area-route--safety{background:color-mix(in srgb,var(--bac-color-paper) 88%,var(--bac-color-canvas))}
.bac-area-route--safety{border-inline-start:4px solid var(--bac-color-accent)}
.bac-area-hub__exit-actions{display:grid;gap:var(--bac-space-2)}
.bac-area-hub__back{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:var(--bac-space-2) var(--bac-space-4);border:1px solid var(--bac-color-on-dark-muted);border-radius:var(--bac-radius-control);color:var(--bac-color-on-dark);font-weight:var(--bac-weight-bold);text-decoration:none}
.bac-area-hub__back:hover,.bac-area-hub__back:focus-visible{border-color:var(--bac-color-on-dark);background:rgb(255 255 255/.08)}
@media(min-width:47.5rem){.bac-area-hub__exit-actions{grid-template-columns:auto auto}.bac-area-hub__back,.bac-area-hub__cta{min-width:13.75rem}}
@media(forced-colors:active){.bac-area-route,.bac-area-hub__note,.bac-area-secondary-card,.bac-area-hub__back,.bac-area-hub__cta{border-color:CanvasText}.bac-area-route:focus-visible,.bac-area-hub__back:focus-visible,.bac-area-hub__cta:focus-visible{outline:3px solid Highlight;outline-offset:3px}}