/* Barra híbrida (cortes N1 a N4, 30-10-2026; Inicio y empresa 04-11-2026; lado derecho unificado 04-11-2026): 5 dominios con mega-menú al hacer clic. Solo tokens --cv-* y medidas de la
   escala Fibonacci. Sin franja «Niveles»: el contenido ocupa todo el ancho. El menú se centra bajo la barra. */
html body.ng-global-enabled.ng-hibrida{padding-left:0!important}
html body.ng-hibrida.ng-global-enabled.ng-app-shell .ui-layout-center{left:0!important;width:100%!important}
html body.ng-hibrida .ng-dev-tools.ng-global-status{left:0!important}

/* La franja de dominios ocupa todo el alto de la barra (sale 8 px sobre su relleno) para que la línea del activo quede en el
   borde inferior, como en LinkedIn. */
.ng-hb{display:flex;align-items:stretch;align-self:stretch;margin-block:calc(var(--cv-space-8) * -1);justify-content:center;gap:var(--cv-space-5);flex:1;min-width:0}
.ng-hb-dominio{position:static;display:flex}
.ng-hb .ng-ir-boton{align-self:center}
.ng-hb-boton{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:55px;padding:var(--cv-space-3) var(--cv-space-8);border:0;border-radius:var(--cv-radius-21);background:transparent;color:var(--cv-ink-muted);font:600 11px/18px var(--font-sf,system-ui);white-space:nowrap;cursor:pointer;transition:color var(--cv-dur-89) var(--cv-ease-swing)}
/* Iconos de dominio (aprobados 30-10-2026): glifos monolineales sobre un anillo abierto; trazo 1,5, extremos redondeados,
   caja de 28 y color heredado. Medidas pedidas por el usuario (30-10-2026): icono 21 → 28, palabra debajo en 11 px, sin flecha.
   Se iluminan como en LinkedIn (30-10-2026): en reposo gris suave (--cv-ink-muted, 5,4:1); al pasar el cursor o con el menú
   abierto, tinta plena en 89 ms y sin círculo; el activo además engrosa el trazo (1,5 → 2), rellena sus figuras cerradas
   (--ng-hb-relleno, con el detalle calado en --ng-hb-calado) y marca una línea de 2 px en el borde inferior de la barra.
   El activo usa tinta y no el color de la empresa: ese color queda para las acciones. La línea no se anima al cargar la página.
   Proporción áurea: icono ≈ letra × φ² (11 × 2,618 ≈ 28), interlineado = letra × φ (18) y la distancia del icono a la palabra
   baja de 16 a 10 px (16 ÷ φ): caja del icono de 34 y sin hueco. Espacios de la escala Fibonacci (3, 8). */
.ng-hb-simbolos{position:absolute;width:0;height:0;overflow:hidden}
.ng-hb-aro{display:grid;place-items:center;width:34px;height:34px;flex:none;color:inherit}
.ng-hb-ic{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.ng-hb-ic .p{fill:currentColor;stroke:none}
.ng-hb-flecha{display:none}
.ng-hb-boton:hover,.ng-hb-boton[aria-expanded="true"],.ng-hb-boton[aria-current="page"]{color:var(--cv-ink)}
.ng-hb-boton::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;transform:scaleX(0);transition:transform var(--cv-dur-233) var(--cv-ease-swing)}
.ng-hb-boton[aria-current="page"]::after{transform:none}
.ng-hb-boton[aria-current="page"] .ng-hb-ic{stroke-width:2;--ng-hb-relleno:currentColor;--ng-hb-calado:var(--cv-canvas)}
.ng-hb-boton:focus-visible,.ng-hb-panel a:focus-visible{outline:2px solid var(--cv-focus);outline-offset:2px}

.ng-hb-panel{position:fixed;top:calc(var(--ng-nav-height,76px) + var(--cv-space-8));left:50%;transform:translateX(-50%);z-index:1100;box-sizing:border-box;width:max-content;max-width:min(987px,calc(100vw - 34px));max-height:calc(100dvh - var(--ng-nav-height,76px) - 34px);overflow:auto;display:grid;gap:var(--cv-space-13);padding:var(--cv-space-21);background:var(--cv-surface);border:1px solid var(--cv-line);border-radius:var(--cv-radius-13);box-shadow:var(--cv-shadow-portal);text-align:left}
.ng-hb-panel[hidden]{display:none}
.ng-hb-cabeza{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--cv-space-5) var(--cv-space-13);padding-bottom:var(--cv-space-13);border-bottom:1px solid var(--cv-line)}
.ng-hb-cabeza strong{font:600 20px/32px var(--font-sf,system-ui);color:var(--cv-ink)}
.ng-hb-cabeza span{font:400 13px/21px var(--font-sf,system-ui);color:var(--cv-ink-muted)}
.ng-hb-columnas{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(144px,233px);gap:var(--cv-space-21)}
.ng-hb-columnas section{display:flex;flex-direction:column;min-width:0}
.ng-hb-columnas h3{margin:0 0 var(--cv-space-5);font:650 10px/16px var(--font-sf,system-ui);letter-spacing:.13em;text-transform:uppercase;color:var(--cv-ink-muted)}
.ng-hb-panel a{display:block;padding:var(--cv-space-5) var(--cv-space-8);margin:0 calc(var(--cv-space-8) * -1);border-radius:var(--cv-radius-5);font:400 13px/21px var(--font-sf,system-ui);color:var(--cv-ink);text-decoration:none}
.ng-hb-panel a:hover{background:var(--cv-wash);color:var(--cv-primary)}
.ng-hb-pie{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cv-space-5) var(--cv-space-13);padding-top:var(--cv-space-13);border-top:1px solid var(--cv-line);font:400 13px/21px var(--font-sf,system-ui);color:var(--cv-ink-muted)}
.ng-hb-pie a{margin:0;padding:0 var(--cv-space-5);color:var(--cv-primary)}

