.wf-drawer{position:fixed;left:0;top:0;height:100dvh;width:min(360px,86vw);display:flex;flex-direction:column;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f3f4f6;border-radius:0 16px 16px 0;box-shadow:0 20px 40px #00000059;transform:translate(-110%);opacity:0;transition:transform .25s ease,opacity .25s ease;z-index:60;pointer-events:none}.wf-drawer.wf-open{transform:translate(0);opacity:1;pointer-events:auto}.wf-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0))}.wf-title{margin:0;font-size:1.25rem;font-weight:700}.wf-close{background:transparent;color:#fff;border:none;cursor:pointer;font-size:18px;line-height:1;padding:6px 8px;border-radius:8px}.wf-close:hover{background:#ffffff1f}.wf-content{padding:0 16px 12px;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1 1 auto}.wf-desc{margin:4px 0 10px;opacity:.85}.wf-drawer label{display:block;margin:8px 0 4px;font-weight:600}.wf-input{appearance:none;width:100%;box-sizing:border-box;height:auto;min-height:0;padding:4px 10px;font-size:16px;line-height:1.15;background:#0f0f0f;color:#eaeaea;border:1px solid #2a2a2a;border-radius:10px;outline:none;transition:border-color .15s,box-shadow .15s}.wf-input::placeholder{color:#9aa0a6}.wf-input:focus{border-color:#3a3a3a;box-shadow:0 0 0 2px #ffffff0f}.wf-drawer select{width:100%;margin-top:6px;height:auto;padding:4px 34px 4px 10px;font-size:16px;line-height:1.15;border-radius:10px;border:1px solid #2f2f2f;background:#111;color:#eee;appearance:none;-webkit-appearance:none;outline:none;box-shadow:inset 0 1px #ffffff0a;transition:border-color .15s ease,box-shadow .15s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px}.wf-drawer select:hover{border-color:#3d3d3d}.wf-drawer select:focus{border-color:#5a5a5a;box-shadow:0 0 0 2px #ffffff1a}.wf-drawer select option{background:#111827;color:#f3f4f6}.wf-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wf-money-wrap{position:relative}.wf-money-wrap:before{content:"$";position:absolute;left:10px;top:50%;transform:translateY(-50%);opacity:.85;pointer-events:none}.wf-input.wf-money{padding-left:24px}.wf-range{position:relative;height:28px;margin-top:8px}.wf-range input[type=range]{position:absolute;left:0;right:0;top:6px;width:100%;-webkit-appearance:none;background:transparent;pointer-events:auto}.wf-range input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:4px;background:transparent}.wf-range input[type=range]::-moz-range-track{height:6px;border-radius:4px;background:transparent}.wf-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#e63946;border:2px solid #fff;margin-top:-6px;box-shadow:0 2px 8px #0006}.wf-range input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#e63946;border:2px solid #fff;box-shadow:0 2px 8px #0006}.wf-range-track{position:absolute;left:0;right:0;top:12px;height:6px;border-radius:4px;background:linear-gradient(90deg,#ffffff2e,#ffffff2e);z-index:-1}.wf-range-values{display:flex;justify-content:space-between;margin:4px 2px 10px;font-size:13px;opacity:.9}.wf-footer{padding:10px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));background:linear-gradient(180deg,#0000,#0000008c 30%,#000000b8);border-top:1px solid rgba(255,255,255,.08)}.wf-clear{width:100%;padding:10px 12px;border:none;border-radius:10px;background:#b31d2d;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 8px 16px #00000040}.wf-clear:hover{filter:brightness(1.08)}@media (max-width: 780px){.wf-title{font-size:1.1rem}.wf-input{font-size:15px;padding:3px 9px}.wf-drawer select{font-size:15px;padding:3px 30px 3px 9px}}@media (orientation: landscape) and (max-height: 600px){.wf-drawer{width:min(330px,78vw)}.wf-content{padding-bottom:8px}.wf-clear{padding:8px 10px}}.overlay{z-index:40}.wf-field{position:relative;margin-bottom:6px}.wf-select-btn{width:100%;background:#111;border:1px solid #2f2f2f;border-radius:10px;color:#eee;padding:6px 34px 6px 10px;text-align:left;font-size:15.5px;display:flex;align-items:center;justify-content:space-between;gap:10px}.wf-select-btn .wf-caret{font-size:13px;opacity:.8}.wf-select-btn.open{border-color:#ffffff47;background:#00000059}.wf-options{position:absolute;left:0;right:0;top:calc(100% + 4px);background:#0f0f0f;border:1px solid #2f2f2f;border-radius:10px;max-height:210px;overflow-y:auto;z-index:120;box-shadow:0 14px 30px #00000059}.wf-options li{list-style:none;padding:7px 10px;cursor:pointer;font-size:14.5px}.wf-options li:hover{background:#ffffff14}.wf-options li.sel{background:#b31d2d73}.wf-content{max-height:calc(100dvh - 74px);overflow-y:auto;padding-bottom:14px}.wf-footer{position:sticky;bottom:0;background:#000000b8;padding-top:6px}html,body{overflow-x:hidden}.carousel-wrapper{position:relative;width:100%;padding-bottom:calc(env(safe-area-inset-bottom,0) + 160px);overflow:hidden}.carousel-track{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:4px 28px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain}.carousel-track::-webkit-scrollbar{display:none}.vino-carta{box-sizing:border-box;flex:0 0 auto;width:clamp(240px,30vw,360px);background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border:0;border-radius:0;padding:8px 10px 14px;color:#fff;text-decoration:none;scroll-snap-align:start}.vino-carta img{width:100%;height:220px;object-fit:contain;margin:0 auto 8px}.vino-carta h3,.vino-carta p{text-shadow:0 2px 12px rgba(0,0,0,.55)}.vino-carta h3{font-size:clamp(18px,2.1vw,24px);line-height:1.2;min-height:2.4em;margin:4px 0 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vino-carta p{margin:2px 0}.vino-carta p:nth-of-type(1){min-height:1.2em}.vino-carta p:nth-of-type(2){min-height:1.2em}.precios{display:flex;gap:12px;margin-top:8px;min-height:1.4em}.img-placeholder{height:160px;display:grid;place-items:center;opacity:.8;border:1px dashed rgba(255,255,255,.25);border-radius:10px}.btn-filtros{position:fixed;inset:16px 16px auto auto;z-index:40;width:56px;height:56px;border-radius:50%;border:none;outline:none;cursor:pointer;background:linear-gradient(180deg,#2b2b2b,#171717);color:#fff;box-shadow:0 12px 24px #00000059,inset 0 1px #ffffff0d;display:grid;place-items:center;transition:transform .15s ease,filter .15s ease}.btn-filtros .lbl{position:absolute;inset:50% 72px auto auto;transform:translateY(-50%);background:#000000a6;padding:6px 10px;border-radius:10px;font-size:13px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-filtros svg{width:24px;height:24px}.overlay{position:fixed;inset:0;background:#00000073;z-index:40}@media (max-width: 780px){.contenedor-principal{grid-template-columns:1fr;gap:12px;padding:8px}.carousel-track{padding:6px 40px}.vino-carta{width:86vw;padding:12px 8px 14px}.vino-carta img{height:200px}.vino-carta h3{font-size:clamp(18px,6vw,24px)}}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:35;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#0000008c;color:#fff;font-size:24px;display:grid;place-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.nav-btn.prev{left:8px}.nav-btn.next{right:8px}.edge-fade{pointer-events:none;position:absolute;top:0;bottom:0;width:32px;z-index:34}.edge-fade.left{left:0;background:linear-gradient(90deg,rgba(0,0,0,.6),transparent)}.edge-fade.right{right:0;background:linear-gradient(270deg,rgba(0,0,0,.6),transparent)}@media (min-width: 900px) and (max-width: 1399px){.carousel-track{gap:16px;padding:0 48px}.vino-carta{flex:0 0 calc((100vw - 96px - 2*16px) / 3 - 28px);width:calc((100vw - 96px - 2*16px) / 3 - 28px);padding:10px 8px 16px}.vino-carta img{height:300px}.carousel-wrapper{padding-bottom:calc(env(safe-area-inset-bottom,0) + 110px)}}@media (min-width: 1400px){.carousel-track{gap:16px;padding:0 48px}.vino-carta{flex:0 0 calc((100vw - 96px - 2*16px) / 3 - 28px);width:calc((100vw - 96px - 2*16px) / 3 - 28px);padding:12px 10px 18px}.vino-carta img{height:320px}}h1{font-size:clamp(22px,4.6vw,44px)!important;line-height:1.05!important;margin:6px 0!important;text-shadow:0 3px 20px rgba(0,0,0,.45)}@media (orientation: landscape) and (max-height: 640px){.carousel-wrapper{padding-bottom:calc(env(safe-area-inset-bottom,0) + 260px)}h1{font-size:clamp(20px,4vw,36px)!important;margin:4px 0!important}.vino-carta img{height:290px}}.tipo-bar{margin:8px 16px 4px;display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;justify-content:center}.tipo-bar::-webkit-scrollbar{display:none}.tipo-chip{flex:0 0 auto;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#0000008c;color:#fff;padding:6px 14px;font-size:14px;cursor:pointer;white-space:nowrap}.tipo-chip-active{background:#b31d2d;border-color:#b31d2d;font-weight:600}@media (min-width: 1200px){body{font-size:18px}h1{font-size:44px!important}.vino-carta h3{font-size:22px}.vino-carta p{font-size:16px}.vino-carta img{height:360px}.tipo-chip{font-size:15px;padding:7px 18px}}.detalle-vino-page{min-height:100dvh;padding:clamp(8px,2vw,14px);display:flex;align-items:flex-start;justify-content:center;box-sizing:border-box;color:#fff;overflow-y:auto}.detalle-vino{width:min(700px,92vw);background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;padding:clamp(10px,1.5vw,16px);display:grid;grid-auto-rows:min-content;row-gap:clamp(6px,1.2vh,10px);box-shadow:0 18px 38px #00000057}.imagen-detalle{width:clamp(90px,14vw,150px);max-height:25vh;object-fit:contain;justify-self:center;border-radius:10px}.info-title{margin:8px 0;text-align:center;font-size:clamp(18px,2.5vw,26px);line-height:1.2}.meta-list{display:grid;grid-auto-rows:min-content;row-gap:5px;font-size:clamp(12px,1.3vw,15px);line-height:1.25}.meta-row{display:grid;grid-template-columns:minmax(160px,200px) 1fr;column-gap:10px;align-items:start}.meta-label{font-weight:700;opacity:.95;white-space:nowrap}.meta-value{opacity:.96}.volver-fixed{position:fixed;left:50%;bottom:10px;transform:translate(-50%);display:inline-block;padding:8px 14px;color:#fff;text-decoration:none;font-weight:600;border-radius:10px;background:#000000a6;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:14px}.volver-fixed:hover{filter:brightness(1.08)}@media (max-width: 768px){.meta-row{grid-template-columns:1fr;row-gap:2px}.info-title{font-size:20px}}body{margin:0;font-family:Segoe UI,sans-serif;background-color:transparent;color:#fff}body:before{content:"";position:fixed;inset:0;background-image:url(/fondo-vinos.jpg);background-size:cover;background-position:center;background-attachment:fixed;z-index:-1;filter:brightness(.3)}.titulo-principal{text-align:center;font-size:1.5rem;color:#fff;padding:.7rem .75rem .3rem;margin:0 auto;background:transparent;width:100%}.actions-bar.top-right{position:fixed;top:10px;right:10px;display:flex;gap:8px;padding:6px 10px;z-index:2147483000;background:#00000047;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;pointer-events:auto}.btn-ghost{border:1px solid rgba(255,255,255,.35);background:#ffffff1a;color:#fff;padding:6px 10px;border-radius:10px;cursor:pointer}.btn-ghost:hover{background:#ffffff2e}.offline-pill{color:#ffd38a;align-self:center;font-size:.9rem}.fab-refresh{position:fixed;right:16px;bottom:16px;width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:#0000008c;color:#fff;font-size:22px;display:grid;place-items:center;cursor:pointer;z-index:5000;box-shadow:0 10px 20px #00000059,inset 0 1px #ffffff0f}.fab-refresh:hover{filter:brightness(1.08)}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);background:#000c;color:#fff;padding:10px 14px;border-radius:10px;z-index:9999}