/* El Buen Sabor Fiambrería · estilos de la tienda (minorista y mayorista). Colores de marca en :root */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:#F8F2EB;color:#1E0E0A;min-height:100vh;overflow-x:hidden;padding-bottom:68px}
img{display:block;max-width:100%}
button{cursor:pointer;font-family:inherit;border:none;background:none}
svg{pointer-events:none}
:root{--red:#C1272D;--red-d:#8B1A1A;--gold:#F5A623;--gold-d:#C47F10;--gold-l:#FDD075;--bg:#F8F2EB;--white:#FFFFFF;--dark:#190A05;--txt:#1E0E0A;--txt-m:#6B3A30;--txt-l:#A07060;--border:rgba(193,39,45,.12);--sh:0 4px 24px rgba(44,24,16,.08);--sh-h:0 16px 48px rgba(44,24,16,.15),0 4px 12px rgba(193,39,45,.1)}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes cartBounce{0%{transform:scale(1)}20%{transform:scale(1.4)rotate(-8deg)}45%{transform:scale(.9)rotate(5deg)}65%{transform:scale(1.15)rotate(-2deg)}80%{transform:scale(.97)}100%{transform:scale(1)}}
@keyframes waRing{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 22px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@keyframes cartRing{0%{box-shadow:0 0 0 0 rgba(193,39,45,.5)}70%{box-shadow:0 0 0 18px rgba(193,39,45,0)}100%{box-shadow:0 0 0 0 rgba(193,39,45,0)}}
@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:.8}85%{opacity:.6}100%{opacity:0;transform:translateY(-140px)scale(.4)rotate(360deg)}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes offerBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes slideDown{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
.sr{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}.sr.in{opacity:1;transform:translateY(0)}.cart-pop{animation:cartBounce .6s ease}
#hdr{position:sticky;top:0;z-index:300;background:var(--red);height:64px;padding:0 14px;display:flex;align-items:center;gap:12px;box-shadow:0 3px 28px rgba(100,0,0,.45)}
.h-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;cursor:pointer}.h-logo-img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2.5px solid rgba(255,255,255,.6);box-shadow:0 0 0 3px rgba(245,166,35,.4),0 3px 14px rgba(0,0,0,.35);transition:transform .2s}.h-logo:hover .h-logo-img{transform:scale(1.06)}
.h-logo-fb{width:54px;height:54px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--gold-l),var(--gold));border:2.5px solid rgba(255,255,255,.5);display:none;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 0 3px rgba(245,166,35,.4);font-size:12px;font-weight:900;color:var(--dark);line-height:1}
.h-logo-fb small{font-size:7px;font-weight:700;letter-spacing:.5px;color:rgba(26,10,5,.6);text-transform:uppercase;display:block;margin-top:1px}
.h-names{display:flex;flex-direction:column;line-height:1.1}.h-n1{font-size:16px;font-weight:800;color:#fff;letter-spacing:-.4px}.h-n2{font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:var(--gold-l)}
.h-srch{flex:1;position:relative;display:flex;align-items:center}.h-srch svg{position:absolute;left:13px;color:rgba(255,255,255,.55);pointer-events:none}.h-srch input{width:100%;height:40px;border-radius:40px;border:none;padding:0 16px 0 40px;font-family:'Poppins',sans-serif;font-size:14px;font-weight:500;background:rgba(255,255,255,.18);color:#fff;outline:none;transition:background .2s}.h-srch input::placeholder{color:rgba(255,255,255,.5)}.h-srch input:focus{background:rgba(255,255,255,.27)}
.h-cart-d{flex-shrink:0;position:relative;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.18);border:1.5px solid rgba(255,255,255,.3);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;transition:background .2s}.h-cart-d:hover{background:rgba(255,255,255,.3)}
.h-cn{position:absolute;top:-4px;right:-4px;background:var(--gold);color:var(--dark);font-size:10px;font-weight:900;min-width:18px;height:18px;border-radius:9px;border:2px solid var(--red);display:none;align-items:center;justify-content:center;padding:0 4px}.h-cn.on{display:flex}
@media(max-width:639px){.h-cart-d{display:none}}@media(min-width:640px){body{padding-bottom:0}}
.s-back{position:fixed;inset:0;z-index:248;background:rgba(0,0,0,.4);backdrop-filter:blur(2px);display:none}.s-back.on{display:block;animation:fadeIn .2s}
.sdrop{position:fixed;top:72px;left:0;right:0;z-index:249;padding:0 14px;display:none}.sdrop.on{display:block;animation:fadeUp .2s}
.sd-box{max-width:640px;margin:0 auto;background:var(--white);border-radius:20px;box-shadow:0 24px 64px rgba(0,0,0,.22);overflow:hidden}
.sd-hdr{padding:11px 18px 9px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--txt-l);border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between}.sd-hdr button{font-size:11px;font-weight:700;color:var(--red)}
.sd-row{display:flex;align-items:center;gap:11px;padding:10px 18px;border-bottom:1px solid rgba(0,0,0,.04);cursor:pointer;transition:background .15s}.sd-row:hover{background:rgba(193,39,45,.04)}
.sd-sw{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;overflow:hidden}.sd-sw img{width:100%;height:100%;object-fit:contain}
.sd-mid{flex:1;min-width:0}.sd-name{font-size:13px;font-weight:700;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-sub{font-size:11px;color:var(--txt-l);font-weight:500}
.sd-price{font-size:14px;font-weight:900;color:var(--red);white-space:nowrap;flex-shrink:0}.sd-add{width:32px;height:32px;border-radius:9px;background:var(--red);color:#fff;font-size:19px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.sd-add:hover{background:var(--red-d)}
.sd-foot{padding:11px 18px;background:rgba(193,39,45,.05);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .15s}.sd-foot:hover{background:rgba(193,39,45,.1)}.sd-foot span{font-size:13px;font-weight:700;color:var(--red)}
.sd-empty{padding:24px;text-align:center;font-size:14px;font-weight:600;color:var(--txt-l)}
.hero{position:relative;overflow:hidden;min-height:390px;display:flex;align-items:center;justify-content:center;text-align:center;padding:52px 24px}
.hero-vid{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-ov{position:absolute;inset:0;z-index:1;background:linear-gradient(145deg,rgba(70,0,0,.70) 0%,rgba(130,18,18,.55) 50%,rgba(55,4,4,.72) 100%)}
.hpt{position:absolute;border-radius:50%;animation:floatUp var(--d) ease-in-out var(--dl) infinite;background:rgba(245,166,35,var(--op));width:var(--s);height:var(--s);pointer-events:none}
.hero-in{position:relative;z-index:3;max-width:580px;margin:0 auto}
.hero-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(245,166,35,.22);border:1px solid rgba(245,166,35,.45);color:var(--gold-l);font-size:12px;font-weight:700;letter-spacing:.5px;padding:5px 14px;border-radius:30px;margin-bottom:18px}
.hero h1{font-size:clamp(28px,6.5vw,50px);font-weight:900;color:#fff;line-height:1.05;margin-bottom:12px;letter-spacing:-1.5px}.hero h1 em{color:var(--gold);font-style:italic}
.hero-sub{font-size:15px;color:rgba(255,255,255,.75);font-weight:500;margin-bottom:26px;line-height:1.7}
.hero-stats{display:flex;justify-content:center;gap:36px;margin-bottom:28px}.hst .n{font-size:32px;font-weight:900;color:#fff;line-height:1;display:block}.hst .l{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:rgba(255,255,255,.5);display:block}
.hero-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.btn-wa-hero{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff;border-radius:13px;padding:13px 22px;font-size:14px;font-weight:800;box-shadow:0 4px 24px rgba(37,211,102,.4);transition:all .2s}.btn-wa-hero:hover{background:#1DA851;transform:translateY(-2px)}
.btn-offers-hero{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--dark);border-radius:13px;padding:13px 22px;font-size:14px;font-weight:800;box-shadow:0 4px 24px rgba(245,166,35,.45);animation:pulse 2.5s infinite;transition:all .2s}.btn-offers-hero:hover{background:var(--gold-l);transform:translateY(-2px)}
.btn-cat-hero{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.38);color:#fff;border-radius:13px;padding:13px 22px;font-size:14px;font-weight:700;transition:all .2s}.btn-cat-hero:hover{background:rgba(255,255,255,.3)}
.info-bar{background:var(--gold);padding:11px 20px;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.ib-i{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--dark)}.ib-sep{width:1px;height:18px;background:rgba(26,10,5,.2)}
.offers-banner{margin:16px 16px 0;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,var(--red-d),var(--red));display:flex;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;box-shadow:0 6px 24px rgba(193,39,45,.3);transition:all .22s;animation:pulse 3s infinite;-webkit-tap-highlight-color:transparent}.offers-banner:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(193,39,45,.4)}
.ob-icon{font-size:36px;flex-shrink:0}.ob-text .ob-t{font-size:17px;font-weight:900;color:#fff;letter-spacing:-.3px}.ob-text .ob-s{font-size:13px;color:rgba(255,255,255,.75);font-weight:500;margin-top:2px}.ob-arrow{margin-left:auto;color:var(--gold-l);font-size:22px;font-weight:700;flex-shrink:0}
.sh{padding:26px 20px 12px;display:flex;align-items:baseline;justify-content:space-between}.sh h2{font-size:20px;font-weight:900;letter-spacing:-.5px}.sh h2 b{color:var(--red)}
.offers-wrap{overflow-x:auto;scrollbar-width:none;padding:0 20px 24px}.offers-wrap::-webkit-scrollbar{display:none}.offers-row{display:flex;gap:12px;width:max-content}
.ocard{width:186px;border-radius:18px;background:var(--white);border:1.5px solid rgba(193,39,45,.15);box-shadow:var(--sh);overflow:hidden;flex-shrink:0;transition:transform .22s,box-shadow .22s;cursor:pointer}.ocard:hover{transform:translateY(-5px);box-shadow:var(--sh-h)}
.ov{height:100px;position:relative;display:flex;align-items:center;justify-content:center}.ov-ribbon{position:absolute;top:0;right:0;background:var(--red);color:#fff;font-size:9px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;padding:4px 10px 4px 16px;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%);z-index:1;animation:offerBeat 2s infinite}
.ov-logo{width:90%;height:86%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.18));position:relative;z-index:0}.ov-ico{font-size:44px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.3))}
.ob{padding:10px 12px}.ob-cat{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--txt-l);margin-bottom:2px}.ob-name{font-size:12px;font-weight:700;color:var(--txt);line-height:1.35;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ob-cond{font-size:9px;font-weight:700;color:var(--gold-d);background:rgba(245,166,35,.12);border-radius:5px;padding:2px 6px;display:inline-block;margin-bottom:5px}.ob-pr{display:flex;align-items:baseline;gap:3px;margin-bottom:8px}.ob-amt{font-size:17px;font-weight:900;color:var(--red)}.ob-unit{font-size:10px;color:var(--txt-l);font-weight:600}
.ob-btn{width:100%;height:32px;background:var(--red);color:#fff;border-radius:8px;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:5px;transition:background .15s}.ob-btn:hover{background:var(--red-d)}
.food-strip{display:flex;height:200px;overflow:hidden;margin-bottom:8px}.fs-card{flex:1;position:relative;overflow:hidden;cursor:pointer;background-size:cover;background-position:center;transition:flex .35s ease}.fs-card:hover{flex:1.45}
.fsc-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.1) 60%);display:flex;align-items:flex-end;padding:14px;transition:background .25s;pointer-events:none}.fs-card:hover .fsc-ov{background:linear-gradient(to top,rgba(193,39,45,.78) 0%,rgba(0,0,0,.15) 60%)}.fsc-ov span{font-size:14px;font-weight:800;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.tiles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 20px 28px}
@media(min-width:480px){.tiles-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:680px){.tiles-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:960px){.tiles-grid{grid-template-columns:repeat(5,1fr)}}
.ctile{height:148px;border-radius:20px;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.17);transition:transform .22s,box-shadow .22s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;-webkit-tap-highlight-color:transparent}.ctile:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 20px 52px rgba(0,0,0,.28)}
.ctile::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45) 0%,transparent 58%);pointer-events:none}.ctile-icon{font-size:44px;line-height:1;position:relative;z-index:1;filter:drop-shadow(0 3px 8px rgba(0,0,0,.3))}.ctile-label{position:absolute;bottom:13px;left:0;right:0;z-index:1;text-align:center;font-size:13px;font-weight:800;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}.ctile-count{position:absolute;top:11px;right:11px;z-index:1;background:rgba(255,255,255,.28);backdrop-filter:blur(6px);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px}
#vCat{display:none}#vCat.on{display:block;animation:fadeIn .25s}
.cv-bar{background:var(--white);border-bottom:1.5px solid rgba(193,39,45,.1);position:sticky;top:64px;z-index:150;box-shadow:0 3px 16px rgba(44,24,16,.07)}.cv-top{padding:10px 16px;display:flex;align-items:center;gap:10px}
.cv-back{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--red);background:rgba(193,39,45,.09);border-radius:9px;padding:7px 13px;transition:background .15s;flex-shrink:0}.cv-back:hover{background:rgba(193,39,45,.17)}
.cv-title-wrap{flex:1;min-width:0}.cv-title{font-size:16px;font-weight:900;color:var(--txt);letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-cnt{font-size:12px;font-weight:500;color:var(--txt-l)}
.cv-cat-strip{overflow-x:auto;scrollbar-width:none;padding:0 16px 10px;display:flex;gap:7px;min-width:100%}.cv-cat-strip::-webkit-scrollbar{display:none}
.cvs-pill{height:32px;padding:0 12px;border-radius:8px;border:1.5px solid var(--border);background:var(--white);font-size:12px;font-weight:700;color:var(--txt-m);display:flex;align-items:center;gap:5px;white-space:nowrap;transition:all .18s;flex-shrink:0;-webkit-tap-highlight-color:transparent}.cvs-pill:hover{border-color:var(--red);color:var(--red)}.cvs-pill.on{background:var(--red);border-color:var(--red);color:#fff}
.brand-bar{overflow-x:auto;scrollbar-width:none;padding:8px 16px;background:var(--bg);border-bottom:1px solid rgba(0,0,0,.05)}.brand-bar::-webkit-scrollbar{display:none}.brand-row{display:flex;gap:8px;width:max-content}
.bchip{height:38px;padding:0 14px;border-radius:9px;border:1.5px solid var(--border);background:var(--white);display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--txt-m);transition:all .2s;white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent}.bchip img{height:24px;width:auto;max-width:70px;object-fit:contain;pointer-events:none}.bchip:hover{border-color:var(--red);color:var(--red)}.bchip.on{border-color:var(--red);background:rgba(193,39,45,.07);color:var(--red)}
.pg-wrap{padding:14px 16px 40px}@media(min-width:640px){.pg-wrap{padding:14px 20px 40px}}
.pg{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:480px){.pg{gap:14px}}@media(min-width:640px){.pg{grid-template-columns:repeat(3,1fr);gap:16px}}@media(min-width:900px){.pg{grid-template-columns:repeat(4,1fr)}}@media(min-width:1200px){.pg{grid-template-columns:repeat(5,1fr)}}
.pcard{background:var(--white);border-radius:18px;overflow:hidden;border:1px solid rgba(220,200,185,.65);box-shadow:0 3px 16px rgba(44,24,16,.06),0 1px 4px rgba(44,24,16,.04);display:flex;flex-direction:column;animation:fadeUp .38s ease both;transition:transform .22s,box-shadow .22s}.pcard:hover{transform:translateY(-4px);box-shadow:var(--sh-h)}.pcard.is-offer{border-color:rgba(200,134,16,.4);border-width:1.5px}
.pc-vis{height:104px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.pc-vis::before{content:attr(data-wm);position:absolute;font-size:68px;font-weight:900;color:rgba(255,255,255,.07);text-transform:uppercase;letter-spacing:-5px;pointer-events:none;user-select:none;white-space:nowrap}
.pc-vis .blogo{width:92%;height:88%;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(0,0,0,.25)) brightness(1.05);position:relative;z-index:1;transition:transform .22s}.pcard:hover .blogo{transform:scale(1.06)}
.pc-nologo{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 10px;text-align:center;width:100%;height:100%}.pc-cat-icon{font-size:46px;filter:drop-shadow(0 2px 12px rgba(0,0,0,.3));line-height:1}.pc-nologo-name{font-size:11px;font-weight:700;color:rgba(255,255,255,.82);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc-bds{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:4px;z-index:2;pointer-events:none}.pcb{font-size:9px;font-weight:900;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px;line-height:1.4}.pcb-of{background:var(--gold);color:var(--dark);animation:offerBeat 2s infinite}.pcb-kg{background:rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(4px)}
.pc-catlbl{position:absolute;bottom:8px;right:8px;z-index:2;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.85);background:rgba(0,0,0,.22);backdrop-filter:blur(4px);padding:3px 8px;border-radius:20px;pointer-events:none}
.pc-body{padding:11px 12px;display:flex;flex-direction:column;flex:1;gap:4px}.pc-brand{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--txt-l)}.pc-name{font-size:13px;font-weight:700;color:var(--txt);line-height:1.35;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc-cond{font-size:9.5px;font-weight:700;color:var(--gold-d);background:rgba(245,166,35,.12);border-radius:6px;padding:3px 8px;display:inline-block;margin-top:2px;align-self:flex-start}
.pc-pr{display:flex;align-items:baseline;gap:4px;margin-top:3px}.pc-amt{font-size:19px;font-weight:900;color:var(--red);line-height:1}.pc-unit{font-size:11px;color:var(--txt-l);font-weight:600}.pc-acts{margin-top:8px}
.btn-ag{width:100%;height:37px;background:var(--red);color:#fff;border-radius:9px;font-family:'Poppins',sans-serif;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s;-webkit-tap-highlight-color:transparent}.btn-ag:hover{background:var(--red-d)}.btn-ag:active{transform:scale(.97)}
.is-offer .btn-ag{background:linear-gradient(135deg,var(--gold-d),var(--gold));color:var(--dark)}.is-offer .btn-ag:hover{filter:brightness(1.08)}
.qw{display:none;align-items:center;gap:6px}.qw.on{display:flex}.qctrl{display:flex;align-items:center;border:2.5px solid var(--red);border-radius:9px;overflow:hidden;flex:1}
.qbtn{width:33px;height:35px;background:none;color:var(--red);font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s;-webkit-tap-highlight-color:transparent}.qbtn:hover{background:rgba(193,39,45,.08)}.qval{flex:1;text-align:center;font-weight:900;font-size:14px;color:var(--txt)}
.qrm{width:37px;height:37px;background:rgba(193,39,45,.08);border:2.5px solid var(--red);border-radius:9px;color:var(--red);font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.qrm:hover{background:var(--red);color:#fff}
.empty-g{grid-column:1/-1;text-align:center;padding:60px 20px}.eg-i{font-size:46px;opacity:.3;margin-bottom:12px}.eg-t{font-size:17px;font-weight:800;color:var(--txt-m)}.eg-s{font-size:14px;color:var(--txt-l);margin-top:5px;font-weight:500}
.gm-back{position:fixed;inset:0;z-index:490;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);display:none}.gm-back.on{display:block;animation:fadeIn .2s}
.gm-box{pointer-events:none;position:fixed;bottom:0;left:0;right:0;z-index:491;background:var(--white);border-radius:24px 24px 0 0;padding:24px 24px 32px;box-shadow:0 -8px 48px rgba(0,0,0,.2);transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1)}.gm-box.on{transform:translateY(0);pointer-events:auto}
@media(min-width:640px){.gm-box{top:50%;left:50%;bottom:auto;right:auto;width:420px;max-width:95vw;border-radius:24px;transform:translate(-50%,-60%);opacity:0;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s}.gm-box.on{transform:translate(-50%,-50%);opacity:1;pointer-events:auto}}
.gm-handle{width:44px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 20px;display:block}
.gm-product{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:14px;background:var(--bg);border-radius:14px}.gm-vis{width:56px;height:56px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:28px;overflow:hidden}.gm-vis img{width:100%;height:100%;object-fit:contain}
.gm-info .gm-name{font-size:15px;font-weight:800;color:var(--txt)}.gm-info .gm-brand{font-size:11px;color:var(--txt-l);font-weight:600}.gm-info .gm-cond{font-size:10px;font-weight:700;color:var(--gold-d);margin-top:3px}.gm-info .gm-price{font-size:17px;font-weight:900;color:var(--red);margin-top:2px}
.gm-lbl{font-size:13px;font-weight:700;color:var(--txt-m);margin-bottom:10px;display:block}.gm-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.gm-preset{height:36px;padding:0 16px;border-radius:9px;border:2px solid var(--border);background:var(--white);font-size:13px;font-weight:700;color:var(--txt-m);transition:all .15s;-webkit-tap-highlight-color:transparent}.gm-preset:hover,.gm-preset.on{border-color:var(--red);background:rgba(193,39,45,.07);color:var(--red)}
.gm-input-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.gm-input{flex:1;height:48px;border-radius:12px;border:2.5px solid var(--border);padding:0 16px;font-family:'Poppins',sans-serif;font-size:20px;font-weight:800;color:var(--txt);outline:none;transition:border-color .2s;text-align:center}.gm-input:focus{border-color:var(--red)}.gm-unit-lbl{font-size:16px;font-weight:700;color:var(--txt-l);flex-shrink:0}
.gm-est{background:rgba(193,39,45,.06);border:1.5px solid rgba(193,39,45,.15);border-radius:12px;padding:12px 16px;text-align:center;margin-bottom:20px}.gm-est .el{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--txt-l);display:block;margin-bottom:3px}.gm-est .ev{font-size:22px;font-weight:900;color:var(--red)}
.gm-confirm{width:100%;height:50px;background:var(--red);color:#fff;border-radius:13px;font-family:'Poppins',sans-serif;font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;transition:background .15s}.gm-confirm:hover{background:var(--red-d)}
.gm-cancel{width:100%;font-size:14px;font-weight:700;color:var(--txt-l);padding:8px;transition:color .15s}.gm-cancel:hover{color:var(--red)}
.add-flash{position:fixed;z-index:450;right:16px;top:76px;background:var(--white);border-radius:14px;padding:12px 16px;min-width:220px;max-width:280px;box-shadow:0 8px 36px rgba(0,0,0,.18);border-left:4px solid #25D366;display:none;pointer-events:none}.add-flash.on{display:flex;align-items:center;gap:10px;animation:slideDown .35s ease}
.af-icon{font-size:24px;flex-shrink:0}.af-text .af-t{font-size:13px;font-weight:900;color:var(--txt)}.af-text .af-s{font-size:11px;color:var(--txt-l);font-weight:500;margin-top:1px}
.about{position:relative;overflow:hidden;padding:0;background:var(--red-d)}.about-img{width:100%;height:220px;object-fit:cover;display:block;opacity:.55;filter:brightness(.7)}.about-ov{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(90,0,0,.4) 0%,rgba(80,0,0,.95) 52%)}
.about-in{position:relative;z-index:1;max-width:560px;margin:0 auto;padding:36px 24px 48px;text-align:center}.about-tag{display:inline-block;background:rgba(245,166,35,.2);border:1px solid rgba(245,166,35,.35);color:var(--gold-l);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:5px 14px;border-radius:30px;margin-bottom:16px}
.about h2{font-size:clamp(22px,5vw,34px);font-weight:900;color:#fff;margin-bottom:14px;line-height:1.15;letter-spacing:-.7px}.about p{font-size:14px;color:rgba(255,255,255,.75);line-height:1.85;font-weight:500;margin-bottom:24px}.about-chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.acp{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px;font-weight:600;padding:7px 14px;border-radius:30px}
.brands-s{padding:44px 20px 52px;background:var(--white)}.brands-s h2{font-size:24px;font-weight:900;text-align:center;letter-spacing:-.5px;margin-bottom:5px}.brands-s .bs{font-size:14px;color:var(--txt-l);text-align:center;margin-bottom:28px;font-weight:500}.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;max-width:1000px;margin:0 auto}
.bcard{height:110px;border-radius:18px;border:1.5px solid rgba(193,39,45,.1);background:linear-gradient(140deg,#FEF0DC 0%,#FFE4C8 100%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:12px;cursor:pointer;transition:all .22s}
.bcard::before{content:'';position:absolute;width:80px;height:80px;border-radius:50%;background:rgba(193,39,45,.07);top:-20px;right:-20px;pointer-events:none}.bcard::after{content:'';position:absolute;width:60px;height:60px;border-radius:50%;background:rgba(245,166,35,.1);bottom:-20px;left:-20px;pointer-events:none}
.bcard img{position:relative;z-index:1;width:90%;height:80px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.12));transition:transform .22s;pointer-events:none}.bcard span{position:relative;z-index:1;font-size:14px;font-weight:800;color:var(--txt-m);text-align:center}.bcard:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:0 10px 28px rgba(193,39,45,.14)}.bcard:hover img{transform:scale(1.06)}
.bcard-ebs{background:linear-gradient(140deg,#C1272D 0%,#8B1A1A 100%);border-color:rgba(245,166,35,.45)}.bcard-ebs::before{background:rgba(245,166,35,.15)}.bcard-ebs::after{background:rgba(255,255,255,.1)}.bcard-ebs img{filter:drop-shadow(0 2px 12px rgba(0,0,0,.3)) brightness(1.1)}.bcard-ebs:hover{border-color:var(--gold)}
.cart-ov{position:fixed;inset:0;background:rgba(0,0,0,.52);z-index:400;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(3px)}.cart-ov.on{opacity:1;pointer-events:all}
.cart-sb{position:fixed;top:0;right:0;width:380px;max-width:100vw;height:100dvh;background:var(--white);z-index:401;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 60px rgba(0,0,0,.22)}.cart-sb.on{transform:translateX(0)}
.cart-hd{background:var(--red);color:#fff;padding:0 20px;height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.cart-hd h2{font-size:18px;font-weight:800;display:flex;align-items:center;gap:8px}.cart-hd h2 small{font-size:13px;font-weight:500;opacity:.8}
.cart-x{background:rgba(255,255,255,.22);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .2s}.cart-x:hover{background:rgba(255,255,255,.38)}
.cart-list{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.cart-empty-s{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;gap:10px}.ce-ico{font-size:52px;opacity:.28}.ce-t{font-size:16px;font-weight:800;color:var(--txt-m)}.ce-s{font-size:13px;color:var(--txt-l)}.ce-ultimo{margin-top:6px;background:none;border:0;color:var(--txt-m);font:inherit;font-size:12.5px;text-decoration:underline;cursor:pointer}.gm-min{display:block;font-size:12px;font-weight:700;color:var(--txt-l);margin-top:2px}
.cg-hdr{padding:10px 12px 6px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1.2px;color:var(--txt-l);background:var(--bg);border-radius:10px;display:flex;align-items:center;gap:7px;margin-top:4px}.cg-hdr.peso{color:var(--gold-d)}.cg-sub{text-align:right;font-size:13px;font-weight:800;color:var(--txt-m);padding:4px 2px 8px}.cg-sub b{color:var(--red)}
.cit{display:flex;align-items:flex-start;gap:11px;padding:11px;background:var(--bg);border-radius:12px}.cit-thumb{width:46px;height:46px;border-radius:9px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:24px}.cit-thumb img{width:100%;height:100%;object-fit:contain}
.cit-info{flex:1;min-width:0}.cit-n{font-size:13px;font-weight:700;color:var(--txt);line-height:1.3}.cit-b{font-size:11px;color:var(--txt-l);font-weight:500}.cit-p{font-size:13px;font-weight:900;color:var(--red);margin-top:3px}.cit-c{display:flex;align-items:center;gap:6px;margin-top:6px}
.cit-btn{width:27px;height:27px;border-radius:7px;border:1.5px solid var(--border);background:var(--white);color:var(--txt-m);display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s}.cit-btn:hover{border-color:var(--red);color:var(--red)}.cit-q{font-weight:900;font-size:14px;min-width:24px;text-align:center}
.cit-peso{display:flex;align-items:flex-start;gap:11px;padding:13px;background:rgba(245,166,35,.06);border-radius:12px;border:1.5px solid rgba(245,166,35,.25)}.cit-peso .ci-thumb{width:46px;height:46px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:24px;overflow:hidden}.cit-peso .ci-thumb img{width:100%;height:100%;object-fit:contain}
.cit-peso .ci-info{flex:1;min-width:0}.cit-peso .ci-n{font-size:13px;font-weight:700;color:var(--txt);margin-bottom:2px}.cit-peso .ci-b{font-size:11px;color:var(--txt-l);font-weight:500;margin-bottom:8px}.cit-grams-row{display:flex;align-items:center;gap:8px}
.cit-grams{width:80px;height:36px;border-radius:9px;border:2px solid rgba(193,39,45,.25);padding:0 10px;font-family:'Poppins',sans-serif;font-size:14px;font-weight:800;color:var(--txt);outline:none;text-align:center;transition:border-color .2s}.cit-grams:focus{border-color:var(--red)}.cit-grams-unit{font-size:12px;font-weight:700;color:var(--txt-l)}
.cit-rm{width:30px;height:30px;border-radius:8px;background:rgba(193,39,45,.08);border:1.5px solid rgba(193,39,45,.2);color:var(--red);font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;margin-left:auto}.cit-rm:hover{background:var(--red);color:#fff;border-color:var(--red)}.cit-est{font-size:12px;font-weight:800;color:var(--red);margin-top:6px}
.cart-ft{border-top:2px solid var(--bg);padding:16px 20px;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.ct-rows{display:flex;flex-direction:column;gap:5px}.ct-row{display:flex;justify-content:space-between;align-items:center}.ct-l{font-size:13px;font-weight:700;color:var(--txt-m)}.ct-a{font-size:18px;font-weight:900;color:var(--red)}
.ct-total-row{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1.5px dashed var(--border)}.ct-total-l{font-size:15px;font-weight:800;color:var(--txt)}.ct-total-a{font-size:24px;font-weight:900;color:var(--red)}.ct-note{font-size:11px;color:var(--txt-l);line-height:1.6;text-align:center}
.btn-wa-cart{width:100%;height:52px;background:#25D366;color:#fff;border-radius:13px;font-family:'Poppins',sans-serif;font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:9px;transition:all .2s;box-shadow:0 4px 24px rgba(37,211,102,.35)}.btn-wa-cart:hover{background:#1DA851;transform:translateY(-2px)}.btn-wa-cart svg{width:20px;height:20px;flex-shrink:0}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--white);border-top:2px solid rgba(193,39,45,.12);box-shadow:0 -4px 28px rgba(0,0,0,.12);height:64px;display:flex;align-items:center;padding:0 10px;gap:8px}
.bn-wa{flex-shrink:0;width:46px;height:46px;border-radius:50%;background:#25D366;color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 16px rgba(37,211,102,.45);animation:waRing 2.4s infinite;transition:transform .2s}.bn-wa:hover{transform:scale(1.08)}
.bn-cats-wrap{flex:1;overflow-x:auto;scrollbar-width:none;display:flex;align-items:center}.bn-cats-wrap::-webkit-scrollbar{display:none}.bn-cats{display:flex;gap:6px;width:max-content;padding:0 4px}
.bn-pill{height:36px;padding:0 10px;border-radius:9px;border:1.5px solid var(--border);background:var(--bg);font-size:12px;font-weight:700;color:var(--txt-m);display:flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0;transition:all .18s;-webkit-tap-highlight-color:transparent}.bn-pill .bp-i{font-size:14px}.bn-pill:hover{border-color:var(--red);color:var(--red)}.bn-pill.on{background:var(--red);border-color:var(--red);color:#fff}
.bn-cart{flex-shrink:0;height:46px;border-radius:23px;background:var(--red);color:#fff;padding:0 16px;display:flex;align-items:center;gap:7px;font-size:14px;font-weight:800;box-shadow:0 3px 16px rgba(193,39,45,.45);transition:all .2s;position:relative;white-space:nowrap;animation:cartRing 3s infinite;-webkit-tap-highlight-color:transparent}.bn-cart:hover{background:var(--red-d);transform:scale(1.03)}
.bn-cn{background:var(--gold);color:var(--dark);font-size:10px;font-weight:900;min-width:20px;height:20px;border-radius:10px;border:2px solid var(--red);display:none;align-items:center;justify-content:center;padding:0 4px;position:absolute;top:-6px;right:-6px}.bn-cn.on{display:flex}
.fab-wa-d{display:none!important}.fab-cart-d{position:fixed;bottom:20px;right:20px;z-index:190;width:60px;height:60px;border-radius:50%;background:var(--red);color:#fff;box-shadow:0 4px 28px rgba(193,39,45,.5);display:none;align-items:center;justify-content:center;font-size:26px;transition:all .2s;animation:cartRing 3s infinite}.fab-cart-d:hover{transform:scale(1.1);box-shadow:0 8px 40px rgba(193,39,45,.65)}
.fab-cn{position:absolute;top:-5px;right:-5px;background:var(--gold);color:var(--dark);font-size:11px;font-weight:900;min-width:20px;height:20px;border-radius:10px;border:2.5px solid var(--red);display:none;align-items:center;justify-content:center;padding:0 4px}.fab-cn.on{display:flex}
@media(min-width:640px){.fab-cart-d{display:flex}.bottom-nav{display:none}body{padding-bottom:0}}
.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%)translateY(18px);background:var(--dark);color:#fff;padding:11px 24px;border-radius:40px;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:all .28s;z-index:500;white-space:nowrap;box-shadow:0 6px 32px rgba(0,0,0,.3)}.toast.on{opacity:1;transform:translateX(-50%)translateY(0)}
@media(min-width:640px){.toast{bottom:90px}}
footer{background:var(--dark);color:rgba(255,255,255,.5);padding:36px 24px;text-align:center;font-size:13px;font-weight:500;line-height:2.4}footer strong{color:#fff;font-weight:700}footer a{color:var(--gold);text-decoration:none}
.modal-ov{position:fixed;inset:0;z-index:900;background:rgba(0,0,0,.65);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:20px}.modal-ov.on{display:flex!important;animation:fadeIn .22s}
.modal-box{border-radius:22px;padding:30px 26px;max-width:380px;width:100%;text-align:center;box-shadow:0 24px 64px rgba(0,0,0,.5)}.modal-ico{font-size:44px;margin-bottom:14px}.modal-box h3{font-size:18px;font-weight:900;margin-bottom:10px}.modal-box p{font-size:13px;line-height:1.75;margin-bottom:24px;font-weight:500}.modal-btns{display:flex;gap:10px}.modal-btns button{flex:1;height:46px;border-radius:11px;font-family:'Poppins',sans-serif;font-size:14px;font-weight:800;cursor:pointer;border:none;transition:all .15s}
body:not(.may-theme) .modal-box{background:#fff;color:#1E0E0A}body:not(.may-theme) .modal-box h3{color:#1E0E0A}body:not(.may-theme) .modal-box p{color:#6B3A30}body:not(.may-theme) .m-cancel{background:rgba(0,0,0,.07);color:#888}body:not(.may-theme) .m-ok{background:#C1272D;color:#fff}
.fab-brands-d,.fab-srch-d{position:fixed;right:20px;z-index:185;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;transition:transform .2s,box-shadow .2s;cursor:pointer;border:none;box-shadow:0 4px 18px rgba(0,0,0,.35)}.fab-brands-d{bottom:90px}.fab-srch-d{bottom:154px}.fab-brands-d:hover,.fab-srch-d:hover{transform:scale(1.1)}
body:not(.may-theme) .fab-brands-d{background:#8B1A1A;color:#fff}body:not(.may-theme) .fab-srch-d{background:#1565C0;color:#fff}
.bp-ov{position:fixed;inset:0;z-index:600;background:rgba(0,0,0,.6);backdrop-filter:blur(5px);display:none;align-items:flex-end;justify-content:center}.bp-ov.on{display:flex;animation:fadeIn .22s}
.bp-panel{width:100%;max-width:620px;border-radius:24px 24px 0 0;max-height:75vh;overflow-y:auto;background:#fff}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.bp-hdr{padding:16px 20px 10px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1;background:#fff;border-bottom:1px solid #f0e8e0}.bp-hdr h3{font-size:16px;font-weight:900;color:#1E0E0A}
.bp-close{width:32px;height:32px;border-radius:50%;font-size:15px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;background:rgba(0,0,0,.07);color:#888}
.bp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 16px 28px}@media(min-width:420px){.bp-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:560px){.bp-grid{grid-template-columns:repeat(5,1fr)}}
.bp-card{border-radius:14px;padding:12px 8px 10px;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;transition:all .18s;border:1.5px solid transparent;background:#fdf5ef}.bp-card:hover{border-color:#C1272D;transform:translateY(-2px)}.bp-card img{width:100%;max-height:50px;object-fit:contain;pointer-events:none}.bp-card span{font-size:9px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.4px;line-height:1.3;color:#6B3A30}
.btn-vaciar{width:100%;height:38px;border-radius:9px;font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;cursor:pointer;border:none;transition:all .15s;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:5px;background:rgba(0,0,0,.05);color:#9a6060}.btn-vaciar:hover{background:rgba(193,39,45,.08);color:#C1272D}
.api-status{position:fixed;bottom:76px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.82);color:#fff;padding:7px 18px;border-radius:30px;font-size:12px;font-weight:700;z-index:600;display:none;white-space:nowrap}.api-status.on{display:block;animation:fadeIn .3s}
[class*="systeme"],[id*="systeme"],a[href*="systeme.io"],iframe[src*="systeme"]{display:none!important;pointer-events:none!important}
.qp-ov{position:fixed;inset:0;z-index:380;background:rgba(15,5,2,.6);backdrop-filter:blur(4px);display:none;align-items:flex-end;justify-content:center}
.qp-ov.on{display:flex;animation:fadeIn .25s}
.qp-panel{background:var(--bg);width:100%;max-width:520px;max-height:88vh;border-radius:26px 26px 0 0;overflow:hidden;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .38s cubic-bezier(.4,0,.2,1);box-shadow:0 -10px 60px rgba(0,0,0,.3)}
.qp-ov.on .qp-panel{transform:translateY(0)}
@media(min-width:640px){
  .qp-ov{align-items:center;padding:20px}
  .qp-panel{border-radius:26px;max-height:82vh;transform:translateY(24px) scale(.97);opacity:0;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .28s}
  .qp-ov.on .qp-panel{transform:translateY(0) scale(1);opacity:1}
}
.qp-hero{background:linear-gradient(135deg,var(--red-d),var(--red));padding:22px 22px 18px;position:relative;flex-shrink:0}
.qp-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .15s}
.qp-close:hover{background:rgba(255,255,255,.32)}
.qp-greet{font-size:19px;font-weight:900;color:#fff;letter-spacing:-.4px;margin-bottom:4px;padding-right:34px}
.qp-sub{font-size:12px;color:rgba(255,255,255,.8);font-weight:500;margin-bottom:15px;line-height:1.5}
.qp-srch{position:relative;display:flex;align-items:center}
.qp-srch svg{position:absolute;left:14px;color:rgba(255,255,255,.6);pointer-events:none}
.qp-srch input{width:100%;height:46px;border-radius:14px;border:none;padding:0 16px 0 42px;font-family:'Poppins',sans-serif;font-size:14.5px;font-weight:500;background:rgba(255,255,255,.16);color:#fff;outline:none;transition:background .2s}
.qp-srch input::placeholder{color:rgba(255,255,255,.55)}
.qp-srch input:focus{background:rgba(255,255,255,.25)}
.qp-body{flex:1;overflow-y:auto;padding:16px 20px 14px;-webkit-overflow-scrolling:touch}
.qp-sec-lbl{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:var(--txt-l);margin:16px 0 9px}
.qp-sec-lbl:first-child{margin-top:0}
.qp-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.qp-cat{border-radius:14px;padding:13px 6px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:transform .15s;-webkit-tap-highlight-color:transparent}
.qp-cat:hover{transform:translateY(-2px)}
.qp-cat-ic{font-size:23px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}
.qp-cat-lbl{font-size:10px;font-weight:800;color:#fff;text-align:center;line-height:1.25;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.qp-brands{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.qp-brands::-webkit-scrollbar{display:none}
.qp-brand{flex-shrink:0;width:58px;height:50px;border-radius:12px;background:var(--white);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;padding:6px;transition:border-color .15s,transform .15s;cursor:pointer}
.qp-brand:hover{border-color:var(--red);transform:translateY(-2px)}
.qp-brand img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.qp-res{flex-direction:column;gap:2px}
.qp-row{display:flex;align-items:center;gap:11px;padding:9px 6px;border-radius:12px;cursor:pointer;transition:background .15s}
.qp-row:hover{background:rgba(193,39,45,.06)}
.qp-sw{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:19px;overflow:hidden}
.qp-sw img{width:100%;height:100%;object-fit:contain}
.qp-mid{flex:1;min-width:0}
.qp-name{font-size:13px;font-weight:700;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qp-sub2{font-size:10.5px;color:var(--txt-l);font-weight:500}
.qp-price{font-size:13px;font-weight:900;color:var(--red);white-space:nowrap;flex-shrink:0}
.qp-add{width:29px;height:29px;border-radius:9px;background:var(--red);color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s;font-weight:700;border:none}
.qp-add:hover{background:var(--red-d)}
.qp-add.added{background:#25D366}
.qp-empty{padding:34px 10px;text-align:center;font-size:13px;font-weight:600;color:var(--txt-l);line-height:1.6}
.qp-foot{flex-shrink:0;padding:13px 20px;background:var(--white);border-top:1px solid var(--border);display:flex;align-items:center;gap:12px}
.qp-foot-n{flex:1;font-size:12px;font-weight:700;color:var(--txt-m)}
.qp-foot-cart{background:var(--red);color:#fff;border-radius:12px;padding:0 16px;height:42px;font-size:12.5px;font-weight:800;display:flex;align-items:center;gap:6px;flex-shrink:0;transition:background .15s;white-space:nowrap}
.qp-foot-cart:hover{background:var(--red-d)}
@media(max-width:639px){.fab-srch-d{animation:pulse 3s infinite}}
.promo-videos{display:flex;justify-content:center;gap:12px;max-width:780px;margin:0 auto;padding:18px 16px 6px;background:var(--bg)}
.promo-video-card{display:grid;grid-template-columns:190px minmax(0,1fr);width:374px;overflow:hidden;border-radius:14px;background:var(--white);box-shadow:var(--sh);border:1px solid rgba(193,39,45,.08)}
.promo-video-card video{display:block;width:100%;height:138px;background:#190A05;object-fit:cover}
.promo-video-copy{padding:12px;align-self:center}
.promo-video-copy strong{display:block;font-size:13px;line-height:1.3;color:var(--txt)}
.promo-video-copy span{display:block;margin-top:4px;font-size:10px;color:var(--txt-l);line-height:1.45}
.api-status{position:fixed;bottom:76px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.82);color:#fff;padding:7px 18px;border-radius:30px;font-size:12px;font-weight:700;z-index:600;display:none;white-space:nowrap;box-shadow:0 4px 20px rgba(0,0,0,.3)}
.api-status.on{display:block;animation:fadeIn .3s}
.api-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;grid-column:1/-1}
.api-spinner{width:44px;height:44px;border:4px solid rgba(193,39,45,.15);border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.api-loading p{font-size:14px;font-weight:600;color:var(--txt-l)}
@media(max-width:639px){
  .promo-videos{justify-content:flex-start;gap:9px;max-width:none;overflow-x:auto;scrollbar-width:none;padding:12px 16px 3px}
  .promo-videos::-webkit-scrollbar{display:none}
  .promo-video-card{grid-template-columns:145px 145px;width:290px;flex:0 0 290px}
  .promo-video-card video{height:106px}
  .promo-video-copy{padding:8px}
  .promo-video-copy strong{font-size:11px}
  .promo-video-copy span{font-size:9px}
}

/* =========================================================
   NOVEDADES 2026 · pedido guiado, Fiambrero, picadas, pop-up
   ========================================================= */
:root{--ok:#1F9D55;--ok-l:rgba(31,157,85,.12);--wa:#25D366}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

/* Franja de anuncio (pestaña Configuración de la hoja) */
.anuncio{background:linear-gradient(90deg,var(--red-d),var(--red),var(--red-d));color:#fff;font-size:12.5px;font-weight:700;text-align:center;padding:8px 40px;position:relative;line-height:1.4}
.anuncio b{color:var(--gold-l)}.anuncio button{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#fff;opacity:.7;font-size:14px;width:28px;height:28px}

/* Estado de la tienda en la barra dorada */
.ib-i .dot{width:9px;height:9px;border-radius:50%;background:#1F9D55;box-shadow:0 0 0 3px rgba(31,157,85,.25);display:inline-block}
.ib-i .dot.off{background:#B42318;box-shadow:0 0 0 3px rgba(180,35,24,.22)}

/* Tarjetas: precio de antes y % de ahorro */
.pc-ant,.ob-ant{font-size:11px;font-weight:600;color:var(--txt-l);text-decoration:line-through;margin-left:2px}
.pcb-ah{background:#1F9D55;color:#fff}
.ob-save{position:absolute;top:8px;left:8px;background:#1F9D55;color:#fff;font-size:10px;font-weight:900;padding:3px 8px;border-radius:20px;z-index:1}
.pc-skel{border-radius:18px;height:236px;background:linear-gradient(100deg,rgba(255,255,255,.55) 30%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.55) 70%) var(--white);background-size:220% 100%;animation:skel 1.2s linear infinite;border:1px solid rgba(220,200,185,.5)}
@keyframes skel{to{background-position:-120% 0}}

/* Botón principal genérico */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border-radius:13px;font-size:14.5px;font-weight:800;transition:transform .15s,filter .15s,background .15s;-webkit-tap-highlight-color:transparent}
.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn-red{background:var(--red);color:#fff;box-shadow:0 4px 18px rgba(193,39,45,.3)}.btn-red:hover{background:var(--red-d)}
.btn-wa{background:var(--wa);color:#fff;box-shadow:0 4px 22px rgba(37,211,102,.35)}.btn-wa:hover{background:#1DA851}
.btn-gold{background:linear-gradient(135deg,var(--gold-d),var(--gold));color:var(--dark)}
.btn-ghost{background:rgba(193,39,45,.08);color:var(--red)}
.btn-full{width:100%}
.btn svg{width:19px;height:19px;flex-shrink:0}

/* ---------- Sección "Armá tu picada" ---------- */
.picada-s{margin:6px 16px 26px;border-radius:24px;overflow:hidden;position:relative;background:#2A0E07;color:#fff;box-shadow:0 14px 40px rgba(60,10,0,.28)}
.picada-s::before{content:'';position:absolute;inset:0;background:url('https://res.cloudinary.com/dcuvpsgao/image/upload/f_auto,q_auto:eco,w_900,c_fill,g_auto/v1778777618/Comida_Quesos_kuahui.jpg') center/cover;opacity:.38}
.picada-s::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,rgba(40,8,3,.96) 30%,rgba(120,20,15,.55))}
.ps-in{position:relative;z-index:1;padding:24px 22px;display:grid;gap:16px;max-width:980px;margin:0 auto}
@media(min-width:760px){.ps-in{grid-template-columns:1.1fr 1fr;align-items:center;padding:30px 34px}}
.ps-tag{display:inline-flex;gap:6px;align-items:center;background:rgba(245,166,35,.18);border:1px solid rgba(245,166,35,.4);color:var(--gold-l);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:5px 12px;border-radius:30px;margin-bottom:10px}
.ps-in h2{font-size:clamp(22px,4.6vw,32px);font-weight:900;line-height:1.1;letter-spacing:-.6px}.ps-in h2 em{color:var(--gold);font-style:italic}
.ps-in p{font-size:13.5px;color:rgba(255,255,255,.75);margin-top:8px;line-height:1.6}
.ps-box{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);border-radius:18px;padding:16px}
.ps-lbl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.6);margin-bottom:8px;display:block}
.ps-row{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.stepper{display:flex;align-items:center;background:#fff;border-radius:12px;overflow:hidden;height:46px}
.stepper button{width:46px;height:46px;font-size:22px;font-weight:800;color:var(--red)}.stepper button:hover{background:rgba(193,39,45,.08)}
.stepper output{min-width:54px;text-align:center;font-size:20px;font-weight:900;color:var(--txt)}
.ps-pers{font-size:13px;font-weight:700;color:rgba(255,255,255,.8)}
.seg{display:flex;background:rgba(0,0,0,.25);border-radius:12px;padding:4px;gap:4px;margin-bottom:12px}
.seg button{flex:1;height:38px;border-radius:9px;font-size:12.5px;font-weight:800;color:rgba(255,255,255,.75)}
.seg button.on{background:var(--gold);color:var(--dark)}

/* ---------- Ventanas (picada, pop-up, confirmación) ---------- */
.ov2{position:fixed;inset:0;z-index:470;background:rgba(15,5,2,.6);backdrop-filter:blur(4px);display:none;align-items:flex-end;justify-content:center}
.ov2.on{display:flex;animation:fadeIn .22s}
.sheet{background:var(--bg);width:100%;max-width:520px;max-height:92dvh;border-radius:26px 26px 0 0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 -10px 60px rgba(0,0,0,.3);animation:sheetUp .34s cubic-bezier(.4,0,.2,1)}
@keyframes sheetUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(min-width:640px){.ov2{align-items:center;padding:20px}.sheet{border-radius:26px;max-height:86vh;animation:popIn .3s cubic-bezier(.4,0,.2,1)}}
@keyframes popIn{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
.sh-hd{background:linear-gradient(135deg,var(--red-d),var(--red));color:#fff;padding:20px 22px 16px;position:relative;flex-shrink:0}
.sh-hd h3{font-size:19px;font-weight:900;letter-spacing:-.3px;padding-right:36px}.sh-hd p{font-size:12.5px;color:rgba(255,255,255,.8);margin-top:3px;line-height:1.5}
.sh-x{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center}
.sh-bd{flex:1;overflow-y:auto;padding:16px 18px;-webkit-overflow-scrolling:touch}
.sh-ft{flex-shrink:0;padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:var(--white);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}
.pc-cfg{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.pc-cfg .seg{background:rgba(193,39,45,.08);margin:0;flex:1;min-width:200px}.pc-cfg .seg button{color:var(--txt-m)}.pc-cfg .seg button.on{background:var(--red);color:#fff}
.pc-cfg .stepper{border:1.5px solid var(--border)}
.pc-sum{display:flex;gap:8px;margin-bottom:12px}
.pc-sum div{flex:1;background:var(--white);border:1px solid var(--border);border-radius:14px;padding:10px;text-align:center}
.pc-sum b{display:block;font-size:17px;font-weight:900;color:var(--red)}.pc-sum small{font-size:10.5px;font-weight:700;color:var(--txt-l);text-transform:uppercase;letter-spacing:.6px}
.pc-it{display:flex;align-items:center;gap:10px;background:var(--white);border-radius:14px;padding:9px 10px;margin-bottom:7px;border:1px solid rgba(220,200,185,.6)}
.pc-it .sw{width:42px;height:42px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;overflow:hidden}.pc-it .sw img{width:100%;height:100%;object-fit:contain}
.pc-it .mid{flex:1;min-width:0}.pc-it .t{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--gold-d)}
.pc-it .n{font-size:12.5px;font-weight:700;line-height:1.3;color:var(--txt);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc-it .q{font-size:11.5px;font-weight:700;color:var(--txt-l)}.pc-it .v{font-size:13.5px;font-weight:900;color:var(--red);white-space:nowrap}
.pc-it .rm{width:28px;height:28px;border-radius:8px;color:var(--txt-l);font-size:13px;flex-shrink:0}.pc-it .rm:hover{background:rgba(193,39,45,.08);color:var(--red)}
.pc-casa{margin-top:14px;padding:12px;border-radius:14px;background:rgba(245,166,35,.1);border:1.5px dashed rgba(196,127,16,.45)}
.pc-casa h4{font-size:13px;font-weight:900;color:var(--gold-d);margin-bottom:8px}
.pc-casa .pc-it{margin:0 0 6px;border-color:rgba(245,166,35,.3)}
.mini-add{height:32px;padding:0 12px;border-radius:9px;background:var(--red);color:#fff;font-size:12px;font-weight:800;flex-shrink:0;white-space:nowrap}.mini-add.ok{background:var(--ok)}
.nota-s{font-size:11px;color:var(--txt-l);text-align:center;line-height:1.5}

/* ---------- Pop-up de promociones ---------- */
.promo{max-width:430px}
.pr-img{height:150px;background:#3A1A05 center/cover;position:relative;flex-shrink:0}
.pr-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(30,8,3,.85),rgba(30,8,3,.05) 70%)}
.pr-tag{position:absolute;left:18px;bottom:14px;z-index:1;background:var(--gold);color:var(--dark);font-size:11px;font-weight:900;padding:5px 12px;border-radius:30px;letter-spacing:.3px}
.promo .sh-x{z-index:2;background:rgba(0,0,0,.35)}
.pr-bd{padding:16px 18px 6px;overflow-y:auto}
.pr-bd h3{font-size:22px;font-weight:900;letter-spacing:-.5px;line-height:1.15;color:var(--txt)}.pr-bd p{font-size:13px;color:var(--txt-m);margin:6px 0 12px;line-height:1.55}
.pr-list .pc-it{margin-bottom:7px}

/* ---------- Carrito: pasos, metas y sugerencias ---------- */
.cart-hd h2{font-size:17px}
.c-steps{display:flex;gap:6px;padding:10px 14px 0;flex-shrink:0;background:var(--white)}
.c-steps span{flex:1;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11.5px;font-weight:800;color:var(--txt-l);background:var(--bg)}
.c-steps span b{width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;font-size:10px}
.c-steps span.on{background:rgba(193,39,45,.1);color:var(--red)}.c-steps span.on b{background:var(--red);color:#fff}
.c-steps span.ok b{background:var(--ok);color:#fff}
.c-meta{background:var(--white);border:1.5px solid var(--border);border-radius:14px;padding:11px 13px}
.c-meta .tx{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:700;color:var(--txt-m)}.c-meta .tx b{color:var(--red)}
.c-bar{height:9px;border-radius:9px;background:rgba(193,39,45,.1);margin-top:8px;overflow:hidden}.c-bar span{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--gold),var(--red));transition:width .5s cubic-bezier(.4,0,.2,1)}
.c-meta.ok{border-color:rgba(31,157,85,.35);background:var(--ok-l)}.c-meta.ok .tx,.c-meta.ok .tx b{color:var(--ok)}.c-meta.ok .c-bar span{background:var(--ok)}
.c-ahorro{display:flex;align-items:center;gap:8px;background:var(--ok-l);color:var(--ok);font-size:12.5px;font-weight:800;border-radius:12px;padding:9px 12px}
.c-aviso{display:flex;gap:9px;align-items:flex-start;background:rgba(245,166,35,.12);border:1.5px solid rgba(245,166,35,.35);color:#7A4A00;font-size:12.5px;font-weight:600;line-height:1.5;border-radius:13px;padding:10px 12px}
.c-aviso.err{background:rgba(180,35,24,.08);border-color:rgba(180,35,24,.3);color:#8B1A1A}
.gr-btn{width:30px;height:36px;border-radius:9px;border:2px solid rgba(193,39,45,.25);color:var(--red);font-size:16px;font-weight:800;background:var(--white)}.gr-btn:hover{border-color:var(--red)}
.c-sug{margin-top:4px}
.c-sug h4{font-size:12.5px;font-weight:900;color:var(--txt);margin:4px 0 8px;display:flex;align-items:center;gap:6px}
.c-sug-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.c-sug-row::-webkit-scrollbar{display:none}
.c-sg{flex:0 0 132px;background:var(--white);border:1.5px solid var(--border);border-radius:13px;padding:8px;display:flex;flex-direction:column;gap:5px;text-align:left}
.c-sg .sw{height:46px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:22px;overflow:hidden}.c-sg .sw img{height:100%;width:100%;object-fit:contain}
.c-sg .n{font-size:11px;font-weight:700;line-height:1.3;color:var(--txt);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:28px}
.c-sg .why{font-size:9.5px;font-weight:800;color:var(--gold-d);text-transform:uppercase;letter-spacing:.4px}
.c-sg .p{font-size:12.5px;font-weight:900;color:var(--red)}
.c-sg .mini-add{height:28px;font-size:11px;width:100%}
.c-back{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:800;color:var(--red);padding:6px 0}

/* Formulario de entrega */
.ck{display:flex;flex-direction:column;gap:12px}
.ck-lbl{font-size:12px;font-weight:800;color:var(--txt-m);margin-bottom:6px;display:block}
.ck-lbl small{font-weight:600;color:var(--txt-l)}
.ck input,.ck select,.ck textarea{width:100%;height:46px;border-radius:12px;border:2px solid var(--border);background:var(--white);padding:0 14px;font-family:inherit;font-size:15px;font-weight:600;color:var(--txt);outline:none;transition:border-color .2s}
.ck textarea{height:70px;padding:10px 14px;resize:vertical;font-size:14px}
.ck input:focus,.ck select:focus,.ck textarea:focus{border-color:var(--red)}
.ck input.err,.ck select.err{border-color:#B42318;background:rgba(180,35,24,.04)}
.ck-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ck-opt{border:2px solid var(--border);border-radius:13px;padding:10px;background:var(--white);text-align:left;display:flex;flex-direction:column;gap:2px;min-height:58px;transition:border-color .15s,background .15s}
.ck-opt b{font-size:13px;font-weight:800;color:var(--txt)}.ck-opt small{font-size:11px;color:var(--txt-l);font-weight:600;line-height:1.35}
.ck-opt.on{border-color:var(--red);background:rgba(193,39,45,.06)}.ck-opt.on b{color:var(--red)}
.ck-opt[disabled]{opacity:.45}
.ck-chips{display:flex;flex-wrap:wrap;gap:7px}
.ck-chip{height:36px;padding:0 13px;border-radius:10px;border:2px solid var(--border);background:var(--white);font-size:12.5px;font-weight:700;color:var(--txt-m)}
.ck-chip.on{border-color:var(--red);background:rgba(193,39,45,.07);color:var(--red)}
.ck-row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ck-hint{font-size:11.5px;color:var(--txt-l);font-weight:600;margin-top:5px;line-height:1.45}
.ck-err{font-size:12px;color:#B42318;font-weight:700;margin-top:5px}
.ct-row.env .ct-a{font-size:14px}.ct-row .ct-a.ok{color:var(--ok)}
.ct-row.sm .ct-l,.ct-row.sm .ct-a{font-size:12.5px;font-weight:700}

/* Confirmación del pedido enviado */
.ok-ic{width:74px;height:74px;border-radius:50%;background:var(--ok-l);color:var(--ok);font-size:38px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;animation:popIn .4s}
.ok-ref{display:inline-block;background:var(--bg);border:1.5px dashed var(--border);border-radius:10px;padding:6px 14px;font-weight:900;font-size:16px;letter-spacing:1px;color:var(--red);margin:4px 0 14px}
.modal-box .btn{width:100%;margin-top:8px}

/* Barra inferior: total del pedido */
.bn-cart{font-variant-numeric:tabular-nums}

/* ---------- Tu Fiambrero de Confianza ---------- */
.fb-btn{position:fixed;left:12px;bottom:76px;z-index:195;width:66px;height:66px;border-radius:50%;padding:0;background:radial-gradient(circle at 30% 30%,#FFE2A6,#F5A623 70%);box-shadow:0 8px 26px rgba(120,50,0,.35),0 0 0 3px #fff;transition:transform .2s;animation:fbIn .7s cubic-bezier(.3,1.4,.5,1) both .4s}
.fb-btn:hover{transform:scale(1.06)}
.fb-btn svg{width:100%;height:100%;display:block}
@media(min-width:640px){.fb-btn{left:22px;bottom:22px;width:74px;height:74px}}
@keyframes fbIn{from{transform:translateY(120px) scale(.6);opacity:0}to{transform:none;opacity:1}}
.fb-btn .fb-eye{transform-origin:center;transform-box:fill-box;animation:fbBlink 4.6s infinite}
@keyframes fbBlink{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}
.fb-btn.salta{animation:fbJump .7s ease}
@keyframes fbJump{0%,100%{transform:none}35%{transform:translateY(-14px) rotate(-6deg)}65%{transform:translateY(0) rotate(4deg)}}
.fb-btn.saluda .fb-mano{animation:fbWave 1s ease 3}
.fb-mano{position:absolute;right:-6px;top:-8px;font-size:22px;opacity:0;transform-origin:70% 90%}
.fb-btn.saluda .fb-mano{opacity:1}
@keyframes fbWave{0%,100%{transform:rotate(0)}25%{transform:rotate(22deg)}75%{transform:rotate(-14deg)}}
.fb-tag{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--dark);color:#fff;font-size:11.5px;font-weight:800;white-space:nowrap;padding:6px 11px;border-radius:20px;box-shadow:0 4px 14px rgba(0,0,0,.25);pointer-events:none;transition:opacity .3s}
.fb-btn.abierto .fb-tag,.fb-btn.callado .fb-tag{opacity:0}
.fb-dot{position:absolute;right:3px;bottom:5px;width:14px;height:14px;border-radius:50%;background:#1F9D55;border:2.5px solid #fff}
.fb-dice{position:fixed;left:12px;bottom:150px;z-index:196;max-width:min(300px,calc(100vw - 24px));background:#fff;border-radius:18px 18px 18px 4px;padding:11px 14px;font-size:13px;font-weight:600;color:var(--txt);line-height:1.45;box-shadow:0 10px 36px rgba(0,0,0,.2);border:1.5px solid var(--border);opacity:0;transform:translateY(10px) scale(.96);pointer-events:none;transition:opacity .25s,transform .25s}
.fb-dice.on{opacity:1;transform:none;pointer-events:auto}
.fb-dice b{color:var(--red)}
.fb-dice .row{display:flex;gap:10px;align-items:center;margin-top:8px}
.fb-dice .sw{width:44px;height:44px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;overflow:hidden}.fb-dice .sw img{width:100%;height:100%;object-fit:contain}
.fb-dice .mid{flex:1;min-width:0;font-size:11.5px}.fb-dice .mid b{display:block;font-size:12px;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fb-dice .mid span{color:var(--red);font-weight:900}
.fb-dice-x{position:absolute;top:4px;right:6px;font-size:12px;color:var(--txt-l);width:24px;height:24px}
@media(min-width:640px){.fb-dice{left:22px;bottom:110px}}

.fb-ov{position:fixed;inset:0;z-index:409;background:rgba(15,5,2,.45);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s}
.fb-ov.on{opacity:1;pointer-events:auto}
.fb{position:fixed;z-index:410;left:0;right:0;bottom:0;height:min(88dvh,720px);background:var(--bg);border-radius:24px 24px 0 0;display:flex;flex-direction:column;box-shadow:0 -12px 60px rgba(0,0,0,.3);transform:translateY(105%);transition:transform .38s cubic-bezier(.4,0,.2,1);overflow:hidden}
.fb.on{transform:none}
@media(min-width:640px){.fb{left:22px;right:auto;bottom:22px;width:400px;height:min(680px,calc(100dvh - 44px));border-radius:24px;transform:translateY(30px) scale(.96);opacity:0;pointer-events:none;transition:transform .3s,opacity .25s}.fb.on{transform:none;opacity:1;pointer-events:auto}}
.fb-hd{background:linear-gradient(135deg,var(--red-d),var(--red));color:#fff;padding:12px 12px 12px 14px;display:flex;align-items:center;gap:10px;flex-shrink:0}
.fb-av{width:46px;height:46px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 30% 30%,#FFE2A6,#F5A623 70%);box-shadow:0 0 0 2px rgba(255,255,255,.7);overflow:hidden}.fb-av svg{width:100%;height:100%}
.fb-hd-t{flex:1;min-width:0}.fb-hd-t h2{font-size:15px;font-weight:900;letter-spacing:-.2px;line-height:1.2}
.fb-hd-t small{font-size:11px;color:rgba(255,255,255,.8);font-weight:600;display:flex;align-items:center;gap:5px}
.fb-hd-t small i{width:7px;height:7px;border-radius:50%;background:#6EF0A0;display:inline-block}
.fb.pensando .fb-hd-t .linea{display:none}.fb .fb-hd-t .escribe{display:none}.fb.pensando .fb-hd-t .escribe{display:inline}
.fb-hd button{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fb-hd button:hover{background:rgba(255,255,255,.28)}
.fb-msgs{flex:1;overflow-y:auto;padding:14px 12px 6px;display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.fb-m{display:flex;gap:7px;max-width:100%;animation:fadeUp .3s ease both}
.fb-m p{padding:9px 13px;border-radius:16px;font-size:13.5px;line-height:1.5;font-weight:500;max-width:86%;word-wrap:break-word}
.fb-m.yo{justify-content:flex-end}.fb-m.yo p{background:var(--red);color:#fff;border-bottom-right-radius:5px}
.fb-m.el .fb-mav{width:28px;height:28px;border-radius:50%;flex-shrink:0;align-self:flex-start;background:radial-gradient(circle at 30% 30%,#FFE2A6,#F5A623 70%);overflow:hidden}.fb-mav svg{width:100%;height:100%}
.fb-m.el>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.fb-m.el p{background:var(--white);color:var(--txt);border-bottom-left-radius:5px;box-shadow:0 2px 10px rgba(44,24,16,.06);align-self:flex-start}
.fb-m.el.error p{background:#FFF1E6;color:#8B1A1A}
.fb-escribe{display:inline-flex;gap:4px;padding:13px 15px!important}.fb-escribe i{width:7px;height:7px;border-radius:50%;background:var(--txt-l);animation:fbDots 1.2s infinite}.fb-escribe i:nth-child(2){animation-delay:.15s}.fb-escribe i:nth-child(3){animation-delay:.3s}
@keyframes fbDots{0%,60%,100%{transform:none;opacity:.4}30%{transform:translateY(-4px);opacity:1}}
.fb-ops{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 4px}.fb-ops::-webkit-scrollbar{display:none}
.fb-op{flex:0 0 min(290px,84%);background:var(--white);border-radius:16px;border:1.5px solid rgba(220,200,185,.7);padding:10px;display:flex;flex-direction:column;gap:7px;box-shadow:0 3px 14px rgba(44,24,16,.06)}
.fb-op.top{border-color:var(--gold)}
.fb-op.unica{flex-basis:auto;width:100%}
.fb-op-sello{align-self:flex-start;font-size:10px;font-weight:900;background:var(--gold);color:var(--dark);padding:2px 8px;border-radius:20px}
.fb-op-it{display:flex;gap:8px;align-items:center}.fb-op-it .v{align-self:flex-start;margin-top:2px}
.fb-op-it .sw{width:38px;height:38px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;overflow:hidden}.fb-op-it .sw img{width:100%;height:100%;object-fit:contain}
.fb-op-it .mid{flex:1;min-width:0}.fb-op-it .n{font-size:11.5px;font-weight:700;line-height:1.3;color:var(--txt);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fb-op-it .q{font-size:10.5px;font-weight:700;color:var(--txt-l)}.fb-op-it .q s{margin-left:3px}
.fb-op-it .v{font-size:12px;font-weight:900;color:var(--red);white-space:nowrap}
.fb-op-ft{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px dashed var(--border);padding-top:7px}
.fb-op-ft b{font-size:15px;font-weight:900;color:var(--red)}
.fb-op-ft .mini-add{height:34px}
.fb-ed{display:flex;align-items:center;gap:3px;margin-top:4px;flex-wrap:nowrap}.fb-ed button{min-width:26px;height:26px;border-radius:8px;border:1.5px solid var(--border);background:var(--white);font:inherit;font-size:14px;font-weight:800;color:var(--txt);cursor:pointer;padding:0 6px}.fb-ed button.t{font-size:11px}.fb-ed button.x{color:var(--txt-l)}.fb-op-vacia{font-size:12px;color:var(--txt-l);margin:0}
.fb-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:6px 12px;flex-shrink:0}.fb-chips::-webkit-scrollbar{display:none}
.fb-chips button{flex-shrink:0;height:34px;padding:0 13px;border-radius:20px;border:1.5px solid var(--red);color:var(--red);background:var(--white);font-size:12.5px;font-weight:700;white-space:nowrap}
.fb-chips button:hover{background:var(--red);color:#fff}
.fb-pedido{display:flex;align-items:center;gap:10px;margin:0 12px 6px;padding:8px 10px 8px 12px;background:var(--white);border:1.5px solid var(--border);border-radius:14px;flex-shrink:0}
.fb-pedido .tx{flex:1;min-width:0;font-size:11.5px;font-weight:700;color:var(--txt-m);line-height:1.35}.fb-pedido .tx b{color:var(--red);font-size:13px}
.fb-pedido .c-bar{margin-top:5px;height:6px}
.fb-pedido button{height:34px;padding:0 12px;border-radius:10px;background:var(--red);color:#fff;font-size:12px;font-weight:800;flex-shrink:0}
.fb-form{display:flex;gap:8px;padding:8px 12px calc(10px + env(safe-area-inset-bottom));background:var(--white);border-top:1px solid var(--border);flex-shrink:0}
.fb-form input{flex:1;min-width:0;height:46px;border-radius:23px;border:2px solid var(--border);padding:0 16px;font-family:inherit;font-size:15px;outline:none;background:var(--bg);color:var(--txt)}
.fb-form input:focus{border-color:var(--red);background:var(--white)}
.fb-form button{width:46px;height:46px;border-radius:50%;background:var(--red);color:#fff;font-size:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.fb-nota{font-size:10px;color:var(--txt-l);text-align:center;padding:0 12px 6px;background:var(--white)}
body.fb-abierto{overflow:hidden}
@media(min-width:640px){body.fb-abierto{overflow:auto}}

/* Pie: texto para buscadores con enlaces a cada sección */
.seo-s{background:var(--white);padding:30px 20px;border-top:1px solid var(--border)}
.seo-in{max-width:980px;margin:0 auto}
.seo-in h2{font-size:16px;font-weight:900;margin-bottom:8px;color:var(--txt)}.seo-in p{font-size:12.5px;color:var(--txt-m);line-height:1.75}
.seo-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.seo-links a{font-size:12px;font-weight:700;color:var(--red);text-decoration:none;background:rgba(193,39,45,.06);border-radius:20px;padding:5px 12px}
.fb-cara{position:absolute;inset:0;border-radius:50%;overflow:hidden;display:block}
.fb-cara svg{width:100%;height:100%}
@media(max-width:639px){.info-bar{gap:4px 14px;padding:9px 12px}.ib-sep{display:none}.ib-i{font-size:11.5px}}
.sheet{position:relative}

.fb-pedido[hidden]{display:none!important}