.v-drawer *{box-sizing:border-box}.v-pred-list,.v-drawer-content{scrollbar-width:thin;scrollbar-color:var(--h-border) transparent}.v-pred-list::-webkit-scrollbar,.v-drawer-content::-webkit-scrollbar{width:var(--s-1)}.v-pred-list::-webkit-scrollbar-thumb,.v-drawer-content::-webkit-scrollbar-thumb{background-color:var(--h-border);border-radius:var(--r-sm)}.v-search-spacer{position:relative;width:200px;height:42px;margin-right:var(--s-4);transition:width var(--d-normal) var(--ease-standard)}.v-search-wrapper{position:absolute;top:0;right:0;width:100%;height:42px;z-index:50;transition:width var(--d-normal) var(--ease-standard)}.v-search-wrapper:focus-within{width:min(280px,90vw)}.v-search-form{width:100%;height:100%;margin:0;padding:0}.v-search-input{width:100%;height:100%;background-color:var(--h-search-bg);border:1px solid var(--h-border);border-radius:var(--r-pill);padding:0 var(--s-5) 0 45px;color:var(--h-txt);font-size:var(--t-md);outline:none;transition:border-color var(--d-fast),background-color var(--d-fast)}.v-search-input:focus{border-color:var(--h-accent);background-color:var(--h-bg)}.v-search-input::placeholder{color:var(--h-text-placeholder)}.v-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--h-accent);width:18px;height:18px;pointer-events:none;z-index:2}.v-predictive-dropdown{position:absolute;top:calc(100% + 15px);right:0;width:400px;background-color:var(--h-bg);border-radius:var(--r-xl);border:1px solid var(--h-border);box-shadow:var(--sh-md);padding:clamp(15px,3vw,20px);z-index:var(--z-dropdown);display:flex;flex-direction:column;max-height:80vh;opacity:0;pointer-events:none;transform:translate3d(0,-10px,0);transition:opacity var(--d-fast) ease,transform var(--d-normal) var(--ease-out)}.v-predictive-dropdown.active{opacity:1;pointer-events:auto;transform:translateZ(0)}.v-pred-header{color:var(--h-accent);font-size:var(--t-xs);font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:var(--s-4);flex-shrink:0}.v-pred-list{display:flex;flex-direction:column;gap:var(--s-2);overflow-y:auto;flex-grow:1;padding-right:5px}.v-pred-item{display:flex;align-items:center;gap:var(--s-4);cursor:pointer;text-decoration:none;padding:var(--s-2);border-radius:var(--r-lg);transition:background-color var(--d-fast)}.v-pred-img{width:60px;height:60px;border-radius:var(--r-md);object-fit:cover;background-color:var(--h-search-bg);border:1px solid var(--h-border);flex-shrink:0}.v-pred-info{display:flex;flex-direction:column}.v-pred-category{color:var(--h-accent);font-size:var(--t-xs);font-weight:800;text-transform:uppercase;margin-bottom:var(--s-1);letter-spacing:.5px}.v-pred-title{color:var(--h-txt);font-size:var(--t-base);font-weight:600;margin:0 0 var(--s-1) 0;line-height:1.3}.v-pred-price{color:var(--h-text-soft);font-size:var(--t-base);font-weight:500}.v-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--s-2);background-color:var(--h-accent);color:var(--v-white, #fff);border:none;border-radius:var(--r-pill);font-weight:800;font-size:var(--t-sm);text-transform:uppercase;letter-spacing:1px;cursor:pointer;text-decoration:none;transition:opacity var(--d-fast),transform var(--d-fast)}.v-pred-view-all{display:flex;align-items:center;justify-content:center;gap:var(--s-2);background-color:#ff2e931a;color:var(--vb-magenta, var(--h-accent));padding:14px var(--s-5);margin-top:var(--s-4);flex-shrink:0;border-radius:var(--r-pill);font-weight:800;font-size:var(--t-sm);text-transform:uppercase;letter-spacing:1px;text-decoration:none;text-align:center;border:1.5px solid transparent;transition:background-color var(--d-fast),color var(--d-fast),border-color var(--d-fast),transform var(--d-fast)}.v-pred-view-all:after{content:"\2192";font-size:var(--t-base);font-weight:700;transition:transform var(--d-fast)}.v-pred-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--s-6) var(--s-4) var(--s-2);gap:var(--s-2)}.v-pred-empty-icon{color:var(--vb-magenta, var(--h-accent));opacity:.5;margin-bottom:var(--s-2)}.v-pred-empty-icon svg{width:34px;height:34px}.v-pred-empty-title{color:var(--h-txt);font-weight:700;font-size:var(--t-base);margin:0}.v-pred-empty-text{color:var(--h-text-soft);font-size:var(--t-sm);margin:0 0 var(--s-2) 0;line-height:1.5}@media(hover:hover){.v-pred-item:hover{background-color:#8080801a}.v-pred-view-all:hover{background-color:var(--vb-magenta-btn, #db287e);color:var(--v-white, #fff);border-color:var(--vb-magenta-btn, #db287e);transform:translateY(-1px)}.v-pred-view-all:hover:after{transform:translate(3px)}}.v-mobile-btn{display:none;background:none;border:none;color:var(--h-txt);cursor:pointer;padding:5px}.v-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;z-index:var(--z-overlay);opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity var(--d-fast) ease,visibility var(--d-fast) ease}.v-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.v-drawer{position:fixed;top:0;left:0;width:320px;max-width:85vw;height:100dvh;background-color:var(--h-bg);z-index:var(--z-drawer);display:flex;flex-direction:column;box-shadow:var(--sh-drawer);transform:translate3d(-100%,0,0);transition:transform var(--d-normal) var(--ease-out)}.v-drawer.active{transform:translateZ(0)}.v-drawer-header{padding:var(--s-5);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--h-border)}.v-drawer-content{overflow-y:auto;flex:1;display:flex;flex-direction:column;padding:var(--s-2) 0}.v-m-item{padding:0 var(--s-4);margin-bottom:2px}.v-m-link{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:13px var(--s-2);color:var(--h-txt);text-decoration:none;font-size:var(--t-md);font-weight:600;border-radius:var(--r-lg);transition:background-color var(--d-fast)}.v-m-link-left{display:flex;align-items:center;gap:var(--s-3)}.v-m-icon{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--h-accent)}.v-m-icon svg{width:18px;height:18px}.v-m-icon img{width:17px;height:17px;object-fit:contain;display:block}.v-m-icon--mujeres{background:linear-gradient(150deg,var(--vb-cat-mujeres, #8C4DFF) 0%,#6B2FD9 100%)}.v-m-icon--hombres{background:linear-gradient(150deg,var(--vb-cat-hombres, #3E7BFA) 0%,#2A5FD6 100%)}.v-m-icon--parejas{background:linear-gradient(150deg,var(--vb-cat-parejas, #FF2E93) 0%,#D6157A 100%)}.v-m-icon--lenceria{background:linear-gradient(150deg,var(--vb-cat-lenceria, #F4A0C6) 0%,#D9448C 100%)}.v-m-icon--lubricantes{background:linear-gradient(150deg,var(--vb-cat-lubricantes, #00D4C0) 0%,#00A896 100%)}.v-m-icon--eroteca{background:linear-gradient(150deg,#fb3f5c,#c4173a)}.v-m-icon--anal{background:linear-gradient(150deg,var(--vb-cat-anal, #C97B3D) 0%,#A85A1E 100%)}.v-m-icon--fetish{background:linear-gradient(150deg,var(--vb-cat-fetish, #6B5B73) 0%,#423849 100%)}.v-m-icon--accesorios{background:linear-gradient(150deg,var(--vb-cat-accesorios, #6B829C) 0%,#4A5F75 100%)}.v-m-chevron{color:var(--h-text-soft);flex-shrink:0;transition:transform var(--d-normal) ease,color var(--d-fast)}.v-m-item.open .v-m-link .v-m-chevron{transform:rotate(180deg);color:var(--h-accent)}.v-m-sub{overflow:hidden;max-height:0;transition:max-height var(--d-normal) ease}.v-m-item.open .v-m-sub{max-height:400px}.v-m-sub-link{display:block;margin:2px 0;padding:11px var(--s-3) 11px calc(34px + var(--s-3) + var(--s-2));color:var(--h-text-soft);text-decoration:none;font-size:var(--t-base);border-radius:var(--r-lg);transition:color var(--d-fast),background-color var(--d-fast)}.v-m-sub-link--all{color:var(--h-accent)!important;font-weight:700;display:flex;align-items:center;gap:6px}.v-m-sub-link--all span{transition:transform var(--d-fast)}.v-drawer-footer-actions{display:flex;gap:var(--s-2);padding:var(--s-4) var(--s-5) var(--s-5);border-top:1px solid var(--h-border);margin-top:auto}.v-df-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--s-2);padding:12px;background:transparent;border:1px solid var(--h-border);border-radius:var(--r-pill);color:var(--h-txt);font-size:var(--t-base);font-weight:600;cursor:pointer;transition:border-color var(--d-fast),color var(--d-fast),background-color var(--d-fast)}@media(hover:hover){.v-m-link:hover{background-color:var(--h-search-bg)}.v-m-sub-link:hover{color:var(--h-accent);background-color:var(--h-search-bg)}.v-m-sub-link--all:hover span{transform:translate(3px)}.v-df-btn:hover{border-color:var(--h-accent);color:var(--h-accent);background-color:var(--h-search-bg)}}@media(hover:hover){.v-action-btn:hover{opacity:.9;transform:translateY(-2px)}}@media(min-width:1201px)and (max-width:1400px){.v-search-spacer{width:140px;margin-right:5px}.v-search-wrapper:focus-within{width:min(220px,90vw)}}@media(max-width:1200px){.v-mobile-btn{display:flex;align-items:center;justify-content:flex-start;z-index:20;padding:0;width:44px;height:44px;flex-shrink:0}.v-search-spacer{width:44px;height:44px;margin:0;flex-shrink:0;position:relative}.v-search-wrapper{position:absolute;right:0;top:0;width:44px;height:44px;transition:width var(--d-normal) var(--ease-standard)}.v-search-input{padding:0;border-radius:var(--r-pill);background-color:transparent;cursor:pointer;color:transparent;font-size:var(--t-md)}.v-search-input::placeholder{color:transparent}.v-search-icon{left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px}.v-search-wrapper:focus-within{width:min(250px,calc(100vw - 110px));background-color:var(--h-bg);z-index:100}.v-search-wrapper:focus-within .v-search-input{padding:0 var(--s-4) 0 40px;cursor:text;color:var(--h-txt);background-color:var(--h-search-bg)}.v-search-wrapper:focus-within .v-search-input::placeholder{color:var(--h-text-placeholder)}.v-search-wrapper:focus-within .v-search-icon{left:15px;transform:translateY(-50%)}.v-predictive-dropdown{width:100%;min-width:250px;right:0;top:calc(100% + 10px)}}@media(max-width:360px){.v-search-spacer,.v-search-wrapper{width:44px;height:44px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/header-components.css.map */