/* Shared mobile navigation: exact Home rules, isolated from page styles. */
#wk-mobile-nav{display:none;box-sizing:border-box;font-family:Inter,sans-serif;font-style:normal;letter-spacing:normal;line-height:normal}
#wk-mobile-nav *{box-sizing:border-box}
#wk-mobile-nav a{text-decoration:none;text-transform:none;margin:0;float:none;flex:none}
#wk-mobile-nav svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;max-width:none;flex:none}
#wk-mobile-nav.wk-mobile-bottom{display:none}
@media(max-width:760px){#wk-mobile-nav.wk-mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:70;bottom:0;left:0;right:0;height:64px;border-top:1px solid #173c61;background:#061426}
#wk-mobile-nav.wk-mobile-bottom a{border:0;background:none;color:#7893ad;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
#wk-mobile-nav.wk-mobile-bottom a svg{width:19px;height:19px}
#wk-mobile-nav.wk-mobile-bottom span{font-size:9px}
#wk-mobile-nav.wk-mobile-bottom .active{color:#26bfff}}
@media(max-width:760px){#wk-mobile-nav.wk-mobile-bottom{padding-bottom:env(safe-area-inset-bottom);height:calc(64px + env(safe-area-inset-bottom))}}
#wk-mobile-nav.wk-mobile-bottom:has([data-mobile-nav="carrito"]){grid-template-columns:repeat(5,1fr)}
@media (max-width:760px){#wk-mobile-nav.wk-mobile-bottom{
        position:fixed !important;
        z-index:120 !important;
        left:50% !important;
        right:auto !important;
        bottom:max(8px,env(safe-area-inset-bottom)) !important;
        transform:translateX(-50%) !important;
        width:calc(100% - 18px) !important;
        max-width:430px !important;
        min-height:58px !important;
        display:grid !important;
        grid-template-columns:repeat(5,minmax(0,1fr)) !important;
        align-items:center !important;
        gap:2px !important;
        padding:6px !important;
        border:1px solid rgba(76,136,184,.20) !important;
        border-radius:18px !important;
        background:linear-gradient(180deg,rgba(9,19,29,.94),rgba(5,13,21,.96)) !important;
        box-shadow:
          0 18px 40px rgba(0,0,0,.48),
          inset 0 1px 0 rgba(255,255,255,.04) !important;
        backdrop-filter:blur(18px) saturate(135%) !important;
        -webkit-backdrop-filter:blur(18px) saturate(135%) !important;
      }
#wk-mobile-nav.wk-mobile-bottom::before{
        content:"";
        position:absolute;
        left:16px;
        right:16px;
        top:0;
        height:1px;
        background:linear-gradient(90deg,transparent,rgba(45,174,255,.52),transparent);
        pointer-events:none;
      }
#wk-mobile-nav.wk-mobile-bottom a{
        appearance:none !important;
        -webkit-appearance:none !important;
        position:relative !important;
        min-width:0 !important;
        height:46px !important;
        padding:4px 2px 2px !important;
        border:0 !important;
        border-radius:12px !important;
        background:transparent !important;
        color:#71879a !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:3px !important;
        font-size:7.2px !important;
        line-height:1 !important;
        font-weight:750 !important;
        cursor:pointer !important;
        transition:color .18s ease,background .18s ease,transform .18s ease !important;
      }
#wk-mobile-nav.wk-mobile-bottom a .wk-mobile-bottom__icon{
        width:27px;
        height:24px;
        display:grid;
        place-items:center;
        border-radius:8px;
        transition:background .18s ease,box-shadow .18s ease,transform .18s ease;
      }
#wk-mobile-nav.wk-mobile-bottom a svg{
        width:17px !important;
        height:17px !important;
        stroke-width:1.8 !important;
      }
#wk-mobile-nav.wk-mobile-bottom a[aria-current="page"]{
        color:#58beff !important;
        background:rgba(34,157,246,.055) !important;
      }
#wk-mobile-nav.wk-mobile-bottom a[aria-current="page"] .wk-mobile-bottom__icon{
        background:linear-gradient(180deg,rgba(39,165,255,.17),rgba(39,165,255,.065));
        box-shadow:inset 0 0 0 1px rgba(56,180,255,.13),0 5px 14px rgba(0,118,210,.10);
        transform:translateY(-1px);
      }
#wk-mobile-nav.wk-mobile-bottom a[aria-current="page"]::after{
        content:"";
        position:absolute;
        bottom:1px;
        width:13px;
        height:2px;
        border-radius:99px;
        background:#29adff;
        box-shadow:0 0 8px rgba(41,173,255,.72);
      }}
@media (max-width:390px){#wk-mobile-nav.wk-mobile-bottom{
        width:calc(100% - 12px) !important;
        border-radius:16px !important;
        padding:5px !important;
      }
