@charset "UTF-8";
                                                                                                                                                                                                                                                                                                                              

                                                                                                                                                                                                                       

.binas-header-zone {
    --theme-color: 113, 128, 150;
    --theme-color-dark: 45, 55, 72;
    --theme-color-hex: var(--color-gray-500);
    --theme-gradient-start: 0.08;
    --theme-gradient-end: 0.02;
    --theme-pattern-opacity: 0.04;
    --theme-decoration-opacity: 0.12;
    --theme-border-width: 3px;
    /* Acento de la banda: por defecto toma el tema libre de la vista; los
       módulos (PageModule) lo pisan con su color canónico. */
    --band-accent: var(--theme-color-hex);
    --band-accent-rgb: var(--theme-color);
}
.binas-main-wrapper {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 4rem);
    width: 100%;
    margin-top: 0rem; /*PORQUE?*/
}
/* La barra superior tiene que quedar fija al scrollear: es la única vía de acceso al mega-menú, y
   con la barra fuera de pantalla el menú sólo se podía abrir estando en el tope de la página.
   `.binas-topbar` ya era `position: sticky; top: 0`, pero un elemento sticky no puede salir de su
   contenedor y `.binas-nav-stack` medía exactamente lo mismo que ella (64px): el rango de
   adherencia era CERO y la barra se iba con el scroll. Se hace sticky el CONTENEDOR y no la barra
   para no sacar nada del flujo: el alto del stack no cambia, no hay hueco de 64px que compensar y
   la barra conserva su ancho de contenido (con `position: fixed` pasaría a medir el viewport
   completo y las acciones de la derecha saltarían el ancho de la scrollbar).

   `height: auto` en el body es parte del MISMO arreglo, no un extra. `global.custom.css` declara
   `body, html { height: calc(100% - 4em) }`, así que la caja del body medía 701px contra 23946px
   de contenido en una pantalla larga, y como un sticky se confina a su bloque contenedor el rango
   quedaba topeado en 637px: medido en navegador, a scrollY 636 la barra seguía arriba y a scrollY
   640 ya se despegaba. Con `auto` el body vuelve a medir su contenido y la adherencia llega hasta
   el final de la página. No mueve nada más: ningún hijo directo del body resuelve alturas en
   porcentaje contra él (`.binas-main-wrapper` usa `min-height` en `vh`) y `scrollHeight` no
   cambia.

   `sticky` NO crea bloque contenedor para descendientes `position: fixed`, así que el backdrop y
   el overlay del mega-menú —hijos de este stack— se siguen midiendo contra el viewport. El
   `z-index: 1050` se mantiene: sigue creando el mismo contexto de apilado que ordena backdrop
   (1055) y barra/panel (1060). */
body.binas-body {
    height: auto;
}
.binas-nav-stack {
    position: sticky;
    top: 0;
    z-index: 1050;
}
.binas-header-zone {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: var(--outlook-bg-primary);
    border-bottom: 1px solid var(--outlook-border);
    min-height: 80px;
    z-index: 1021;
}
.binas-breadcrumb-inline {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    white-space: nowrap;
}
.binas-page-header > .binas-breadcrumb-inline {
    margin-left: auto;
    padding-left: var(--spacing-4);
}
.binas-breadcrumb-inline .breadcrumb {
    margin-bottom: 0;
    background: transparent;
    padding: 0;
    font-size: var(--font-size-xs);
}
.binas-breadcrumb-inline .breadcrumb-item a {
    color: var(--outlook-text-secondary);
    text-decoration: none;
    font-size: var(--font-size-xs);
    transition: color 0.15s ease;
}
.binas-breadcrumb-inline .breadcrumb-item a:hover {
    color: var(--palette-blue-primary);
    text-decoration: underline;
}
.binas-breadcrumb-inline .breadcrumb-item.active a {
    font-weight: var(--font-weight-medium);
    color: var(--outlook-text-secondary);
}
.binas-breadcrumb-inline .breadcrumb-item + .breadcrumb-item::before {
    color: var(--outlook-text-tertiary);
    content: var(--bs-breadcrumb-divider, "/");
    font-size: var(--font-size-xs);
}
.binas-header-zone.header-zone-compact {
    display: flex;
    align-items: center;
    min-height: 40px;
    border-bottom: 1px solid var(--outlook-border-light);
    background-color: var(--outlook-bg-primary);
}
.binas-header-zone.header-zone-compact .binas-page-header {
    padding: var(--spacing-1) 0;
    width: 100%;
}
/* H1 — Banda completa: 64px, barra de acento a la izquierda. La variante
   compacta (header-zone-compact) queda sin tinte y sin acento. El centrado va
   en la banda para que el borde (1-3px, box-sizing: border-box) no la estire. */