/* Inicio y empresa activa (04-11-2026, aprobado) y lado derecho unificado (04-11-2026, aprobado): «Inicio» es el primer dominio (un
   enlace, sin menú); una franja de 3 px lleva el color de acción de la empresa; y un aviso de 5 s dice «Ahora estás en …» al llegar a
   otra empresa. La empresa vive en un solo sitio: la pastilla de la cuenta (cuentaGlobal.xhtml), con el avatar de la persona y la
   loseta de la empresa en su esquina; el sello junto al logo, las dos losetas de Duet y el chip de la miga desaparecen. Los logos
   van sobre blanco también en oscuro: las marcas no se invierten. */
.ng-franja{position:absolute;left:0;right:0;top:0;height:3px;background:var(--cv-primary);pointer-events:none;z-index:1}
.ng-sello-loseta{position:relative;flex:none;display:grid;place-items:center;box-sizing:border-box;width:34px;height:34px;border-radius:var(--cv-radius-8);background:white;border:1px solid var(--cv-line);overflow:hidden}
.ng-sello-iniciales{font:650 11px/1 var(--font-sf,system-ui);color:var(--cv-ink-muted)}
img.ng-sello-logo{position:absolute;inset:0;box-sizing:border-box;width:100%;height:100%;object-fit:contain;padding:3px;background:white}
img.ng-sello-logo[hidden]{display:none}
.ng-llegada{position:fixed;right:var(--cv-space-21);top:calc(var(--ng-nav-height,76px) + var(--ng-status-height,0px) + var(--cv-space-13));z-index:1200;display:flex;align-items:center;gap:var(--cv-space-8);box-sizing:border-box;max-width:calc(100vw - 42px);padding:var(--cv-space-8) var(--cv-space-13) var(--cv-space-8) var(--cv-space-8);background:var(--cv-surface);border:1px solid var(--cv-line);border-left:3px solid var(--cv-primary);border-radius:var(--cv-radius-8);box-shadow:var(--cv-shadow-portal);font:400 13px/21px var(--font-sf,system-ui);color:var(--cv-ink);opacity:0;transform:translateY(-8px);transition:opacity var(--cv-dur-377) var(--cv-ease-swing),transform var(--cv-dur-377) var(--cv-ease-swing)}
.ng-llegada[hidden]{display:none}
.ng-llegada.ng-visible{opacity:1;transform:none}
.ng-llegada b{font-weight:600}
html body.ng-con-miga .ng-llegada{top:calc(var(--ng-nav-height,76px) + var(--ng-status-height,0px) + 34px + var(--cv-space-13))}
@media screen and (max-width:1100px){.ng-hb{justify-content:flex-start;overflow-x:auto;scrollbar-width:thin}.ng-hb-boton{padding:var(--cv-space-3) var(--cv-space-5)}}
@media screen and (max-width:900px){.ng-hb-columnas{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(auto-fit,minmax(144px,1fr))}.ng-hb-panel{left:var(--cv-space-8);right:var(--cv-space-8);transform:none;width:auto;max-width:none}}
@media screen and (max-width:650px){.ng-hb{gap:var(--cv-space-2)}.ng-hb-boton{flex-direction:column;gap:var(--cv-space-2);min-height:55px;padding:var(--cv-space-2) var(--cv-space-5);font-size:10px;line-height:16px}}
@media (prefers-reduced-motion:reduce){.ng-hb-boton,.ng-hb-boton::after{transition:none}}

/* N2 · Miga de pan: franja fija de 34px bajo la barra; el contenido baja lo mismo. */
html body.ng-global-enabled.ng-hibrida.ng-con-miga{padding-top:calc(var(--ng-nav-height,76px) + var(--ng-status-height,0px) + 34px)!important;scroll-padding-top:calc(var(--ng-nav-height,76px) + var(--ng-status-height,0px) + 55px)}
html body.ng-hibrida.ng-con-miga.ng-global-enabled.ng-app-shell .ui-layout-center{top:calc(var(--ng-nav-height,76px) + var(--ng-status-height,0px) + 34px)!important;height:calc(100vh - var(--ng-nav-height,76px) - var(--ng-status-height,0px) - 34px)!important}
.ng-miga{position:fixed;left:0;right:0;top:calc(var(--ng-nav-height,76px) + var(--ng-status-height,0px));z-index:880;box-sizing:border-box;height:34px;display:flex;align-items:center;padding:0 var(--cv-space-21);background:var(--cv-canvas);border-bottom:1px solid var(--cv-line);font:400 13px/21px var(--font-sf,system-ui);color:var(--cv-ink-muted)}
.ng-miga ol{display:flex;align-items:center;gap:var(--cv-space-8);margin:0;padding:0;list-style:none;min-width:0;overflow:hidden;white-space:nowrap}
.ng-miga li{display:flex;align-items:center;gap:var(--cv-space-8);min-width:0}
.ng-miga li+li::before{content:"›";color:var(--cv-ink-muted)}
.ng-miga li[hidden]{display:none}
/* La barra de pasos de Estrategia (.ng-partitura) se fijaba bajo la barra y quedaba 34 px bajo la miga (30-10-2026). */
html body.ng-hibrida.ng-con-miga .ng-partitura{top:calc(var(--ng-nav-height,76px) + var(--ng-status-height,0px) + 34px)!important}
.ng-miga a,.ng-miga-dominio{padding:var(--cv-space-2) var(--cv-space-5);margin:0 calc(var(--cv-space-5) * -1);border:0;border-radius:var(--cv-radius-5);background:transparent;color:var(--cv-ink-muted);font:inherit;text-decoration:none;cursor:pointer}
.ng-miga a:hover,.ng-miga-dominio:hover{background:var(--cv-wash);color:var(--cv-primary)}
.ng-miga a:focus-visible,.ng-miga-dominio:focus-visible{outline:2px solid var(--cv-focus);outline-offset:2px}
.ng-miga [aria-current="page"]{color:var(--cv-ink);font-weight:600;overflow:hidden;text-overflow:ellipsis}
@media screen and (max-width:650px){.ng-miga{padding:0 var(--cv-space-13)}.ng-miga li:not(:first-child):not(:has([aria-current="page"])){display:none}}

