:root{--nav-width:70%;--nav-radius:46px;--nav-blue1:#2e479c;--nav-blue2:#005fd5;--nav-orange:#f1841b;--nav-search:430px}.store-header{width:var(--nav-width);border-radius:var(--nav-radius);background:linear-gradient(var(--nav-blue2),var(--nav-blue1));box-shadow:0 8px 24px #0e23661f,0 20px 48px #0e23661a;overflow:visible;z-index:1000;padding:18px 40px 16px}.header-main{grid-template-columns:160px minmax(180px,var(--nav-search)) 160px;gap:20px}.store-header .brand,.store-header .brand img{width:104px}.store-header .nav-search{max-width:var(--nav-search);width:100%;justify-self:center;border-radius:var(--nav-radius)}.store-header .nav-search input{border-radius:var(--nav-radius)}.store-header nav{margin-top:18px;gap:28px}.store-header nav>a,.store-header #catalogMenu{position:relative;font-size:15px;line-height:1.4;text-decoration:none;background:transparent;border-radius:0;padding:8px 0}.store-header nav>a::after,.store-header #catalogMenu::after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:2px;background:var(--nav-orange);transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in}.store-header nav>a:is(:hover,:focus-visible),.store-header #catalogMenu:is(:hover,:focus-visible){color:var(--nav-orange);background:transparent;box-shadow:none;transform:none}.store-header nav>a:is(:hover,:focus-visible)::after,.store-header #catalogMenu:is(:hover,:focus-visible)::after{transform:scaleX(1)}.store-header #categoryMenu{top:calc(100% - 1px);border-radius:0 0 var(--nav-radius) var(--nav-radius);background:linear-gradient(var(--nav-blue1),var(--nav-blue2));padding:26px 40px 34px;gap:15px 25px;grid-template-columns:repeat(4,minmax(0,1fr));box-shadow:0 20px 30px #0e23661a;animation:navReveal .25s ease-in both;max-height:calc(100dvh - 180px);overflow-y:auto}.store-header #categoryMenu button{font-size:15px;line-height:1.4;font-weight:500;padding:8px 0;text-decoration:none}.store-header #categoryMenu button:first-child{font-weight:700;color:#fff}.store-header #categoryMenu button:is(:hover,:focus-visible){color:var(--nav-orange);background:transparent;transform:translateX(3px)}.store-header #categoryMenu::before{content:"";position:absolute;left:0;right:0;top:-22px;height:22px}.store-header:has(#categoryMenu:not([hidden])){border-radius:var(--nav-radius) var(--nav-radius) 0 0}.store-header #openCart:hover{background:transparent;box-shadow:none;transform:none;color:var(--nav-orange)}@keyframes navReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(max-width:1220px){.store-header{width:90%;padding:17px 28px 13px}.header-main{grid-template-columns:120px minmax(180px,430px) 120px;gap:18px}.store-header #categoryMenu{grid-template-columns:repeat(3,minmax(0,1fr));padding:22px 28px 30px}}@media(max-width:650px){.store-header{width:95%;border-radius:28px;padding:13px 15px;background:linear-gradient(#0660cf,var(--nav-blue1))}.header-main{grid-template-columns:1fr auto 1fr;gap:11px}.store-header .brand,.store-header .brand img{width:95px}.store-header .nav-search{max-width:none}.store-header nav{margin-top:16px;gap:6px}.store-header nav>a,.store-header #catalogMenu{font-size:12px;padding:10px 7px}.store-header #categoryMenu{position:static;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 0;background:transparent;box-shadow:none;border-radius:0;gap:5px 13px;max-height:45dvh;animation:navReveal .25s ease-in both}.store-header #categoryMenu button{font-size:12px;padding:8px 6px}.store-header #categoryMenu::before{display:none}.store-header:has(#categoryMenu:not([hidden])){border-radius:28px}}
/* Un mismo ritmo para entrar y salir de todos los estados hover. */
:is(a,button,input,select,textarea,.card,.photo img,.scale,.floating-whatsapp,.container-fastsale),:is(a,button,.card,.scale)::before,:is(a,button,.card,.scale)::after{transition-timing-function:ease-in!important}
@media(prefers-reduced-motion:reduce){.store-header #categoryMenu{animation:none!important}*,*::before,*::after{transition:none!important}}
.card .purchase .add,.card:hover .purchase .add,.photo img,.card:hover .photo img,.store-header nav>a,.store-header #catalogMenu,.store-header #categoryMenu button,#send.whatsapp,.card,.card:hover,.floating-whatsapp,.pill,.filters button,.arrows button,.newsletter-fields button,.continue-shopping,.purchase .qty-step,.scale,.footer-group a,.search-capsule{transition-timing-function:ease-in!important}