.binas-header-zone.band-full {
    display: flex;
    align-items: center;
    min-height: 64px;
}
.binas-header-zone.band-full .binas-page-header {
    padding: 0;
    width: 100%;
}
.binas-header-zone.band-full .binas-band-accent {
    flex-shrink: 0;
    width: 4px;
    height: 34px;
    border-radius: var(--radius-xs);
    background: var(--band-accent);
}
.binas-header-zone[class*="pattern-"] .binas-breadcrumb-inline .breadcrumb-item a,
.binas-header-zone[class*="theme-"] .binas-breadcrumb-inline .breadcrumb-item a {
    color: var(--outlook-text-secondary);
}
.binas-header-zone[class*="pattern-"] .binas-breadcrumb-inline .breadcrumb-item + .breadcrumb-item::before,
.binas-header-zone[class*="theme-"] .binas-breadcrumb-inline .breadcrumb-item + .breadcrumb-item::before {
    color: var(--outlook-text-tertiary);
}
.binas-content-zone {
    flex: 1;
    width: 100%;
    padding: var(--spacing-4) 0;
    overflow: visible;
}
.binas-content-zone:has(> .content-zone-flush) { padding: 0; }
.binas-content-zone > .content-surface {
                                                                                                                                                                                                                                              
}
.binas-content-zone > .content-zone-flush {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    overflow: visible;
}
.binas-content-zone > .content-surface.surface-neutral {
    background: var(--outlook-bg-tertiary);
}
@media (max-width: 576px) {
    .binas-content-zone { padding: var(--spacing-2) 0; }
    .binas-content-zone > .content-surface { padding: var(--spacing-sm); border-radius: var(--radius-md); }
}
@media (min-width: 576px) and (max-width: 767px) {
    .binas-content-zone > .content-surface { padding: var(--spacing-3); }
}
@media (min-width: 768px) and (max-width: 991px) {
    .binas-content-zone > .content-surface { padding: var(--spacing-4); }
}
@media (max-width: 991.98px) {
    .binas-main-wrapper {
        min-height: calc(100vh - 48px);
        margin-top: 48px;
    }
}
.binas-page-header {
    display: flex;
    align-items: center;
    gap: var(--spacing-4);
    padding: var(--spacing-4) 0;
    position: relative;
    z-index: 2;
}
.binas-page-header-icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--outlook-icon-neutral);
    font-size: 1.5rem;
    opacity: 0.7;
    position: relative;
    z-index: 2;
}
.binas-page-header-content {
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 2;
}
.binas-page-title {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--outlook-text-primary);
    line-height: 1.3;
}
.binas-page-description {
    margin: var(--spacing-1) 0 0 0;
    padding: 0;
    font-size: var(--font-size-sm);
    color: var(--outlook-text-secondary);
    line-height: 1.5;
    max-width: 800px;
}
.binas-page-header.compact { padding: var(--spacing-3) 0; }
.binas-page-header.compact .binas-page-header-icon { width: 32px; height: 32px; font-size: 1.25rem; }
.binas-page-header.compact .binas-page-title { font-size: var(--font-size-md); }
.binas-page-header.borderless { border-bottom: none; }
.binas-header-zone.color-blue { --theme-color: 74, 144, 226;  --theme-color-dark: 44, 82, 130;  --theme-color-hex: var(--palette-blue-primary); }
.binas-header-zone.color-water { --theme-color: 0, 114, 187;   --theme-color-dark: 0, 75, 124;   --theme-color-hex: var(--palette-water); }
.binas-header-zone.color-teal { --theme-color: 56, 178, 172;  --theme-color-dark: 40, 94, 97;   --theme-color-hex: var(--chakra-teal-500); }
.binas-header-zone.color-green { --theme-color: 72, 187, 120;  --theme-color-dark: 39, 103, 73;  --theme-color-hex: var(--palette-green); }
.binas-header-zone.color-orange { --theme-color: 237, 137, 54;  --theme-color-dark: 192, 86, 33;  --theme-color-hex: var(--palette-amber); }
.binas-header-zone.color-purple { --theme-color: 128, 90, 213;  --theme-color-dark: 85, 60, 154;  --theme-color-hex: var(--palette-purple); }
.binas-header-zone.color-gray { --theme-color: 113, 128, 150; --theme-color-dark: 45, 55, 72;  --theme-color-hex: var(--color-gray-500); }
.binas-header-zone.color-red { --theme-color: 229, 62, 62;   --theme-color-dark: 155, 44, 44;  --theme-color-hex: var(--chakra-red-500); }
.binas-header-zone.color-indigo { --theme-color: 102, 126, 234; --theme-color-dark: 67, 83, 143;  --theme-color-hex: var(--palette-indigo); }
.binas-header-zone.color-pink { --theme-color: 237, 100, 166; --theme-color-dark: 184, 50, 128; --theme-color-hex: var(--pink-400); }
.binas-header-zone.color-cyan { --theme-color: 0, 188, 212;   --theme-color-dark: 0, 131, 143;  --theme-color-hex: var(--material-cyan); }
/* H2 — Acento canónico por módulo (ViewBag.PageModule). Una vez presente el
   módulo, su color pisa el PageHeaderTheme libre de la vista. */