#wk-mobile-nav.wk-mobile-bottom a{
        height:44px !important;
        font-size:6.8px !important;
      }
#wk-mobile-nav.wk-mobile-bottom a .wk-mobile-bottom__icon{width:25px;height:23px}
#wk-mobile-nav.wk-mobile-bottom a svg{width:16px !important;height:16px !important}}
@media (max-width:760px){#wk-mobile-nav.wk-mobile-bottom a{
        min-width:0 !important;
      }
#wk-mobile-nav.wk-mobile-bottom a > span:last-child{
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        max-width:100% !important;
      }
.wk-mobile-bottom__wallet{
        position:relative !important;
      }
.wk-mobile-bottom__plus{
        position:absolute;
        top:-3px;
        right:-5px;
        width:13px;
        height:13px;
        display:grid;
        place-items:center;
        border-radius:50%;
        background:#28acff;
        color:#fff;
        border:2px solid #07111a;
        box-shadow:0 0 10px rgba(40,172,255,.46);
        font-size:9px;
        line-height:1;
        font-weight:900;
      }
.wk-mobile-bottom__funds[aria-current="page"] .wk-mobile-bottom__plus{
        background:#58c4ff;
      }}
@media (max-width:390px){#wk-mobile-nav.wk-mobile-bottom a{
        font-size:6.4px !important;
      }
.wk-mobile-bottom__plus{
        width:12px;
        height:12px;
        font-size:8px;
      }}
@media (max-width:760px){#wk-mobile-nav.wk-mobile-bottom{
        bottom:max(8px,env(safe-area-inset-bottom)) !important;
        min-height:59px !important;
        padding:5px 7px !important;
        border-radius:18px !important;
        overflow:visible !important;
        background:linear-gradient(180deg,rgba(10,20,30,.96),rgba(5,12,20,.98)) !important;
        border:1px solid rgba(83,140,183,.20) !important;
        box-shadow:
          0 18px 42px rgba(0,0,0,.52),
          inset 0 1px 0 rgba(255,255,255,.04) !important;
      }
#wk-mobile-nav.wk-mobile-bottom a{
        height:47px !important;
        padding:3px 2px 2px !important;
        border-radius:11px !important;
        gap:3px !important;
        font-size:7px !important;
        color:#718698 !important;
        overflow:visible !important;
      }
#wk-mobile-nav.wk-mobile-bottom a .wk-mobile-bottom__icon{
        width:27px !important;
        height:25px !important;
        border-radius:8px !important;
      }
#wk-mobile-nav.wk-mobile-bottom a svg{
        width:17px !important;
        height:17px !important;
      }
#wk-mobile-nav.wk-mobile-bottom a:not(.wk-mobile-bottom__funds)[aria-current="page"]{
        color:#50bfff !important;
        background:rgba(36,157,246,.05) !important;
      }
#wk-mobile-nav.wk-mobile-bottom a:not(.wk-mobile-bottom__funds)[aria-current="page"] .wk-mobile-bottom__icon{
        background:rgba(37,159,247,.10) !important;
        box-shadow:inset 0 0 0 1px rgba(51,177,255,.10) !important;
      }
#wk-mobile-nav.wk-mobile-bottom a:not(.wk-mobile-bottom__funds)[aria-current="page"]::after{
        width:11px !important;
        height:2px !important;
        bottom:0 !important;
      }
#wk-mobile-nav.wk-mobile-bottom .wk-mobile-bottom__funds{
        position:relative !important;
        height:50px !important;
        color:#9ddcff !important;
        background:transparent !important;
        z-index:4 !important;
        padding-top:19px !important;
      }
#wk-mobile-nav.wk-mobile-bottom .wk-mobile-bottom__funds .wk-mobile-bottom__icon{
        position:absolute !important;
        left:50% !important;
        top:-27px !important;
        transform:translateX(-50%) !important;
        width:54px !important;
        height:54px !important;
        border-radius:50% !important;
        display:grid !important;
        place-items:center !important;
        color:#fff !important;
        background:
          radial-gradient(circle at 34% 28%,rgba(255,255,255,.26),transparent 24%),
          linear-gradient(145deg,#45c3ff 0%,#267cff 52%,#564cff 100%) !important;
        border:4px solid #09131e !important;
        outline:2px solid rgba(111,198,255,.72) !important;
        box-shadow:
          0 0 0 4px rgba(65,153,255,.12),
          0 8px 25px rgba(32,122,255,.38),
          inset 0 1px 0 rgba(255,255,255,.30) !important;
      }
#wk-mobile-nav.wk-mobile-bottom .wk-mobile-bottom__funds .wk-mobile-bottom__icon svg{
        width:23px !important;
        height:23px !important;
        stroke-width:1.8 !important;
      }
