:root{--header-height:56px;--header-height-expanded:var(--header-height);--header-height-collapsed:var(--header-height)}.PanelHeader{align-items:center;gap:var(--space-6);padding:0 var(--space-6);height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;display:flex;position:sticky;top:0}.PanelHeader-marca{color:var(--color-heading);flex:none;align-items:center;font-size:30px;line-height:1;text-decoration:none;display:none}.PanelHeader-nav{align-items:center;gap:var(--space-5);min-width:0;display:flex;overflow:hidden}.PanelHeader{container-type:inline-size}@container (max-width:1279px){.PanelHeader-nav>.PanelHeader-link--secundario{display:none}}@container (max-width:959px){.PanelHeader-nav>.PanelHeader-link{display:none}}.PanelHeader-link{padding:var(--space-5) 0;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transition:color var(--dur-fast) var(--ease-out);text-decoration:none;position:relative}.PanelHeader-link:hover{color:var(--color-text)}.PanelHeader-link.is-active{color:var(--color-heading)}.PanelHeader-link.is-active:after{content:"";background:var(--color-primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.PanelHeader-acciones{align-items:center;gap:var(--space-4);margin-left:auto;display:flex}.PanelHeader-accion{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);text-decoration:none;display:inline-flex}.PanelHeader-accion:hover,.PanelHeader-icono:hover{color:var(--color-accent)}.PanelHeader-icono{color:var(--color-text-muted);display:inline-flex;position:relative}.PanelHeader-cuenta{box-sizing:border-box;background:var(--color-danger);color:#fff;border:2px solid var(--color-surface);font-variant-numeric:tabular-nums;min-width:16px;height:16px;animation:PanelHeader-boteCuenta .34s var(--ease-out,cubic-bezier(.22, 1, .36, 1));border-radius:999px;justify-content:center;align-items:center;padding:0 3px;font-size:9.5px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:-6px;right:-9px}@keyframes PanelHeader-boteCuenta{0%{transform:scale(.6)}55%{transform:scale(1.28)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.PanelHeader-cuenta{animation:none}}.PanelHeader-icono{text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.PanelHeader-icono:focus-visible,.PanelHeader-accion:focus-visible{outline:2px solid var(--color-ring);outline-offset:3px;border-radius:var(--radius-sm)}.PanelHeader-selector{align-items:center;display:inline-flex}.PanelHeader-selector>*{width:auto}.PanelHeader-selector img{width:16px;height:12px}.PanelHeader .HeaderThemeToggle{color:var(--color-text-muted);transition:color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.PanelHeader .HeaderThemeToggle:hover{color:var(--color-accent)}.PanelHeader .HeaderThemeToggle:focus-visible{outline:2px solid var(--color-ring);outline-offset:3px;border-radius:var(--radius-sm)}.PanelHeader .HeaderThemeToggle svg{width:20px;height:20px}.PanelHeader-avatar{background:var(--color-primary);width:34px;height:34px;color:var(--color-on-primary);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:.02em;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.PanelHeader-quien{flex-direction:column;line-height:1.2;display:flex}.PanelHeader-nombre{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-heading)}.PanelHeader-empresa{font-size:var(--text-xs);color:var(--color-text-muted)}.PanelHeader-acciones,.PanelUsuario,.PanelUsuario-disparador,.PanelHeader-quien{min-width:0}.PanelUsuario-disparador{max-width:100%}.PanelHeader-nombre,.PanelHeader-empresa{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:900px){.PanelHeader{gap:var(--space-3);padding:0 var(--space-4)}.PanelHeader-nav{display:none}.PanelHeader-marca{display:inline-flex}.PanelHeader-accion span,.PanelHeader-selector,.PanelHeader .HeaderThemeToggle{display:none}.PanelHeader-acciones{gap:0}.PanelHeader-icono,.PanelHeader-accion{justify-content:center;align-items:center;min-width:44px;min-height:44px}}
.TopHeaderProfileSelector{align-items:center;height:100%;display:flex;position:relative}.TopHeaderProfileSelector-trigger{cursor:pointer;align-items:center;gap:var(--space-2);background:0 0;border:0;padding:0;font-family:inherit;display:flex}.TopHeaderProfileSelector-popover{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transform-origin:100% 0;width:250px;padding:var(--space-6);z-index:50;margin-top:var(--space-2);color:var(--color-text-muted);display:none;position:absolute;top:100%;right:0;box-shadow:0 1px 2px #0e1b2e14,0 10px 20px -8px #0e1b2e29,0 28px 56px -16px #0e1b2e4d}.TopHeaderProfileSelector.is-open .TopHeaderProfileSelector-popover{animation:topheader-popover-in var(--dur,.32s) var(--ease-out,ease) both;display:block}@keyframes topheader-popover-in{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}[data-theme=dark] .TopHeaderProfileSelector-popover{box-shadow:0 2px 6px #00000073,0 14px 28px -10px #0000008c,0 36px 64px -18px #000000b3}@media (prefers-reduced-motion:reduce){.TopHeaderProfileSelector-popover{animation:none}}.TopHeaderProfileSelector-popover:after{content:"";z-index:-1;background:0 0;width:100%;height:1rem;position:absolute;top:-1rem;left:0}.TopHeaderProfileSelector-popover:before{content:"";background-color:var(--color-surface);border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);width:12px;height:12px;position:absolute;top:-6px;right:20px;transform:rotate(45deg)}.TopHeaderProfileSelector-title{font-size:var(--text-sm);margin-bottom:var(--space-4);color:var(--color-text-muted);font-weight:600;display:block}.TopHeaderProfileSelector-list{margin:0 0 var(--space-6) 0;gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.TopHeaderProfileSelector-item{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.TopHeaderProfileSelector-item input[type=radio]{cursor:pointer;width:1rem;height:1rem;accent-color:var(--color-accent);margin:0}.TopHeaderProfileSelector-label{font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer}.TopHeaderProfileSelector-option{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);font-size:var(--text-sm);font-weight:600;display:flex}.TopHeaderProfileSelector-error{margin-top:var(--space-2);text-align:center}
.TopHeaderShopLanguageSelector{align-items:center;height:100%;display:flex;position:relative}.TopHeaderShopLanguageSelector-trigger{cursor:pointer;align-items:center;gap:var(--space-2);white-space:nowrap;background:0 0;border:0;padding:0;font-family:inherit;display:flex}.TopHeaderShopLanguageSelector-popover{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transform-origin:100% 0;width:300px;padding:var(--space-6);z-index:50;margin-top:var(--space-2);color:var(--color-text-muted);display:none;position:absolute;top:100%;right:0;box-shadow:0 1px 2px #0e1b2e14,0 10px 20px -8px #0e1b2e29,0 28px 56px -16px #0e1b2e4d}.TopHeaderShopLanguageSelector.is-open .TopHeaderShopLanguageSelector-popover{animation:topheader-popover-in var(--dur,.32s) var(--ease-out,ease) both;display:block}@keyframes topheader-popover-in{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}[data-theme=dark] .TopHeaderShopLanguageSelector-popover{box-shadow:0 2px 6px #00000073,0 14px 28px -10px #0000008c,0 36px 64px -18px #000000b3}@media (prefers-reduced-motion:reduce){.TopHeaderShopLanguageSelector-popover{animation:none}}.TopHeaderShopLanguageSelector-popover:after{content:"";z-index:-1;background:0 0;width:100%;height:1rem;position:absolute;top:-1rem;left:0}.TopHeaderShopLanguageSelector-popover:before{content:"";background-color:var(--color-surface);border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);width:12px;height:12px;position:absolute;top:-6px;right:20px;transform:rotate(45deg)}.TopHeaderShopLanguageSelector-field{margin-bottom:var(--space-4)}.TopHeaderShopLanguageSelector-field label{font-size:var(--text-sm);margin-bottom:var(--space-2);color:var(--color-text-muted);font-weight:600;display:block}.TopHeaderShopLanguageSelector-option{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);font-size:var(--text-sm);font-weight:600;display:flex}.switch{width:40px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--color-border-strong);border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:2px;left:2px}input:checked+.slider{background-color:var(--color-success)}input:checked+.slider:before{transform:translate(16px)}.TopHeaderShopLanguageSelector-error{margin-top:var(--space-2);text-align:center}
.PanelUsuario{position:relative}.PanelUsuario-disparador{align-items:center;gap:var(--space-2);padding:0 0 0 var(--space-4);border:0;border-left:1px solid var(--color-border);text-align:left;cursor:pointer;color:var(--color-text-muted);background:0 0;font-family:inherit;display:inline-flex}.PanelUsuario-disparador:focus-visible{outline:2px solid var(--color-ring);outline-offset:3px}.PanelUsuario-galon{transition:transform var(--dur-fast) var(--ease-out);flex:none}.PanelUsuario.is-abierto .PanelUsuario-galon{transform:rotate(180deg)}