.binas-header-zone.module-census { --band-accent: var(--palette-teal); --band-accent-rgb: var(--palette-teal-rgb); }
.binas-header-zone.module-infraestructura { --band-accent: var(--palette-water); --band-accent-rgb: var(--palette-water-rgb); }
.binas-header-zone.module-admin { --band-accent: var(--palette-gray-blue); --band-accent-rgb: var(--palette-gray-blue-rgb); }
.binas-header-zone.module-providers { --band-accent: var(--binas-orange); --band-accent-rgb: var(--binas-orange-rgb); }
.binas-header-zone.module-autogestion { --band-accent: var(--palette-green); --band-accent-rgb: var(--palette-green-rgb); }
.binas-header-zone.module-analytics { --band-accent: var(--palette-blue-primary); --band-accent-rgb: var(--palette-blue-primary-rgb); }
.binas-header-zone.intensity-soft { --theme-gradient-start:0.04; --theme-gradient-end:0.01; --theme-pattern-opacity:0.02; --theme-decoration-opacity:0.06; --theme-border-width:2px; }
.binas-header-zone.intensity-light { --theme-gradient-start:0.06; --theme-gradient-end:0.02; --theme-pattern-opacity:0.03; --theme-decoration-opacity:0.08; --theme-border-width:2px; }
.binas-header-zone.intensity-medium { --theme-gradient-start:0.10; --theme-gradient-end:0.03; --theme-pattern-opacity:0.05; --theme-decoration-opacity:0.12; --theme-border-width:3px; }
.binas-header-zone.intensity-strong { --theme-gradient-start:0.15; --theme-gradient-end:0.05; --theme-pattern-opacity:0.08; --theme-decoration-opacity:0.18; --theme-border-width:4px; }
.binas-header-zone.intensity-bold { --theme-gradient-start:0.20; --theme-gradient-end:0.08; --theme-pattern-opacity:0.12; --theme-decoration-opacity:0.25; --theme-border-width:5px; }
.binas-header-zone[class*="pattern-"][class*="color-"] {
    border-bottom-color: var(--theme-color-hex);
    border-bottom-width: var(--theme-border-width);
    border-bottom-style: solid;
}
.binas-header-zone[class*="pattern-"][class*="color-"] .binas-page-header-icon {
    color: var(--theme-color-hex);
    opacity: 1;
}
.binas-header-zone[class*="pattern-"][class*="color-"] .binas-page-title {
    color: rgb(var(--theme-color-dark));
}
.binas-header-zone.pattern-grid {
    background:
        linear-gradient(135deg, rgba(var(--theme-color), var(--theme-gradient-start)) 0%, rgba(var(--theme-color), var(--theme-gradient-end)) 100%),
        radial-gradient(circle, rgba(var(--theme-color), var(--theme-pattern-opacity)) 1.5px, transparent 1.5px);
    background-size: 100% 100%, 20px 20px;
}
.binas-header-zone.pattern-diagonal {
    background:
        linear-gradient(135deg, rgba(var(--theme-color), var(--theme-gradient-start)) 0%, rgba(var(--theme-color), var(--theme-gradient-end)) 100%),
        repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(var(--theme-color), var(--theme-pattern-opacity)) 20px, rgba(var(--theme-color), var(--theme-pattern-opacity)) 40px);
}
.binas-header-zone.pattern-diagonal::before {
    content: ''; position: absolute; top: -50%; right: -10%; width: 300px; height: 300px;
    background: radial-gradient(circle, rgba(var(--theme-color), calc(var(--theme-decoration-opacity) + 0.02)) 0%, transparent 70%);
    pointer-events: none;
}
.binas-header-zone.pattern-waves {
    background:
        linear-gradient(135deg, rgba(var(--theme-color), var(--theme-gradient-start)) 0%, rgba(var(--theme-color), var(--theme-gradient-end)) 100%),
        repeating-linear-gradient(0deg, transparent, transparent 10px, rgba(var(--theme-color), var(--theme-pattern-opacity)) 10px, rgba(var(--theme-color), var(--theme-pattern-opacity)) 12px);
}
.binas-header-zone.pattern-waves::before {
    content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 5px;
    background: repeating-linear-gradient(90deg, transparent, transparent 12px, rgba(var(--theme-color), calc(var(--theme-decoration-opacity) + 0.1)) 12px, rgba(var(--theme-color), calc(var(--theme-decoration-opacity) + 0.1)) 24px);
    pointer-events: none;
}
.binas-header-zone.pattern-waves::after {
    content: ''; position: absolute; top: 0; right: 10%; width: 100px; height: 100%;
    background: linear-gradient(180deg, rgba(var(--theme-color), var(--theme-decoration-opacity)) 0%, transparent 100%);
    clip-path: polygon(50% 0%, 100% 0%, 50% 100%, 0% 100%);
    pointer-events: none;
}
.binas-header-zone.pattern-circles {
    background:
        linear-gradient(135deg, rgba(var(--theme-color), var(--theme-gradient-start)) 0%, rgba(var(--theme-color), var(--theme-gradient-end)) 100%),
        radial-gradient(circle at 95% 50%, rgba(var(--theme-color), calc(var(--theme-pattern-opacity) + 0.02)) 0%, transparent 50%),
        radial-gradient(circle at 5% 80%, rgba(var(--theme-color), var(--theme-pattern-opacity)) 0%, transparent 40%);
}
.binas-header-zone.pattern-circles::before {
    content: ''; position: absolute; top: 50%; right: 5%; transform: translateY(-50%); width: 180px; height: 180px;
    border: 3px solid rgba(var(--theme-color), var(--theme-decoration-opacity)); border-radius: 50%; pointer-events: none;
}
.binas-header-zone.pattern-circles::after {
    content: ''; position: absolute; top: 50%; right: 5%; transform: translateY(-50%); width: 120px; height: 120px;
    border: 2px solid rgba(var(--theme-color), calc(var(--theme-decoration-opacity) - 0.04)); border-radius: 50%; pointer-events: none;
}
.binas-header-zone.pattern-bars {
    background:
        linear-gradient(135deg, rgba(var(--theme-color), var(--theme-gradient-start)) 0%, rgba(var(--theme-color), var(--theme-gradient-end)) 100%),
        repeating-linear-gradient(90deg, transparent, transparent 18px, rgba(var(--theme-color), var(--theme-pattern-opacity)) 18px, rgba(var(--theme-color), var(--theme-pattern-opacity)) 22px);
}
.binas-header-zone.pattern-bars::before {
    content: ''; position: absolute; top: 15%; right: 5%; width: 12px; height: 70%;
    background: rgba(var(--theme-color), var(--theme-decoration-opacity)); border-radius: var(--radius-sm); pointer-events: none;
}
.binas-header-zone.pattern-bars::after {
    content: ''; position: absolute; top: 30%; right: 8%; width: 12px; height: 50%;
    background: rgba(var(--theme-color), calc(var(--theme-decoration-opacity) - 0.04)); border-radius: var(--radius-sm); pointer-events: none;
}
.binas-header-zone.pattern-hexagon {
    background:
        linear-gradient(135deg, rgba(var(--theme-color), var(--theme-gradient-start)) 0%, rgba(var(--theme-color), var(--theme-gradient-end)) 100%),
        linear-gradient(60deg, transparent 47%, rgba(var(--theme-color), var(--theme-pattern-opacity)) 47%, rgba(var(--theme-color), var(--theme-pattern-opacity)) 53%, transparent 53%),
        linear-gradient(-60deg, transparent 47%, rgba(var(--theme-color), var(--theme-pattern-opacity)) 47%, rgba(var(--theme-color), var(--theme-pattern-opacity)) 53%, transparent 53%);
    background-size: 100% 100%, 40px 70px, 40px 70px;
}
.binas-header-zone.pattern-hexagon::before {
    content: ''; position: absolute; top: 50%; right: 8%; transform: translateY(-50%) rotate(30deg); width: 80px; height: 80px;
    border: 3px solid rgba(var(--theme-color), var(--theme-decoration-opacity)); pointer-events: none;
}
.binas-header-zone.pattern-cross {
    background:
        linear-gradient(135deg, rgba(var(--theme-color), var(--theme-gradient-start)) 0%, rgba(var(--theme-color), var(--theme-gradient-end)) 100%),
        linear-gradient(90deg, transparent 48%, rgba(var(--theme-color), var(--theme-pattern-opacity)) 48%, rgba(var(--theme-color), var(--theme-pattern-opacity)) 52%, transparent 52%),
        linear-gradient(0deg, transparent 48%, rgba(var(--theme-color), var(--theme-pattern-opacity)) 48%, rgba(var(--theme-color), var(--theme-pattern-opacity)) 52%, transparent 52%);
    background-size: 100% 100%, 25px 25px, 25px 25px;
}
.binas-header-zone.pattern-gradient {
    background: linear-gradient(135deg, rgba(var(--theme-color), var(--theme-gradient-start)) 0%, rgba(var(--theme-color), var(--theme-gradient-end)) 100%);
}
.binas-header-zone.pattern-gradient::before {
    content: ''; position: absolute; top: -30%; right: -5%; width: 250px; height: 250px;
    background: radial-gradient(circle, rgba(var(--theme-color), var(--theme-decoration-opacity)) 0%, transparent 70%);
    pointer-events: none;
}
/* H2 (sobre el theming): con PageModule presente, su acento canónico manda sobre
   el color libre del PageHeaderTheme — fondo plano, hairline, ícono y barra. Va
   después de las reglas de patrón/color para ganarles por orden de cascada. */
