.brand-reveal{position:relative;width:225px;min-width:225px;height:86px;flex-shrink:0;z-index:25}
.brand-reveal summary{display:block;width:225px;height:86px;position:relative;isolation:isolate;cursor:pointer;list-style:none;outline-offset:6px}
.brand-reveal summary::-webkit-details-marker{display:none}.brand-reveal summary:focus-visible{outline:2px solid #111}
.brand-reveal[open] summary{width:225px}
.brand-art{position:absolute;display:block;top:0;left:0;width:225px;height:86px;pointer-events:none}
.logo-part{position:absolute;inset:0;display:block;background:#111;mask:url('/assets/logo-galileo.png') center/contain no-repeat;-webkit-mask:url('/assets/logo-galileo.png') center/contain no-repeat;opacity:0;transform:translateX(-9px);transition:opacity .24s ease,transform .42s cubic-bezier(.22,.61,.36,1)}
.logo-g{clip-path:polygon(0 14%,19.35% 14%,19.72% 63%,22.57% 100%,0 100%);opacity:1;transform:none}
.logo-a{clip-path:polygon(19.35% 0,35% 0,35% 100%,22.57% 100%,19.72% 63%)}
.logo-l1{clip-path:inset(0 51% 0 35%)}.logo-i{clip-path:inset(0 42.5% 0 49%)}.logo-l2{clip-path:inset(0 30.6% 0 57.5%)}.logo-e{clip-path:inset(0 19% 0 69.4%)}.logo-o{clip-path:inset(0 0 0 81%)}
.brand-reveal[open] .logo-part{opacity:1;transform:none}
.brand-reveal[open] .logo-a{transition-delay:.025s}.brand-reveal[open] .logo-l1{transition-delay:.075s}.brand-reveal[open] .logo-i{transition-delay:.125s}.brand-reveal[open] .logo-l2{transition-delay:.175s}.brand-reveal[open] .logo-e{transition-delay:.225s}.brand-reveal[open] .logo-o{transition-delay:.275s}
.brand-reveal.is-introducing{z-index:25}
/* El logo siempre ocupa su propio espacio: no se despliega como una etiqueta sobre el menú. */
.header .brand-reveal summary,.order-header .brand-reveal summary{width:225px}
@media(max-width:650px){.brand-reveal{width:clamp(150px,43vw,200px);min-width:clamp(150px,43vw,200px);height:77px}.brand-reveal summary,.brand-reveal[open] summary,.header .brand-reveal summary,.order-header .brand-reveal summary{height:77px;width:100%}.brand-art{width:100%;height:77px}}
@media(prefers-reduced-motion:reduce){.logo-part{transition:none!important}}
/* Keep the supplied mark on the page itself, without a backing plate. Its
   entrance is started by brand-lockup.js so it is visible on mobile loads. */
.brand-art .logo-part:not(.logo-g){display:none!important}
.brand-art .logo-g,.brand-reveal[open] .brand-art .logo-g{
  clip-path:inset(0 0 0 0);
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}
.brand-reveal[open] summary::before{content:none!important;box-shadow:none!important}