#wk-mobile-nav.wk-mobile-bottom .wk-mobile-bottom__funds > span:last-child{
        color:#8fcfff !important;
        font-weight:800 !important;
      }
#wk-mobile-nav.wk-mobile-bottom .wk-mobile-bottom__funds::after{
        display:none !important;
      }
#wk-mobile-nav.wk-mobile-bottom .wk-mobile-bottom__funds:active .wk-mobile-bottom__icon{
        transform:translateX(-50%) scale(.95) !important;
      }
.wk-mobile-bottom__plus{
        top:4px !important;
        right:4px !important;
        width:15px !important;
        height:15px !important;
        font-size:9px !important;
        border:2px solid #0a1420 !important;
        background:#8bddff !important;
        color:#062440 !important;
        box-shadow:0 0 10px rgba(89,199,255,.55) !important;
      }}
@media (max-width:390px){#wk-mobile-nav.wk-mobile-bottom{
        min-height:57px !important;
        padding-inline:5px !important;
      }
#wk-mobile-nav.wk-mobile-bottom a{
        font-size:6.4px !important;
      }
#wk-mobile-nav.wk-mobile-bottom .wk-mobile-bottom__funds .wk-mobile-bottom__icon{
        width:51px !important;
        height:51px !important;
        top:-25px !important;
      }
#wk-mobile-nav.wk-mobile-bottom .wk-mobile-bottom__funds .wk-mobile-bottom__icon svg{
        width:21px !important;
        height:21px !important;
      }}
@media (max-width:760px){#wk-mobile-nav.wk-mobile-bottom .wk-mobile-bottom__funds .wk-mobile-bottom__icon img{
        display:block !important;
        width:27px !important;
        height:27px !important;
        object-fit:contain !important;
        filter:drop-shadow(0 0 8px rgba(69,181,255,.34)) !important;
      }}
@media (max-width:390px){#wk-mobile-nav.wk-mobile-bottom .wk-mobile-bottom__funds .wk-mobile-bottom__icon img{
        width:25px !important;
        height:25px !important;
      }}
@media (max-width:760px){#wk-mobile-nav.wk-mobile-bottom{
        min-height:60px !important;
        padding:6px 7px !important;
      }
#wk-mobile-nav.wk-mobile-bottom a{
        height:48px !important;
        padding:4px 2px 2px !important;
        gap:2px !important;
        font-size:6.4px !important;
        line-height:1 !important;
        color:#71879a !important;
        background:transparent !important;
      }
#wk-mobile-nav.wk-mobile-bottom a:not(.wk-mobile-bottom__funds) .wk-mobile-bottom__icon{
        width:auto !important;
        height:22px !important;
        min-width:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        border:0 !important;
        transform:none !important;
      }
#wk-mobile-nav.wk-mobile-bottom a:not(.wk-mobile-bottom__funds) svg{
        width:17px !important;
        height:17px !important;
        stroke-width:1.75 !important;
      }
#wk-mobile-nav.wk-mobile-bottom a:not(.wk-mobile-bottom__funds)[aria-current="page"]{
        color:#39b6ff !important;
        background:transparent !important;
      }
#wk-mobile-nav.wk-mobile-bottom a:not(.wk-mobile-bottom__funds)[aria-current="page"] .wk-mobile-bottom__icon{
        background:transparent !important;
        box-shadow:none !important;
        transform:none !important;
      }
#wk-mobile-nav.wk-mobile-bottom a:not(.wk-mobile-bottom__funds)[aria-current="page"]::after{
        bottom:0 !important;
        width:10px !important;
        height:2px !important;
        border-radius:99px !important;
        background:#2badff !important;
        box-shadow:0 0 7px rgba(43,173,255,.55) !important;
      }
#wk-mobile-nav.wk-mobile-bottom a > span:last-child{
        font-size:6.3px !important;
        font-weight:700 !important;
        letter-spacing:0 !important;
      }
#wk-mobile-nav.wk-mobile-bottom .wk-mobile-bottom__funds{
        height:50px !important;
        padding-top:18px !important;
      }
#wk-mobile-nav.wk-mobile-bottom .wk-mobile-bottom__funds .wk-mobile-bottom__icon{
        top:-24px !important;
        width:58px !important;
        height:58px !important;
        border:4px solid #09131e !important;
        outline:2px solid rgba(100,195,255,.72) !important;
        box-shadow:
          0 0 0 4px rgba(60,150,255,.10),
          0 8px 24px rgba(31,122,255,.34),
          inset 0 1px 0 rgba(255,255,255,.28) !important;
      }
#wk-mobile-nav.wk-mobile-bottom .wk-mobile-bottom__funds .wk-mobile-bottom__icon img{
        width:31px !important;
        height:31px !important;
      }