/* N3 · «Ir a…»: botón junto a la cuenta y paleta centrada; un solo nivel de profundidad, sin degradados. */
.ng-ir-boton{display:flex;flex:none;margin-left:var(--cv-space-13);align-items:center;gap:var(--cv-space-8);min-height:34px;padding:var(--cv-space-5) var(--cv-space-8) var(--cv-space-5) var(--cv-space-13);border:1px solid var(--cv-line);border-radius:var(--cv-radius-21);background:var(--cv-surface);color:var(--cv-ink-muted);font:400 13px/21px var(--font-sf,system-ui);cursor:pointer;white-space:nowrap;flex:none}
.ng-ir-boton:hover{background:var(--cv-wash);color:var(--cv-ink)}
.ng-ir-boton:focus-visible{outline:2px solid var(--cv-focus);outline-offset:2px}
.ng-ir-boton kbd{font:600 10px/16px var(--font-sf,system-ui);padding:0 var(--cv-space-5);border:1px solid var(--cv-line);border-radius:var(--cv-radius-3);color:var(--cv-ink-muted)}
.ng-ir{position:fixed;inset:0;z-index:2100;display:flex;justify-content:center;align-items:flex-start;padding:calc(var(--ng-nav-height,76px) + var(--cv-space-34)) var(--cv-space-21) var(--cv-space-21);background:color-mix(in srgb,var(--cv-ink) 34%,transparent)}
.ng-ir[hidden]{display:none}
.ng-ir-caja{width:min(610px,100%);max-height:calc(100dvh - var(--ng-nav-height,76px) - 89px);display:flex;flex-direction:column;background:var(--cv-surface);border-radius:var(--cv-radius-13);box-shadow:var(--cv-shadow-portal);overflow:hidden}
.ng-ir-q{box-sizing:border-box;width:100%;min-height:55px;padding:var(--cv-space-13) var(--cv-space-21);border:0;border-bottom:1px solid var(--cv-line);background:transparent;color:var(--cv-ink);font:400 16px/26px var(--font-sf,system-ui);outline:none}
.ng-ir-lista{list-style:none;margin:0;padding:var(--cv-space-8);overflow:auto}
.ng-ir-lista [role=option]{display:flex;justify-content:space-between;align-items:baseline;gap:var(--cv-space-13);padding:var(--cv-space-8) var(--cv-space-13);border-radius:var(--cv-radius-8);cursor:pointer}
.ng-ir-lista [role=option][aria-selected="true"],.ng-ir-lista [role=option]:hover{background:var(--cv-wash)}
.ng-ir-e{font:600 13px/21px var(--font-sf,system-ui);color:var(--cv-ink)}
.ng-ir-lista [aria-selected="true"] .ng-ir-e{color:var(--cv-primary)}
.ng-ir-r{font:400 13px/21px var(--font-sf,system-ui);color:var(--cv-ink-muted);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ng-ir-vacio{padding:var(--cv-space-13);color:var(--cv-ink-muted);font:400 13px/21px var(--font-sf,system-ui)}
.ng-ir-pie{margin:0;padding:var(--cv-space-8) var(--cv-space-21) var(--cv-space-13);border-top:1px solid var(--cv-line);font:400 13px/21px var(--font-sf,system-ui);color:var(--cv-ink-muted)}
@media screen and (max-width:900px){.ng-ir-boton kbd{display:none}}
@media screen and (max-width:650px){.ng-ir-r{display:none}.ng-ir{padding:var(--cv-space-13)}}

/* Lado derecho unificado (aprobado 04-11-2026, propuesta JFqjExFLD5LGQnU2mKNRLr). De seis piezas con tres estilos a tres piezas con
   uno: «Buscar» (antes «Ir a…») y «Alma» (antes «Asesor») se dibujan exactamente como los dominios (icono de 28 sobre el anillo,
   palabra de 11 debajo, tinta al pasar); la cuenta es una sola pastilla de 44 (radio 13, máximo 233) con el avatar de 34 (foto de la
   credencial o iniciales), la loseta de la empresa de 16 en su esquina, el nombre y «empresa · rol»; el menú de la cuenta reúne las
   empresas, Mi espacio, Duet (IA o manual) y la apariencia (lo que antes eran las dos losetas de Duet); ☰ baja a 34 y a gris suave.
   La rejilla de la cabecera queda en cuatro columnas: marca, dominios, Alma y cuenta. Duet sigue montado por duet-global-v5.js: su
   raíz se saca de la rejilla (0×0 en la esquina derecha) para que sus paneles se abran bajo la barra; sus disparadores se ocultan y
   el menú de la cuenta los acciona (navegacion-hibrida-v8.js). Espacios 3, 5, 8, 13, 21; radios 5, 8, 13, 21 (21 en 34 = círculo). */
@media screen and (min-width:1280px){html body.ng-hibrida #ngGlobalRoot .ng-global-nav.ng-harmony-nav.ng-harmony-nav{grid-template-columns:110px minmax(0,1fr) auto auto!important;grid-template-areas:"brand modules help account"!important}}
.ng-hb-inicio{margin-left:auto}
.ng-hb .ng-ir-boton,.ng-ir-boton.ng-hb-util{flex-direction:column;gap:0;margin-left:auto;min-height:55px;padding:var(--cv-space-3) var(--cv-space-8);border:0;border-radius:var(--cv-radius-21);background:transparent;color:var(--cv-ink-muted);font:600 11px/18px var(--font-sf,system-ui)}
.ng-ir-boton.ng-hb-util:hover{background:transparent;color:var(--cv-ink)}
.ng-ir-boton.ng-hb-util kbd{display:none}
html body.ng-hibrida .ng-harmony-nav>.ng-help-entry.ng-hb-alma{grid-area:help;position:relative!important;display:flex!important;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:0;box-sizing:border-box;width:auto!important;min-width:0!important;height:auto!important;min-height:55px;margin:0!important;padding:var(--cv-space-3) var(--cv-space-8)!important;border:0!important;border-radius:var(--cv-radius-21)!important;background:transparent!important;box-shadow:none!important;color:var(--cv-ink-muted)!important;font:600 11px/18px var(--font-sf,system-ui)!important;white-space:nowrap;text-decoration:none!important;transform:none!important;justify-self:end;transition:color var(--cv-dur-89) var(--cv-ease-swing)}
html body.ng-hibrida .ng-harmony-nav>.ng-help-entry.ng-hb-alma:hover,html body.ng-hibrida .ng-harmony-nav>.ng-help-entry.ng-hb-alma[aria-expanded="true"],html body.ng-hibrida .ng-harmony-nav>.ng-help-entry.ng-hb-alma[aria-current="page"]{color:var(--cv-ink)!important;background:transparent!important;box-shadow:none!important;transform:none!important}
html body.ng-hibrida .ng-harmony-nav>.ng-help-entry.ng-hb-alma:focus-visible{outline:2px solid var(--cv-focus)!important;outline-offset:2px!important}
/* Alma con su retrato (fase 1, 05-11-2026): la misma caja que un dominio, con la foto redonda en vez de un glifo. Al pasar el
   cursor y en activo se ilumina como los dominios (color de tinta y línea), sin el aro verde que heredaba de asesora-avatar-v2. */
html body.ng-hibrida .ng-harmony-nav>.ng-help-entry.ng-hb-alma:hover,html body.ng-hibrida .ng-harmony-nav>.ng-help-entry.ng-hb-alma[aria-current="page"]{outline:0!important;animation:none!important}
html body.ng-hibrida .ng-hb-alma .ng-hb-retrato{display:block;width:28px;height:28px;border-radius:var(--cv-radius-21);background:url(/9Gigs/resources/img/alma-112.png) 50% 12%/cover no-repeat;box-shadow:0 0 0 1.5px color-mix(in srgb,currentColor 55%,transparent);transition:box-shadow var(--cv-dur-89) var(--cv-ease-swing)}
html body.ng-hibrida .ng-hb-alma:hover .ng-hb-retrato,html body.ng-hibrida .ng-hb-alma[aria-current="page"] .ng-hb-retrato{box-shadow:0 0 0 2px currentColor}
html body.ng-hibrida .ng-hb-alma .ng-hb-aro{position:relative}
html body.ng-hibrida .ng-hb-alma svg{color:inherit!important}
html body.ng-hibrida .ng-hb-alma .ap-entrada-cuenta{position:absolute;top:-2px;right:-5px;box-shadow:0 0 0 2px var(--cv-surface)}
html body.ng-hibrida .ng-harmony-nav #ng-duet{position:absolute!important;right:var(--cv-space-21);bottom:0;width:0;height:0;min-width:0!important;margin:0!important;padding:0!important;overflow:visible}
html body.ng-hibrida .ng-harmony-nav #ng-duet>.duet-trigger{display:none!important}
html body.ng-hibrida .ng-harmony-nav #ngGlobalOptions{display:flex!important;align-items:center;gap:var(--cv-space-5)!important;justify-self:end;min-width:0;margin:0!important}
html body.ng-hibrida .ng-harmony-nav .ng-cuenta{position:relative;flex:none;min-width:0;max-width:233px;font:400 13px/18px var(--font-sf,system-ui);color:var(--cv-ink)}
html body.ng-hibrida .ng-harmony-nav .ng-cuenta>summary.ng-cuenta-boton{list-style:none;display:flex!important;align-items:center;gap:var(--cv-space-8)!important;box-sizing:border-box;width:auto!important;height:44px!important;min-height:44px;max-width:233px;padding:0 var(--cv-space-8) 0 var(--cv-space-5)!important;border-radius:var(--cv-radius-13);cursor:pointer;transition:background var(--cv-dur-89) var(--cv-ease-swing)}
html body.ng-hibrida .ng-harmony-nav .ng-cuenta>summary::-webkit-details-marker{display:none}
html body.ng-hibrida .ng-harmony-nav .ng-cuenta>summary:hover,html body.ng-hibrida .ng-harmony-nav .ng-cuenta[open]>summary{background:var(--cv-wash)!important}
html body.ng-hibrida .ng-harmony-nav .ng-cuenta>summary:focus-visible{outline:2px solid var(--cv-focus)!important;outline-offset:2px!important}
.ng-cuenta-avatar{position:relative;flex:none;display:grid;place-items:center;box-sizing:border-box;width:34px;height:34px;border-radius:var(--cv-radius-21);background:var(--cv-wash);color:var(--cv-primary)}
.ng-cuenta-iniciales{font:700 13px/1 var(--font-sf,system-ui);letter-spacing:.02em}
img.ng-cuenta-foto{position:absolute;inset:0;box-sizing:border-box;width:100%;height:100%;object-fit:cover;border-radius:var(--cv-radius-21)}
img.ng-cuenta-foto[hidden]{display:none}
.ng-sello-loseta.ng-cuenta-empresa{position:absolute;right:-3px;bottom:-3px;width:16px;height:16px;border-radius:var(--cv-radius-5);box-shadow:0 0 0 2px var(--cv-surface)}
.ng-cuenta-empresa .ng-sello-iniciales{font-size:6px}
.ng-cuenta-empresa img.ng-sello-logo{padding:1px}
html body.ng-hibrida .ng-harmony-nav .ng-identity-label.ng-cuenta-texto{display:grid!important;min-width:0;max-width:159px;text-align:left}
.ng-cuenta-texto strong{font:600 13px/18px var(--font-sf,system-ui);color:var(--cv-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ng-cuenta-texto small{font:400 10px/13px var(--font-sf,system-ui);color:var(--cv-ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.ng-hibrida .ng-harmony-nav .ng-cuenta>summary>span.ng-cuenta-flecha{display:block;flex:none;font-size:11px;color:var(--cv-ink-muted)}
html body.ng-hibrida .ng-harmony-nav .ng-global-settings{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:var(--cv-radius-21)!important;color:var(--cv-ink-muted)!important;font-size:21px!important;transition:color var(--cv-dur-89) var(--cv-ease-swing),background var(--cv-dur-89) var(--cv-ease-swing)}
html body.ng-hibrida .ng-harmony-nav .ng-global-settings:hover{color:var(--cv-ink)!important;background:var(--cv-wash)!important}
html body.ng-hibrida .ng-harmony-nav .ng-identity-menu.ng-cuenta-menu{position:absolute;left:auto;right:0;top:calc(100% + var(--cv-space-5));z-index:1100;box-sizing:border-box;width:302px;max-width:calc(100vw - 34px);max-height:calc(100dvh - var(--ng-nav-height,76px) - 34px);overflow:auto;display:grid;gap:var(--cv-space-2);margin:0;padding:var(--cv-space-13)!important;background:var(--cv-surface)!important;border:1px solid var(--cv-line)!important;border-radius:var(--cv-radius-13)!important;box-shadow:var(--cv-shadow-portal)!important;color:var(--cv-ink)!important;font:400 13px/21px var(--font-sf,system-ui);text-align:left}
.ng-cuenta-cab{display:flex;align-items:center;gap:var(--cv-space-8);padding:var(--cv-space-5) var(--cv-space-8) var(--cv-space-13);border-bottom:1px solid var(--cv-line);margin-bottom:var(--cv-space-5)}
.ng-cuenta-cab-texto{display:grid;min-width:0}
html body .ng-cuenta-menu .ng-cuenta-cab strong{font:600 13px/18px var(--font-sf,system-ui);color:var(--cv-ink)!important;overflow-wrap:anywhere}
html body .ng-cuenta-menu .ng-cuenta-cab small{display:block;margin:0;font:400 11px/16px var(--font-sf,system-ui);color:var(--cv-ink-muted)!important;overflow-wrap:anywhere}
.ng-cuenta-h{display:block;padding:var(--cv-space-8) var(--cv-space-8) var(--cv-space-3);font:650 10px/16px var(--font-sf,system-ui);letter-spacing:.13em;text-transform:uppercase;color:var(--cv-ink-muted)}
html body .ng-cuenta-menu a.ng-cuenta-lk,html body .ng-cuenta-menu button.ng-cuenta-lk,html body .ng-cuenta-menu a.ng-cuenta-e{display:flex!important;align-items:center;gap:var(--cv-space-8);box-sizing:border-box;width:100%;min-height:34px;margin:0;padding:var(--cv-space-5) var(--cv-space-8);border:0;border-radius:var(--cv-radius-8);background:transparent;color:var(--cv-ink)!important;font:400 13px/21px var(--font-sf,system-ui)!important;text-align:left;text-decoration:none!important;cursor:pointer}
html body .ng-cuenta-menu a.ng-cuenta-lk:hover,html body .ng-cuenta-menu button.ng-cuenta-lk:hover,html body .ng-cuenta-menu a.ng-cuenta-e:hover,html body .ng-cuenta-menu a.ng-cuenta-actual{background:var(--cv-wash)!important}
html body .ng-cuenta-menu .ng-cuenta-pri{color:var(--cv-primary)!important}
html body .ng-cuenta-menu a:focus-visible,html body .ng-cuenta-menu button:focus-visible{outline:2px solid var(--cv-focus);outline-offset:2px}
html body .ng-cuenta-menu a.ng-cuenta-e{padding:var(--cv-space-8)}
.ng-cuenta-e-texto{display:grid;min-width:0}
html body .ng-cuenta-menu .ng-cuenta-e-texto strong{font:600 13px/18px var(--font-sf,system-ui);color:var(--cv-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .ng-cuenta-menu .ng-cuenta-e-texto small{font:400 11px/16px var(--font-sf,system-ui);color:var(--cv-ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ng-cuenta-ok{margin-left:auto;color:var(--cv-primary);font-weight:700}
.ng-cuenta-seg{display:flex;flex-wrap:wrap;gap:var(--cv-space-3);box-sizing:border-box;margin:var(--cv-space-3) var(--cv-space-8);padding:var(--cv-space-3);border-radius:var(--cv-radius-8);background:var(--cv-wash)}
html body.ng-hibrida .ng-cuenta-seg button{flex:1 1 auto;min-width:55px;min-height:34px;margin:0;padding:var(--cv-space-5)!important;border:0!important;border-radius:var(--cv-radius-5)!important;background:transparent!important;color:var(--cv-ink-muted)!important;font:600 12px/18px var(--font-sf,system-ui)!important;box-shadow:none!important;cursor:pointer;transition:color var(--cv-dur-89) var(--cv-ease-swing),background var(--cv-dur-89) var(--cv-ease-swing)}
html body.ng-hibrida .ng-cuenta-seg button:hover{color:var(--cv-ink)!important}
html body.ng-hibrida .ng-cuenta-seg button[aria-pressed="true"]{background:var(--cv-surface)!important;color:var(--cv-ink)!important;box-shadow:var(--cv-shadow-reposo)!important}
html body.ng-hibrida .ng-cuenta-seg button:disabled{opacity:.55;cursor:default}
html body.ng-hibrida .ng-cuenta-seg button[hidden]{display:none}
.ng-cuenta-duet[hidden]{display:none}
html body .ng-cuenta-menu hr{border:0;border-top:1px solid var(--cv-line);margin:var(--cv-space-5) 0}
html body .ng-cuenta-menu .ng-cuenta-fin{order:8}
html body .ng-cuenta-menu .ng-cuenta-salir{order:9}
html body .ng-cuenta-menu #xp-entry,html body .ng-cuenta-menu #ng-mini-prefs,html body .ng-cuenta-menu .ng-ai-info{grid-area:auto!important}
html body .ng-cuenta-menu .ng-identity-test{display:inline-block;margin-top:var(--cv-space-5);padding:0 var(--cv-space-8);border-radius:var(--cv-radius-3);background:var(--cv-wash);color:var(--cv-ink);font:600 11px/21px var(--font-sf,system-ui)}

/* «Tu imagen» (04-11-2026, pedido por el usuario): al pulsar el avatar se abre una hoja para subir la foto, elegir un avatar
   ilustrado o volver a las iniciales, y ahí vive ahora la apariencia (claro, oscuro, cristal, automático, retro). <dialog> nativo
   en la capa superior; vista previa de 89 y avatares de 34 en botones de 44, recortados en círculo con clip-path (los radios
   de la escala no alcanzan el círculo en 89). «Subir mi foto» es la acción principal y lleva el color de la empresa. */
html body .ng-imagen{box-sizing:border-box;width:min(377px,calc(100vw - 34px));max-height:calc(100dvh - 34px);overflow:auto;margin:auto;padding:var(--cv-space-21);border:1px solid var(--cv-line);border-radius:var(--cv-radius-13);background:var(--cv-surface);color:var(--cv-ink);box-shadow:var(--cv-shadow-portal);font:400 13px/21px var(--font-sf,system-ui)}
html body .ng-imagen::backdrop{background:color-mix(in srgb,var(--cv-ink) 34%,transparent)}
.ng-imagen-forma{display:grid;gap:var(--cv-space-8);margin:0}
.ng-imagen-cab{display:flex;align-items:center;justify-content:space-between;gap:var(--cv-space-8)}
html body .ng-imagen-cab h2{margin:0;font:600 20px/32px var(--font-sf,system-ui);color:var(--cv-ink);outline:0}
html body .ng-imagen-cerrar{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:var(--cv-radius-21);background:transparent;color:var(--cv-ink-muted);font:400 21px/1 var(--font-sf,system-ui);cursor:pointer}
html body .ng-imagen-cerrar:hover{background:var(--cv-wash);color:var(--cv-ink)}
.ng-imagen-actual{display:flex;align-items:center;gap:var(--cv-space-13);padding:var(--cv-space-5) 0}
.ng-cuenta-avatar.ng-imagen-grande{width:89px;height:89px;clip-path:circle(50%)}
.ng-imagen-grande img.ng-cuenta-foto{clip-path:circle(50%)}
.ng-imagen-grande .ng-cuenta-iniciales{font-size:34px}
.ng-imagen-texto{display:grid;gap:var(--cv-space-2);min-width:0}
html body .ng-imagen-texto strong{font:600 13px/18px var(--font-sf,system-ui);color:var(--cv-ink)}
html body .ng-imagen-texto small{font:400 11px/16px var(--font-sf,system-ui);color:var(--cv-ink-muted)}
html body .ng-imagen-aviso{margin:0;padding:var(--cv-space-8) var(--cv-space-13);border-left:3px solid var(--cv-primary);border-radius:var(--cv-radius-5);background:var(--cv-wash);color:var(--cv-ink);font:400 13px/21px var(--font-sf,system-ui)}
html body .ng-imagen-aviso.ng-imagen-error{border-left-color:var(--cv-danger)}
.ng-imagen-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cv-space-8)}
html body .ng-imagen-boton,html body .ng-imagen-subir{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:34px;margin:0;padding:0 var(--cv-space-13);border:1px solid var(--cv-line-strong);border-radius:var(--cv-radius-5);background:var(--cv-surface);color:var(--cv-ink);font:600 13px/21px var(--font-sf,system-ui);cursor:pointer;transition:background var(--cv-dur-89) var(--cv-ease-swing)}
html body .ng-imagen-boton:hover,html body .ng-imagen-subir:hover{background:var(--cv-wash)}
html body .ng-imagen-subir.ng-imagen-principal{background:var(--cv-primary);border-color:var(--cv-primary);color:var(--cv-on-primary)}
html body .ng-imagen-subir.ng-imagen-principal:hover{opacity:.89}
.ng-imagen-subir input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
html body .ng-imagen-subir:focus-within,html body .ng-imagen-boton:focus-visible{outline:2px solid var(--cv-focus);outline-offset:2px}
.ng-imagen-espera{font:400 11px/16px var(--font-sf,system-ui);color:var(--cv-ink-muted)}
.ng-imagen-espera[hidden]{display:none}
.ng-imagen-avatares{display:grid;grid-template-columns:repeat(4,44px);justify-content:start;gap:var(--cv-space-8) var(--cv-space-13);padding:0 var(--cv-space-8)}
html body .ng-imagen-av{box-sizing:border-box;width:44px;height:44px;margin:0;padding:var(--cv-space-5);border:0;border-radius:var(--cv-radius-21);background:transparent;cursor:pointer;transition:transform var(--cv-dur-144) var(--cv-ease-swing)}
html body .ng-imagen-av img{display:block;width:34px;height:34px;clip-path:circle(50%)}
html body .ng-imagen-av:hover{transform:translateY(-2px)}
html body .ng-imagen-av.ng-imagen-av-actual{box-shadow:0 0 0 2px var(--cv-primary)}
html body .ng-imagen-av:focus-visible{outline:2px solid var(--cv-focus);outline-offset:2px}
html body .ng-imagen hr{border:0;border-top:1px solid var(--cv-line);margin:var(--cv-space-5) 0}
html body .ng-imagen .ng-cuenta-seg{margin:0}
html body .ng-imagen .ng-cuenta-h{padding-left:0}
html body .ng-imagen-nota,html body .ng-imagen-pie{margin:0;font:400 11px/16px var(--font-sf,system-ui);color:var(--cv-ink-muted)}
html body .ng-cuenta-cab-boton{display:block;flex:none;margin:0;padding:0;border:0;border-radius:var(--cv-radius-21);background:transparent;cursor:pointer}
html body .ng-cuenta-cab-boton:hover .ng-cuenta-avatar{box-shadow:0 0 0 2px var(--cv-primary)}
html body .ng-cuenta-cab-boton:focus-visible{outline:2px solid var(--cv-focus);outline-offset:2px}
html body.ng-hibrida .ng-harmony-nav .ng-cuenta>summary .ng-cuenta-avatar{cursor:pointer}
@media (prefers-reduced-motion:reduce){html body .ng-imagen-av,html body .ng-imagen-boton,html body .ng-imagen-subir{transition:none}}

/* N4 · Tableta y móvil. De 768 a 1279 la cabecera Armonía ya reserva una segunda fila («modules»): los dominios la ocupan
   entera en vez de apretarse en la celda vacía. Hasta 767 los 5 dominios bajan a una barra inferior fija y cada uno abre
   su hoja desde abajo, sobre un velo; «Ir a…» pasa a la cabecera. Ningún dominio queda fuera de la pantalla. */
.ng-hb-velo,.ng-ir-movil{display:none}
@media screen and (min-width:768px) and (max-width:1279px){.ng-hb{grid-area:modules;justify-content:center;justify-content:safe center;padding:0 var(--cv-space-13)}
 .ng-hb .ng-ir-boton{display:none}.ng-hb-inicio{margin-left:0}
 .ng-ir-movil{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;grid-column:2;grid-row:1;align-self:center;justify-self:end;min-height:55px;margin:0;padding:var(--cv-space-3) var(--cv-space-8);border:0;border-radius:var(--cv-radius-21);background:transparent;color:var(--cv-ink-muted);font:600 11px/18px var(--font-sf,system-ui);white-space:nowrap}
 .ng-ir-movil:hover{color:var(--cv-ink)}
 html body.ng-hibrida.ng-global-enabled{--ng-nav-height:149px}
 html body.ng-hibrida .ng-global-nav.ng-harmony-nav{height:149px!important;grid-template-rows:66px 58px}
 html body.ng-hibrida #ngGlobalRoot .ng-global-nav.ng-harmony-nav.ng-harmony-nav{grid-template-columns:110px minmax(0,1fr) auto auto!important;grid-template-areas:"brand . help account" "modules modules modules modules"!important}
}
@media screen and (max-width:900px){html body.ng-global-enabled.ng-hibrida{padding-bottom:0!important}}
@media screen and (max-width:767px){
html body.ng-global-enabled.ng-hibrida{padding-bottom:calc(55px + env(safe-area-inset-bottom))!important}
/* El desenfoque de la cabecera pasa a un pseudoelemento: con backdrop-filter en la propia barra, sus hijos fijos (la barra
   inferior y la hoja) se colocarían respecto a ella y no respecto a la pantalla. */
html:not(#ng-sin-id) body.ng-hibrida .ng-global-nav.ng-harmony-nav{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.ng-hibrida .ng-global-nav::before{content:"";position:absolute;inset:0;z-index:-1;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);pointer-events:none}
.ng-hb{position:fixed;left:0;right:0;bottom:0;z-index:2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;overflow:visible;box-sizing:border-box;height:calc(55px + env(safe-area-inset-bottom));padding:0 var(--cv-space-5) env(safe-area-inset-bottom);background:var(--cv-surface);border-top:1px solid var(--cv-line);box-shadow:var(--cv-shadow-portal)}
.ng-hb-dominio{display:flex;min-width:0}
.ng-hb-boton{flex:1;min-width:0;flex-direction:column;justify-content:center;gap:var(--cv-space-2);min-height:55px;padding:var(--cv-space-2);border-radius:var(--cv-radius-8);font-size:10px;line-height:16px}
.ng-hb-etiqueta{max-width:100%;overflow:hidden;text-overflow:ellipsis}
 .ng-hb-ic{width:21px;height:21px}
 .ng-hb{margin-block:0}
 .ng-hb-boton::after{top:0;bottom:auto}
.ng-hb-flecha,.ng-hb .ng-ir-boton{display:none}
.ng-hb-velo:not([hidden]){display:block;position:fixed;inset:0;z-index:1;background:color-mix(in srgb,var(--cv-ink) 34%,transparent)}
.ng-hb-panel{top:auto;bottom:calc(55px + env(safe-area-inset-bottom));left:0;right:0;transform:none;width:auto;max-width:none;max-height:min(70dvh,calc(100dvh - 89px));padding:var(--cv-space-21) var(--cv-space-21) var(--cv-space-13);border-bottom:0;border-radius:var(--cv-radius-13) var(--cv-radius-13) 0 0}
.ng-hb-columnas{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);gap:var(--cv-space-13)}
.ng-hb-panel a{padding:var(--cv-space-8)}
.ng-ir-movil{display:flex;grid-column:2;grid-row:1;align-self:center;justify-self:end;margin:0;padding:var(--cv-space-5)}
/* Cabecera de una fila (62 px = 8 + 46 + 8): marca, Buscar, Alma y cuenta; la segunda fila (sello y Duet) ya no existe. */
html body.ng-hibrida.ng-global-enabled{--ng-nav-height:62px}
html body.ng-hibrida #ngGlobalRoot .ng-global-nav.ng-harmony-nav.ng-harmony-nav{height:62px!important;grid-template-columns:100px minmax(0,1fr) auto auto!important;grid-template-areas:"brand . help account"!important;grid-template-rows:46px!important;gap:0 var(--cv-space-5)!important}
html body.ng-hibrida .ng-ir-movil{box-sizing:border-box;width:44px;height:44px;padding:var(--cv-space-5);border:0;border-radius:var(--cv-radius-13);background:transparent;color:var(--cv-ink-muted)}
html body.ng-hibrida .ng-ir-movil:hover{color:var(--cv-ink)}
.ng-ir-movil .ng-hb-etiqueta{display:none}
html body.ng-hibrida .ng-harmony-nav>.ng-help-entry.ng-hb-alma{min-height:44px;padding:var(--cv-space-3)!important}
html body.ng-hibrida .ng-hb-alma .ng-hb-etiqueta{display:none}
html body.ng-hibrida .ng-hb-alma .ng-hb-ic{width:28px;height:28px}
.ng-hb-inicio{margin-left:0}
html body.ng-hibrida .ng-harmony-nav .ng-cuenta>summary.ng-cuenta-boton{padding:0 var(--cv-space-3)!important;gap:0!important}
html body.ng-hibrida .ng-harmony-nav .ng-identity-label.ng-cuenta-texto,.ng-cuenta-flecha{display:none!important}
html body.ng-hibrida .ng-harmony-nav .ng-identity-menu.ng-cuenta-menu{position:fixed;left:var(--cv-space-13);right:var(--cv-space-13);top:calc(var(--ng-nav-height,62px) + var(--cv-space-5));width:auto;max-width:none}
.ng-llegada{left:var(--cv-space-13);right:var(--cv-space-13);max-width:none}
}
@media print{.ng-hb,.ng-hb-panel,.ng-hb-velo,.ng-miga,.ng-ir,.ng-ir-boton,.ng-franja,.ng-cuenta,.ng-llegada{display:none!important}}

/* Alma con la imagen de GO CORP (05-11-2026): mismo rostro, chaqueta de la marca */
html body.ng-hibrida .ng-hb-alma .ng-hb-retrato.ng-alma-go{background-image:url(/9Gigs/resources/img/alma-go-112.png)}