:root{--barra-alto:6rem}@media (max-width:1023px){:root{--barra-alto:4.5rem}}.barra{--barra-hueco:.75rem;--barra-pastilla:4.5rem;isolation:isolate;transition:transform .55s var(--ease-out-expo,cubic-bezier(.22, 1, .36, 1)), opacity .3s var(--ease-out-expo,cubic-bezier(.22, 1, .36, 1))}@media (max-width:1023px){.barra{--barra-hueco:.5rem;--barra-pastilla:3.5rem}}.barra--oculta{opacity:0;pointer-events:none;transform:translateY(calc(-100% - 2.5rem))}.barra__marco{padding:var(--barra-hueco) .75rem}.barra__pastilla{height:var(--barra-pastilla);background:color-mix(in srgb, var(--color-surface,#fff) 62%, transparent);-webkit-backdrop-filter:blur(18px)saturate(150%);border:1px solid color-mix(in srgb, var(--color-outline,#e3d2c6) 65%, transparent);transition:background-color .45s var(--ease-out-expo,cubic-bezier(.22, 1, .36, 1)), border-color .45s var(--ease-out-expo,cubic-bezier(.22, 1, .36, 1)), box-shadow .5s var(--ease-out-expo,cubic-bezier(.22, 1, .36, 1));border-radius:1.15rem;box-shadow:0 16px 36px -24px #4a3b3580}.barra--portada .barra__pastilla{background:color-mix(in srgb, var(--color-surface,#fff) 42%, transparent);border-color:color-mix(in srgb, var(--color-outline,#e3d2c6) 40%, transparent);box-shadow:none}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.barra__pastilla,.barra--portada .barra__pastilla{background:color-mix(in srgb, var(--color-surface,#fff) 94%, transparent)}}@media (prefers-reduced-transparency:reduce){.barra__pastilla,.barra--portada .barra__pastilla{background:var(--color-surface,#fff);-webkit-backdrop-filter:none}}.barra .tema-icono{display:none}html[data-tema=claro] .barra .tema-icono--a-oscuro,html[data-tema=oscuro] .barra .tema-icono--a-claro,html:not([data-tema]) .barra .tema-icono--a-oscuro{display:block}.barra__enlace{letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:600;position:relative}.barra__enlace:after{content:"";height:1px;transition:transform .45s var(--ease-out-expo,cubic-bezier(.22, 1, .36, 1));background:currentColor;position:absolute;bottom:-.35rem;left:0;right:0;transform:scaleX(0)}.barra__enlace:hover:after,.barra__enlace--activo:after{transform:scaleX(1)}@keyframes barra-contador{0%{transform:scale(1)}45%{transform:scale(1.35)}to{transform:scale(1)}}.barra__contador{animation:barra-contador .45s var(--ease-out-expo,cubic-bezier(.22, 1, .36, 1))}@keyframes barra-panel{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.barra__panel{animation:barra-panel .3s var(--ease-out-expo,cubic-bezier(.22, 1, .36, 1)) both;background:var(--color-surface,#fff);border:1px solid var(--color-outline,#e3d2c6);border-radius:1.15rem;box-shadow:0 22px 44px -24px #4a3b3580}.barra__panel a{animation:barra-panel .35s var(--ease-out-expo,cubic-bezier(.22, 1, .36, 1)) both}@media (prefers-reduced-motion:reduce){.barra,.barra__marco,.barra__pastilla,.barra__enlace:after,.barra__contador,.barra__panel,.barra__panel a{transition:none!important;animation:none!important}.barra--oculta{visibility:hidden;transform:none}}