#wk-mobile-nav.wk-mobile-bottom .wk-mobile-bottom__funds > span:last-child{
        font-size:6.5px !important;
        color:#67c8ff !important;
        font-weight:800 !important;
      }
.wk-mobile-bottom__plus{
        top:4px !important;
        right:3px !important;
        width:15px !important;
        height:15px !important;
        font-size:9px !important;
      }}
@media (max-width:390px){#wk-mobile-nav.wk-mobile-bottom{
        min-height:58px !important;
        padding-inline:5px !important;
      }
#wk-mobile-nav.wk-mobile-bottom a{
        font-size:6px !important;
      }
#wk-mobile-nav.wk-mobile-bottom a > span:last-child{
        font-size:5.9px !important;
      }
#wk-mobile-nav.wk-mobile-bottom a:not(.wk-mobile-bottom__funds) svg{
        width:16px !important;
        height:16px !important;
      }
#wk-mobile-nav.wk-mobile-bottom .wk-mobile-bottom__funds .wk-mobile-bottom__icon{
        width:55px !important;
        height:55px !important;
        top:-23px !important;
      }
#wk-mobile-nav.wk-mobile-bottom .wk-mobile-bottom__funds .wk-mobile-bottom__icon img{
        width:29px !important;
        height:29px !important;
      }}
@media (max-width:760px){#wk-mobile-nav.wk-mobile-bottom a:not(.wk-mobile-bottom__funds) .wk-mobile-bottom__icon{
        height:24px !important;
      }
#wk-mobile-nav.wk-mobile-bottom a:not(.wk-mobile-bottom__funds) svg{
        width:19px !important;
        height:19px !important;
        stroke-width:1.8 !important;
      }
#wk-mobile-nav.wk-mobile-bottom a > span:last-child{
        font-size:7px !important;
        font-weight:750 !important;
      }
#wk-mobile-nav.wk-mobile-bottom .wk-mobile-bottom__funds{
        padding-top:21px !important;
      }
#wk-mobile-nav.wk-mobile-bottom .wk-mobile-bottom__funds > span:last-child{
        position:relative !important;
        top:3px !important;
        font-size:7px !important;
        line-height:1 !important;
      }}
@media (max-width:390px){#wk-mobile-nav.wk-mobile-bottom a:not(.wk-mobile-bottom__funds) svg{
        width:18px !important;
        height:18px !important;
      }
#wk-mobile-nav.wk-mobile-bottom a > span:last-child{
        font-size:6.6px !important;
      }
#wk-mobile-nav.wk-mobile-bottom .wk-mobile-bottom__funds > span:last-child{
        font-size:6.6px !important;
        top:3px !important;
      }}
@media (max-width:760px){#wk-mobile-nav.wk-mobile-bottom a:not(.wk-mobile-bottom__funds) svg{
        width:21px !important;
        height:21px !important;
      }
#wk-mobile-nav.wk-mobile-bottom a > span:last-child{
        font-size:7.4px !important;
      }
#wk-mobile-nav.wk-mobile-bottom .wk-mobile-bottom__funds{
        padding-top:23px !important;
      }
#wk-mobile-nav.wk-mobile-bottom .wk-mobile-bottom__funds > span:last-child{
        top:6px !important;
        font-size:7.4px !important;
      }}
@media (max-width:390px){#wk-mobile-nav.wk-mobile-bottom a:not(.wk-mobile-bottom__funds) svg{
        width:19.5px !important;
        height:19.5px !important;
      }
#wk-mobile-nav.wk-mobile-bottom a > span:last-child{
        font-size:6.95px !important;
      }
#wk-mobile-nav.wk-mobile-bottom .wk-mobile-bottom__funds > span:last-child{
        top:6px !important;
        font-size:6.95px !important;
      }}
@media(max-width:760px){
 body:has(#wk-mobile-nav){padding-bottom:calc(100px + env(safe-area-inset-bottom,0px)) !important}
 #wk-mobile-nav{z-index:120 !important}
 #wk-mobile-nav a:focus-visible{outline:2px solid #67c8ff;outline-offset:2px}
 .toast,#wa-toast{bottom:calc(108px + env(safe-area-inset-bottom,0px)) !important}
}

#wk-mobile-nav [data-mobile-nav="carrito"] .wk-mobile-bottom__icon{position:relative}
#wk-mobile-nav .wk-mobile-cart-count{position:absolute;top:-4px;right:-5px;min-width:15px;height:15px;padding:0 3px;display:grid;place-items:center;border-radius:50%;background:#008fff!important;color:#fff!important;font:800 8px/1 Inter,sans-serif;border:1px solid #07111a;pointer-events:none}