.binas-header-zone.band-full[class*="module-"] {
    background: rgba(var(--band-accent-rgb), 0.06);
    border-bottom: 1px solid rgba(var(--band-accent-rgb), 0.2);
}
.binas-header-zone.band-full[class*="module-"] .binas-page-header-icon {
    color: var(--band-accent);
    opacity: 1;
}
/* H2 (título): cuando el módulo manda, el título también. Cada módulo usa una
   variante oscura de su acento para mantener texto legible sobre el tinte claro
   de la banda; census usa --teal-900 porque --teal-800 solo da 4.34:1 sobre el
   tinte (AA pide 4.5:1). `.band-full.module-x` iguala la especificidad de las
   reglas [class*="pattern-"][class*="color-"] y las supera por orden de cascada. */
.binas-header-zone.band-full.module-census .binas-page-title { color: var(--teal-900); }
.binas-header-zone.band-full.module-infraestructura .binas-page-title { color: var(--palette-water); }
.binas-header-zone.band-full.module-admin .binas-page-title { color: var(--chakra-gray-700); }
.binas-header-zone.band-full.module-providers .binas-page-title { color: var(--amber-900); }
.binas-header-zone.band-full.module-autogestion .binas-page-title { color: var(--green-700); }
.binas-header-zone.band-full.module-analytics .binas-page-title { color: var(--color-blue-800); }
@media (max-width: 768px) {
    .binas-page-header { padding: var(--spacing-3) 0; gap: var(--spacing-3); }
    .binas-page-header-icon { width: 32px; height: 32px; font-size: 1.25rem; }
    .binas-page-title { font-size: var(--font-size-md); }
    .binas-page-description { font-size: var(--font-size-xs); }
    .binas-header-zone::before,
    .binas-header-zone::after { display: none; }
    .binas-content-zone { padding: var(--spacing-3) 0; }
    .binas-page-header > .binas-breadcrumb-inline {
        max-width: 40%;
        overflow: hidden;
    }
    .binas-page-header > .binas-breadcrumb-inline .breadcrumb {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
@media (max-width: 576px) {
    .binas-page-header { flex-direction: column; gap: var(--spacing-2); }
    .binas-page-header-icon { width: 28px; height: 28px; font-size: 1.1rem; }
    .binas-breadcrumb-inline { align-self: flex-start; }
    .binas-page-header > .binas-breadcrumb-inline {
        max-width: 100%;
        padding-left: 0;
        margin-left: 0;
    }
}
@media (prefers-reduced-motion: reduce) {
    .binas-header-zone,
    .binas-header-zone::before,
    .binas-header-zone::after,
    .binas-page-header { transition: none; animation: none; }
}
@media (prefers-contrast: high) {
    .binas-header-zone[class*="pattern-"],
    .binas-header-zone[class*="theme-"] {
        background: var(--outlook-bg-primary) !important;
        border-bottom-width: 4px !important;
    }
    .binas-header-zone::before,
    .binas-header-zone::after { display: none !important; }
}


/* Restored from unused (classes found used in cshtml/JS) */
.binas-breadcrumb-row { padding: var(--spacing-2) 0; }

/* Fase 3 — Botón "Volver" contextual en header zone */
.btn-back-header {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .375rem .875rem;
    margin-bottom: .5rem;
    font-size: .8rem;
    font-weight: 500;
    color: var(--outlook-text-secondary);
    background: transparent;
    border: 1px solid var(--outlook-border);
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: var(--transition-colors);
}
.btn-back-header:hover {
    color: var(--outlook-text-primary);
    background: var(--outlook-bg-hover);
    border-color: var(--outlook-border-hover);
}
.btn-back-header i { font-size: .9rem; }

/* H3 — Footer del shell (56px): marca + leyenda a la izquierda, links a la derecha */
.binas-footer {
    flex-shrink: 0;
    height: 56px;
    background: var(--outlook-bg-primary);
    border-top: 1px solid var(--outlook-border-light);
}
.binas-footer-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-4);
    height: 100%;
}
.binas-footer-brand {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
    min-width: 0;
}
.binas-footer-brand .binas-branding {
    margin-left: 0;
    gap: 0;
}
.binas-footer-brand .binas-title {
    font-size: var(--font-size-base);
    margin-bottom: 0;
    letter-spacing: 0.02em;
}
.binas-footer-text {
    font-size: var(--font-size-xs);
    color: var(--outlook-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.binas-footer-links {
    display: flex;
    align-items: center;
    gap: var(--spacing-6);
    flex-shrink: 0;
}
.binas-footer-link {
    font-size: var(--font-size-xs);
    color: var(--outlook-text-secondary);
    text-decoration: none;
    transition: var(--transition-colors);
}
.binas-footer-link:hover {
    color: var(--binas-navy);
    text-decoration: underline;
}
@media (max-width: 576px) {
    .binas-footer-text { display: none; }
}