/* One existing surface; native React remains the sole directional visibility owner. */
header[data-velour-motion]{--vh-bar-height:65px;--vh-surface-height:65px;--vh-logo-width:120px;--vh-logo-height:24.75px;--vh-ease:cubic-bezier(.16,1,.3,1);position:relative!important;top:auto!important;height:var(--vh-bar-height)!important;min-height:var(--vh-bar-height)!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;filter:none!important;transform:none!important;translate:none!important;opacity:1!important;pointer-events:none!important;contain:none!important;overflow:visible!important;transition:none!important;overflow-anchor:none;}
header[data-velour-motion]>div:first-child{position:fixed!important;z-index:30;box-sizing:border-box;left:var(--vh-surface-left,0px);top:var(--vh-surface-top,0px);width:var(--vh-surface-width,100%);height:var(--vh-surface-height);min-height:0!important;max-width:none!important;margin:0!important;padding:10px 12px;gap:4px;border:solid var(--brand-border);border-width:0 0 1px;border-radius:0;background:color-mix(in srgb,var(--brand-bg) 95%,transparent);backdrop-filter:blur(8px);box-shadow:none;opacity:1;transform:translate3d(0,0,0);pointer-events:auto;overflow:visible;transition:left 1s var(--vh-ease),top 1s var(--vh-ease),width 1s var(--vh-ease),height 1s var(--vh-ease),padding 1s var(--vh-ease),gap 1s var(--vh-ease),border-radius 1s var(--vh-ease),background-color 700ms ease,border-color 700ms ease,box-shadow 700ms ease,transform 200ms ease-out,opacity 200ms ease-out;}
header[data-velour-motion="capsule"]{--vh-surface-height:64px;--vh-logo-width:108px;--vh-logo-height:22.275px;}
header[data-velour-motion="capsule"]>div:first-child{padding:0 14px;border-width:1px;border-color:color-mix(in srgb,var(--brand-border) 70%,transparent);border-radius:50px;background:color-mix(in srgb,var(--brand-bg) 80%,transparent);box-shadow:0 10px 15px -3px rgb(0 0 0 / 5%),0 4px 6px -4px rgb(0 0 0 / 5%);backdrop-filter:blur(12px);}
/* Fixed descendants must never inherit the old outer hide transform or opacity. */
header[data-velour-motion][data-header-visibility="hidden"]>div:first-child{transform:translate3d(0,calc(-1 * (var(--vh-surface-height) + var(--vh-surface-top,0px) + 24px)),0);opacity:0;pointer-events:none;}
header[data-velour-motion]:has(:focus-visible)>div:first-child{transform:translate3d(0,0,0);opacity:1;pointer-events:auto;}
header[data-velour-motion]>div:first-child>a[href="/"]{width:var(--vh-logo-width);min-width:var(--vh-logo-width);min-height:44px;flex-shrink:0;transition:width 1s var(--vh-ease),min-width 1s var(--vh-ease);}
header[data-velour-motion]>div:first-child>a[href="/"]>img{width:var(--vh-logo-width)!important;height:var(--vh-logo-height)!important;max-width:none;object-fit:contain;transition:width 1s var(--vh-ease),height 1s var(--vh-ease);}
header[data-velour-motion] button,header[data-velour-motion] a[aria-label]{min-width:44px;min-height:44px;}
header[data-velour-motion]>div:first-child>button,header[data-velour-motion]>div:first-child>div:last-child>button,header[data-velour-motion]>div:first-child>div:last-child>a,header[data-velour-motion]>div:first-child>div:last-child>div>button{width:44px;height:44px;flex-shrink:0;}
header[data-velour-motion]>div:first-child>div:last-child{gap:4px;transition:gap 1s var(--vh-ease);}
header[data-velour-motion]>div:first-child>form{height:46px;min-height:46px;}
header[data-velour-motion]>div:first-child>form>input{height:44px;min-height:44px;padding-top:0;padding-bottom:0;}
header[data-velour-motion]>div:first-child>form>button{min-height:44px;height:44px;}
@media(min-width:430px) and (max-width:639px){header[data-velour-motion="bar"]{--vh-logo-width:136px;--vh-logo-height:28.05px;}header[data-velour-motion="capsule"]{--vh-logo-width:124px;--vh-logo-height:25.575px;}}
@media(min-width:640px){header[data-velour-motion]{--vh-bar-height:71px;--vh-logo-width:193.939394px;--vh-logo-height:40px;}header[data-velour-motion]>div:first-child{padding:12px 24px;gap:16px;}header[data-velour-motion="capsule"]{--vh-logo-width:155.151515px;--vh-logo-height:32px;}header[data-velour-motion="capsule"]>div:first-child{padding:0 14px 0 28px;gap:8px;}header[data-velour-motion]>div:first-child>div:last-child{gap:8px;}header[data-velour-motion]>div:first-child>div:last-child>button[aria-label="Abrir carrito"]{width:auto;padding:0 12px;}}
@media(min-width:761px){header[data-velour-motion="capsule"]{--vh-surface-height:70px;}}
/* Four genuine 44px actions plus the full wordmark require two rows here. */
@media(max-width:374px){header[data-velour-motion]{--vh-bar-height:113px;}header[data-velour-motion]>div:first-child{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;grid-template-rows:44px 44px;column-gap:4px;row-gap:4px;padding:10px 12px;}header[data-velour-motion]>div:first-child>button[aria-label="Abrir menú de categorías"]{grid-column:1;grid-row:1;}header[data-velour-motion]>div:first-child>a[href="/"]{grid-column:2;grid-row:1;justify-self:center;}header[data-velour-motion]>div:first-child>button[aria-label="Buscar"]{grid-column:3;grid-row:1;margin:0;}header[data-velour-motion]>div:first-child>div:last-child{grid-column:1/-1;grid-row:2;justify-self:end;}header[data-velour-motion="capsule"]{--vh-surface-height:110px;}header[data-velour-motion="capsule"]>div:first-child{padding:8px 12px;border-radius:28px;}}
header[data-velour-initializing]>div:first-child,header[data-velour-initializing]>div:first-child *,header[data-velour-sizing]>div:first-child,header[data-velour-sizing]>div:first-child *{transition:none!important;animation:none!important;}
@media(prefers-reduced-motion:reduce){header[data-velour-motion]>div:first-child,header[data-velour-motion]>div:first-child *{transition:none!important;animation:none!important;}}
@media print{header[data-velour-motion]{height:auto!important;min-height:0!important;}header[data-velour-motion][data-velour-motion]>div:first-child{position:static!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-height:65px!important;border-radius:0!important;box-shadow:none!important;transform:none!important;opacity:1!important;}}

@media(min-width:640px){header[data-velour-motion="bar"]{--vh-surface-height:71px;}}
@media(max-width:374px){header[data-velour-motion="bar"]{--vh-surface-height:113px;}}

/* Expanded content keeps the native max-w-6xl alignment inside the full bar. */
@media(min-width:640px){header[data-velour-motion="bar"]>div:first-child{padding-inline:max(24px,calc((var(--vh-surface-width,100vw) - 1152px)/2 + 24px));}}