/* ===== Licores Mayorista · vitrina estilo Tada ===== */
:root{
  --ink:#141414; --ink2:#3D3D3D; --mute:#5C5C5C; --line:#E4E2DC; --soft:#F3F2EE; --card:#F1F0EC;
  --black:#111111; --gold:#D4AF37; --gold-txt:#7A5B0C; --gold-bg:#FAF6E6;
  --fria:#1660C4; --fria-bg:#E3EEFC; --fria-tx:#12509F;
  --clima:#A85A00; --clima-bg:#FCEBD3; --clima-tx:#7A4100;
  --verde:#0E7A3E; --verde-d:#0A4F27; --verde-tx:#0A6B35;
  --r:16px; --tab:68px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:15px;line-height:1.4;padding-bottom:calc(var(--tab) + env(safe-area-inset-bottom))}
a{color:var(--gold-txt)} a:hover{color:#5A4308}
img{max-width:100%;display:block}
button{font-family:inherit}
:focus-visible{outline:3px solid var(--fria);outline-offset:2px}
.lm-skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;z-index:100}
.lm-skip:focus{left:8px}
.lm-wrap{max-width:1240px;margin:0 auto;padding:0 16px}

/* --- encabezado --- */
.lm-top{background:var(--black);color:#fff;position:sticky;top:0;z-index:30}
.lm-top__in{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.lm-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;flex:1 1 auto}
.lm-brand:hover{color:#fff}
.lm-brand__mark{width:40px;height:40px;border-radius:10px;background:var(--gold);color:var(--black);font-family:'Sora',sans-serif;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center}
.lm-brand__txt{display:flex;flex-direction:column;line-height:1.15}
.lm-brand__txt strong{font-family:'Sora',sans-serif;font-size:16px}
.lm-brand__txt small{font-size:12px;color:#BDBDBD}
.lm-search{order:3;flex:1 1 100%;display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:14px;background:#262626;color:#BDBDBD}
.lm-search input{flex:1;border:0;background:transparent;color:#fff;font-size:15px;outline:none;min-width:0}
.lm-search input::placeholder{color:#9A9A9A}
.lm-top__acc{display:flex;align-items:center;gap:8px}
.lm-link-top{color:#fff;text-decoration:none;font-weight:500;padding:12px 6px}
.lm-link-top:hover{color:var(--gold)}
.lm-cartbtn{position:relative;width:44px;height:44px;border-radius:12px;background:#262626;color:#fff;display:flex;align-items:center;justify-content:center}
.lm-cartbtn:hover{color:var(--gold)}
.lm-cartbtn__n{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--gold);color:var(--black);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}

/* --- categorias --- */
.lm-cats{border-bottom:1px solid var(--line);background:#fff}
.lm-cats__in{display:flex;gap:8px;overflow-x:auto;padding-top:12px;padding-bottom:12px;scrollbar-width:none}
.lm-cats__in::-webkit-scrollbar{display:none}
.lm-chip{flex:0 0 auto;padding:10px 16px;border-radius:999px;background:var(--soft);color:var(--ink);font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap}
.lm-chip:hover{background:#E8E6E0;color:var(--ink)}
.lm-chip.is-on{background:var(--black);color:#fff}

/* --- encabezado de la vitrina --- */
.lm-main{padding-top:18px;padding-bottom:24px}
.lm-hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px}
.lm-hero h1{margin:0;font-family:'Sora',sans-serif;font-size:28px;font-weight:800}
.lm-hero p{margin:4px 0 0;color:var(--ink2)}
.lm-seg{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--soft);width:100%;max-width:340px}
.lm-seg--full{max-width:none}
.lm-seg__btn{flex:1;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;color:var(--ink2);text-decoration:none;font-size:15px;text-align:center}
.lm-seg__btn:hover{color:var(--ink)}
.lm-seg__btn.is-fria{background:var(--fria);color:#fff}
.lm-seg__btn.is-clima{background:var(--clima);color:#fff}
.lm-seg__btn.is-off{color:#8A8A8A;font-weight:500;font-size:13px}

/* --- marcas y filas --- */
.lm-marca{padding-top:26px}
.lm-marca__head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}
.lm-marca__head h2{margin:0;font-family:'Sora',sans-serif;font-size:21px;font-weight:700}
.lm-marca__head span{color:var(--mute);font-size:13px}
.lm-fila{display:flex;gap:12px;overflow-x:auto;margin:0 -16px;padding:0 16px 6px;scroll-snap-type:x proximity;scroll-padding-inline:16px;scrollbar-width:none}
.lm-fila::-webkit-scrollbar{display:none}
.lm-fila>.lm-card{flex:0 0 168px;scroll-snap-align:start}

/* --- tarjeta --- */
.lm-card{display:flex;flex-direction:column;gap:5px;min-width:0}
.lm-card__img{position:relative;height:176px;border-radius:var(--r);background:var(--card);overflow:hidden}
.lm-card__link{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:14px 56px 14px 12px}
.lm-card__link img{max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.lm-pill{position:absolute;top:8px;left:8px;display:inline-flex;border-radius:999px;overflow:hidden;font-size:11px;font-weight:700;color:#fff;z-index:2}
.lm-pill b{background:var(--verde-d);padding:4px 6px}
.lm-pill span{background:var(--verde);padding:4px 8px 4px 6px}
.lm-pill--static{position:static}
.lm-sticker{position:absolute;right:8px;top:46px;min-width:48px;padding:7px 6px;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;line-height:1;z-index:2;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.lm-sticker b{font-family:'Sora',sans-serif;font-weight:800;font-size:20px}
.lm-sticker b small{font-size:10px;font-weight:700;margin-left:1px}
.lm-sticker span{font-size:10px;color:var(--ink2);margin-top:3px}
.lm-sticker--lg{right:14px;top:auto;bottom:16px;min-width:66px;padding:10px 8px}
.lm-sticker--lg b{font-size:28px}
.lm-sticker--lg span{font-size:12px}
.lm-add{position:absolute;right:8px;bottom:8px;width:44px;height:44px;border-radius:999px;border:0;background:var(--black);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:transform .12s}
.lm-add:hover{background:#000}
.lm-add:active{transform:scale(.92)}
.lm-agotado{position:absolute;right:8px;bottom:12px;background:#fff;color:#8A1C1C;font-size:12px;font-weight:700;padding:4px 8px;border-radius:8px;z-index:2}
.lm-agotado--static{position:static}
.lm-card__precio{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.lm-card__precio strong{font-family:'Sora',sans-serif;font-weight:800;font-size:19px}
.lm-card__precio s{font-size:13px;color:#6B6B6B}
.lm-card__precio--lg strong{font-size:30px}
.lm-card__precio--lg s{font-size:16px}
.lm-escala{margin:0;font-size:12px;font-weight:700;color:var(--verde-tx)}
.lm-tags{display:flex;gap:6px;flex-wrap:wrap}
.lm-temp{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700}
.lm-temp.is-fria{background:var(--fria-bg);color:var(--fria-tx)}
.lm-temp.is-clima{background:var(--clima-bg);color:var(--clima-tx)}
.lm-tag{padding:2px 8px;border-radius:999px;border:1.5px solid #4E8A1E;color:#3B6B15;font-size:11px;font-weight:700}
.lm-card__nombre{margin:0;font-size:14px;font-weight:500;line-height:1.3}
.lm-card__nombre a{color:var(--ink);text-decoration:none}
.lm-card__nombre a:hover{text-decoration:underline}
.lm-card__meta{margin:0;font-size:12px;color:var(--mute)}

/* --- vacio --- */
.lm-vacio{margin-top:28px;padding:28px 20px;border-radius:var(--r);background:var(--soft);text-align:center}
.lm-vacio h2{margin:0 0 6px;font-family:'Sora',sans-serif;font-size:20px}
.lm-vacio p{margin:0 0 16px;color:var(--ink2)}
.lm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:999px;border:0;background:var(--black);color:#fff;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer}
.lm-btn:hover{background:#000;color:#fff}
.lm-btn--lg{height:52px;padding:0 30px;font-size:17px}

/* --- detalle --- */
.lm-volver a{display:inline-flex;align-items:center;gap:6px;color:var(--ink);text-decoration:none;font-weight:500;padding:6px 0 12px}
.lm-det{display:grid;gap:18px}
.lm-det__img{position:relative;height:300px;border-radius:20px;background:var(--card);display:flex;align-items:center;justify-content:center;padding:20px 90px 20px 20px;overflow:hidden}
.lm-det__img img{max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.lm-det__info{display:flex;flex-direction:column;gap:12px;min-width:0}
.lm-det__nombre{margin:0;font-size:24px;font-weight:700;line-height:1.25}
.lm-bloque{display:flex;flex-direction:column;gap:8px}
.lm-bloque__t{font-size:13px;font-weight:700;color:var(--ink2)}
.lm-bloque__t small{font-weight:400}
.lm-opciones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lm-opcion{min-height:56px;border-radius:12px;border:2px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;font-weight:700;font-size:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;text-align:center}
.lm-opcion small{font-weight:500;color:var(--mute);font-size:12px}
.lm-opcion.is-on{border-color:var(--black);background:var(--gold-bg)}
.lm-opcion:hover{color:var(--ink);border-color:#A8A8A8}
.lm-tramos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lm-tramo{border:2px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.lm-tramo span{font-size:13px;color:var(--ink2)}
.lm-tramo strong{font-family:'Sora',sans-serif;font-size:17px}
.lm-tramo.is-on{border-color:var(--black);background:var(--gold-bg)}
.lm-stepper{display:flex;align-items:center;justify-content:space-between;height:58px;border:1px solid #DAD8D2;border-radius:999px;padding:0 6px}
.lm-stepper button{width:44px;height:44px;border-radius:999px;border:0;background:var(--soft);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}
.lm-stepper output{font-family:'Sora',sans-serif;font-size:20px;font-weight:700}
.lm-barra{position:sticky;bottom:calc(var(--tab) + env(safe-area-inset-bottom));margin:18px -16px 0;padding:12px 16px;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:20}
.lm-barra__t{font-size:13px;color:var(--ink2)}
.lm-barra .lm-card__precio strong{font-size:23px}

/* --- pie, barra inferior, toast, whatsapp --- */
.lm-foot{background:var(--black);color:#BDBDBD;margin-top:32px}
.lm-foot__in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:20px;padding-bottom:20px;font-size:12px}
.lm-foot a{color:var(--gold)}
.lm-tabbar{position:fixed;left:0;right:0;bottom:0;height:calc(var(--tab) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));z-index:40}
.lm-tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--mute);text-decoration:none;font-size:11px}
.lm-tabbar a.is-on{color:var(--ink);font-weight:700}
.lm-toast{position:fixed;left:50%;bottom:calc(var(--tab) + 16px);transform:translate(-50%,20px);background:var(--black);color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:60;max-width:calc(100% - 32px)}
.lm-toast.is-on{opacity:1;transform:translate(-50%,0)}
.lm-wa{position:fixed;right:16px;bottom:calc(var(--tab) + 16px);width:56px;height:56px;border-radius:999px;background:#1E8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:35}
body:has(.lm-barra) .lm-wa{bottom:calc(var(--tab) + 92px)}

/* --- carrito (panel) --- */
.lm-cart-ov{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:70}
.lm-cart{position:fixed;left:0;right:0;bottom:0;max-height:92vh;background:#fff;border-radius:22px 22px 0 0;z-index:71;display:flex;flex-direction:column;box-shadow:0 -6px 30px rgba(0,0,0,.18)}
.lm-cart[hidden],.lm-cart-ov[hidden]{display:none}
.lm-cart__head{display:flex;align-items:center;justify-content:space-between;padding:14px 8px 6px 18px}
.lm-cart__head h2{margin:0;font-family:'Sora',sans-serif;font-size:20px}
.lm-icon{width:44px;height:44px;border:0;background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:12px}
.lm-icon:hover{background:var(--soft)}
.lm-cart__body{overflow-y:auto;padding:0 18px 12px;flex:1}
.lm-cart__ahorro{margin:6px 0 4px;padding:11px 14px;border-radius:14px;background:#EAF5EE;color:#0A5C2E;font-size:14px;font-weight:500;display:flex;gap:8px;align-items:center}
.lm-cart__aviso{margin:6px 0;padding:10px 14px;border-radius:12px;background:#FFF4E5;color:#7A4100;font-size:13px}
.lm-cart__lista{list-style:none;margin:0;padding:0}
.lm-li{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #ECEAE4}
.lm-li__img{width:72px;height:72px;flex:0 0 72px;border-radius:14px;background:var(--card);display:flex;align-items:center;justify-content:center;padding:6px;position:relative}
.lm-li__img img{max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.lm-li__img b{position:absolute;right:-4px;bottom:-4px;background:#fff;border-radius:8px;padding:2px 5px;font-size:11px;font-family:'Sora',sans-serif;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.lm-li__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.lm-li__nombre{font-size:14px;font-weight:500;line-height:1.3}
.lm-li__fila{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.lm-li__cu{font-size:12px;color:var(--mute)}
.lm-mini{display:flex;align-items:center;gap:2px;border:1px solid #DAD8D2;border-radius:999px;padding:2px}
.lm-mini button{width:36px;height:36px;border-radius:999px;border:0;background:var(--soft);color:var(--ink);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lm-mini span{min-width:24px;text-align:center;font-weight:700}
.lm-cart__vacio{text-align:center;padding:36px 8px 44px;color:var(--ink2)}
.lm-cart__vacio strong{display:block;font-family:'Sora',sans-serif;font-size:18px;color:var(--ink);margin-bottom:6px}
.lm-cart__puntos{margin-top:14px;padding:11px 14px;border-radius:14px;background:var(--gold-bg);font-size:14px;color:var(--ink2)}
.lm-cart__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
.lm-cart__foot[hidden]{display:none}
.lm-cart__nota{font-size:12px;color:var(--mute)}
.lm-cart__foot .lm-card__precio strong{font-size:23px}
.lm-btn[disabled]{opacity:.55;cursor:wait}
body.lm-noscroll{overflow:hidden}

/* --- checkout --- */
.lm-co-body{padding-bottom:96px}
.lm-co-top{flex-wrap:nowrap}
.lm-co-seguro{display:none;align-items:center;gap:8px;color:#BDBDBD;font-size:13px;margin-left:auto}
.lm-co{padding-top:14px;padding-bottom:24px}
.lm-co-volver{display:inline-flex;align-items:center;gap:6px;color:var(--ink);text-decoration:none;font-weight:500;padding:6px 0}
.lm-co-volver[hidden]{display:none}
.lm-steps{list-style:none;margin:10px 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.lm-steps li{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--mute);padding-top:10px;border-top:3px solid var(--line)}
.lm-steps li span{width:24px;height:24px;border-radius:999px;background:var(--soft);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--ink2)}
.lm-steps li.is-on{color:var(--ink);font-weight:700;border-top-color:var(--black)}
.lm-steps li.is-on span{background:var(--black);color:#fff}
.lm-steps li.is-done{color:var(--verde-tx);border-top-color:var(--verde)}
.lm-steps li.is-done span{background:var(--verde);color:#fff}
.lm-co-grid{display:grid;gap:20px}
.lm-co-main{min-width:0}
.lm-paso[hidden]{display:none}
.lm-co-h{margin:0 0 14px;font-family:'Sora',sans-serif;font-size:24px;font-weight:800}
.lm-co-sub{margin:22px 0 10px;font-size:15px;font-weight:700}
.lm-co-sub--0{margin-top:0}
.lm-opts{display:grid;gap:8px}
.lm-opts--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lm-opts--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lm-opt{min-height:84px;border:2px solid var(--line);border-radius:14px;background:#fff;color:var(--ink2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:14px;font-weight:700;cursor:pointer;padding:10px 6px}
.lm-opt:hover{border-color:#A8A8A8}
.lm-opt.is-on{border-color:var(--black);background:var(--gold-bg);color:var(--ink)}
.lm-dirs{display:flex;flex-direction:column;gap:8px}
.lm-dir{display:flex;align-items:flex-start;gap:12px;text-align:left;border:2px solid var(--line);border-radius:14px;background:#fff;padding:12px 14px;cursor:pointer;color:var(--ink);font-size:14px}
.lm-dir svg{flex:0 0 auto;color:var(--gold-txt);margin-top:2px}
.lm-dir span{display:flex;flex-direction:column;gap:2px}
.lm-dir small{color:var(--mute);font-size:13px}
.lm-dir.is-on{border-color:var(--black);background:var(--gold-bg)}
.lm-link-btn{border:0;background:none;color:var(--gold-txt);font-weight:700;font-size:14px;padding:12px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.lm-f{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;min-width:0}
.lm-f[hidden],[data-form-dir][hidden],[data-sec][hidden]{display:none}
.lm-f label{font-size:13px;font-weight:700;color:var(--ink2)}
.lm-f label small{font-weight:400;color:var(--mute)}
.lm-f input,.lm-f select,.lm-f textarea{width:100%;min-height:48px;padding:12px 14px;border:1.5px solid #D6D3CB;border-radius:12px;font-family:inherit;font-size:16px;color:var(--ink);background:#fff}
.lm-f textarea{resize:vertical;min-height:64px}
.lm-f input:focus,.lm-f select:focus,.lm-f textarea:focus{outline:none;border-color:var(--black);box-shadow:0 0 0 3px rgba(212,175,55,.35)}
.lm-f2{display:grid;grid-template-columns:1fr;gap:0 12px}
.lm-check{display:flex;align-items:center;gap:10px;font-size:14px;margin:2px 0 16px;cursor:pointer;min-height:44px}
.lm-check input{width:20px;height:20px;accent-color:var(--black)}
.lm-co-hola{margin:0 0 12px;color:var(--ink2)}
.lm-co-entrega{border:1px solid var(--line);border-radius:14px;padding:4px 16px;margin-bottom:12px}
.lm-co-entrega p{margin:12px 0;font-size:15px;color:var(--ink2)}
.lm-co-nota{color:var(--ink2);font-size:15px}
.lm-codigo input{font-family:'Sora',sans-serif;font-size:28px;letter-spacing:12px;text-align:center;max-width:280px}
.lm-exito{text-align:center;padding:24px 0}
.lm-exito svg{margin:0 auto 8px;display:block}
.lm-exito p{color:var(--ink2)}
.lm-pedido-num{display:inline-block;margin:6px 0 10px;padding:10px 22px;border-radius:14px;border:2px solid var(--verde);background:#EAF5EE;color:var(--verde-d);font-family:'Sora',sans-serif;font-size:26px;font-weight:800}
.lm-co-error{margin-top:12px;padding:12px 14px;border-radius:12px;background:#FDECEA;border:1px solid #E8A39B;color:#8A1C1C;font-size:14px;font-weight:500}
.lm-co-error[hidden]{display:none}
.lm-co-card{border:1px solid var(--line);border-radius:18px;padding:18px}
.lm-co-items{list-style:none;margin:0;padding:0;max-height:280px;overflow-y:auto}
.lm-co-items li{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid #F0EEE8;font-size:14px}
.lm-co-it-n{display:flex;flex-direction:column;gap:3px;min-width:0}
.lm-co-it-n em{font-style:normal;align-self:flex-start}
.lm-co-it-n small{color:var(--mute);font-size:12px}
.lm-co-tot{display:grid;grid-template-columns:1fr auto;gap:8px 0;margin:14px 0 0;font-size:14px}
.lm-co-tot dt{color:var(--ink2);padding-right:12px}.lm-co-tot dd{margin:0;text-align:right}
.lm-co-tot [hidden]{display:none}
.lm-co-total{font-family:'Sora',sans-serif;font-size:20px;font-weight:800;color:var(--ink)!important;padding-top:10px;border-top:2px solid var(--black)}
.lm-co-tiempo{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:#EAF5EE;color:#0A5C2E;font-size:13px}
.lm-co-tiempo[hidden]{display:none}
.lm-co-bar{position:fixed;left:0;right:0;bottom:0;display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);z-index:40}
.lm-co-bar[hidden]{display:none}
.lm-co-bar [hidden]{display:none}
.lm-co-next{flex:1}
.lm-co-next.is-ok{background:var(--verde)}
.lm-co-next.is-ok:hover{background:var(--verde-d)}
.lm-btn--ghost{background:var(--soft);color:var(--ink);height:52px}
.lm-btn--ghost:hover{background:#E6E3DC;color:var(--ink)}
.lm-co-main .lm-btn--lg{margin-top:8px}
.pac-container{z-index:99999!important}

/* --- escritorio --- */
@media (min-width:900px){
  body{padding-bottom:0}
  .lm-tabbar{display:none}
  .lm-search{order:0;flex:1 1 380px;max-width:560px}
  .lm-brand{flex:0 0 auto}
  .lm-top__acc{margin-left:auto}
  .lm-hero h1{font-size:34px}
  .lm-fila{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:20px;overflow:visible;margin:0;padding:0}
  .lm-fila>.lm-card{flex:none}
  .lm-card__img{height:210px}
  .lm-det{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}
  .lm-det__img{height:460px;position:sticky;top:96px}
  .lm-barra{bottom:0;margin:24px 0 0;border:1px solid var(--line);border-radius:18px}
  .lm-toast{bottom:24px}
  .lm-wa,body:has(.lm-barra) .lm-wa{bottom:24px}
  .lm-cart{left:auto;top:0;bottom:0;width:440px;max-height:none;border-radius:0}
  .lm-co-seguro{display:inline-flex}
  .lm-co{max-width:1080px}
  .lm-co-grid{grid-template-columns:minmax(0,1fr) 380px;gap:36px;align-items:start}
  .lm-co-side{position:sticky;top:96px}
  .lm-f2{grid-template-columns:1fr 1fr}
  .lm-co-body{padding-bottom:0}
  .lm-co-bar{position:static;border:0;padding:20px 0 40px;max-width:1080px;margin:0 auto;padding-left:16px;padding-right:16px;justify-content:flex-start;background:transparent}
  .lm-co-next{flex:0 0 auto;min-width:240px}
}

/* Regla 12 (cervezas): aviso "agrega N mas" */
.lm-cart__sug{margin:6px 0 4px;padding:11px 14px;border-radius:14px;background:#FFF6DB;color:#6B4A00;font-size:14px;line-height:1.35;display:flex;gap:8px;align-items:flex-start}
.lm-cart__sug svg{flex:none;margin-top:1px}
.lm-falta{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:#FFF6DB;color:#6B4A00;font-size:14px}
.lm-tramos--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lm-envase{margin:2px 0 0;font-size:12px;color:#5B5B5B}
.lm-legal{position:absolute;left:8px;right:58px;bottom:7px;font-size:7.5px;line-height:1.2;color:#6E6E6E;pointer-events:none;z-index:1}
.lm-card__img:has(.lm-legal) .lm-card__link{padding-bottom:44px}
.lm-det__img:has(.lm-legal){padding-bottom:56px}
.lm-legal--lg{left:16px;right:16px;bottom:12px;font-size:10.5px;text-align:center}
@media (min-width:900px){.lm-legal{font-size:8.5px}.lm-legal--lg{font-size:11.5px}}
.lm-ref{display:block;margin:4px 0 0;font-size:11px;letter-spacing:.3px;color:#8A8A8A;font-variant-numeric:tabular-nums}

/* --- aviso para instalar la app --- */
.lm-app{position:fixed;left:12px;right:12px;bottom:calc(var(--tab) + 12px + env(safe-area-inset-bottom));z-index:58;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--black);color:#fff;border-radius:18px;padding:12px 14px;box-shadow:0 8px 28px rgba(0,0,0,.28)}
.lm-app[hidden]{display:none}
body:has(.lm-barra) .lm-app{bottom:calc(var(--tab) + 92px + env(safe-area-inset-bottom))}
.lm-app__ico{flex:none;width:44px;height:44px;border-radius:12px;background:var(--gold);color:var(--black);font-family:'Sora',sans-serif;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center}
.lm-app__txt{flex:1 1 180px;display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.35;color:#D9D9D9}
.lm-app__txt strong{color:#fff;font-size:15px}
.lm-app__acc{display:flex;gap:8px;margin-left:auto}
.lm-app__si{border:0;border-radius:999px;background:var(--gold);color:var(--black);font-weight:700;font-size:14px;padding:10px 18px;min-height:44px;cursor:pointer}
.lm-app__no{border:0;background:transparent;color:#D9D9D9;font-size:14px;padding:10px 8px;min-height:44px;cursor:pointer}
.lm-app__si[hidden]{display:none}
@media (min-width:900px){.lm-app{display:none}}

/* --- inicio estilo app --- */
.lm-aviso{display:flex;align-items:center;justify-content:center;gap:8px;margin:-18px -16px 16px;padding:8px 16px;line-height:1.25;background:var(--gold);color:var(--black);font-size:13px;font-weight:700;text-align:center}
.lm-home-t{margin:4px 0 14px;font-family:'Sora',sans-serif;font-size:22px;font-weight:800}
.lm-hc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 8px}
.lm-hc{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--ink)}
.lm-hc:hover{color:var(--ink)}
.lm-hc__c{width:100%;max-width:66px;aspect-ratio:1;border-radius:50%;background:#E9E9E9;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .15s}
.lm-hc:hover .lm-hc__c{transform:scale(1.04)}
.lm-hc__c img{width:100%;height:100%;object-fit:contain;transform:scale(1.22);mix-blend-mode:multiply}
.lm-hc__n{font-size:11px;font-weight:700;text-align:center;line-height:1.2;text-transform:uppercase;letter-spacing:.2px}
.lm-home-of{padding-top:30px}
.lm-marca__head .lm-ver{margin-left:auto;font-size:14px;font-weight:700;color:var(--verde-tx);text-decoration:none}
.lm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;margin-top:18px}
.lm-tab-hot svg{color:#D9480F}
@media (min-width:600px){.lm-hc-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.lm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:900px){.lm-hc-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.lm-hc__c{max-width:84px}.lm-hc__n{font-size:13px}.lm-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.lm-aviso{margin-top:-18px}}

/* --- checkout: avisos, casillas legales y bolsa --- */
.lm-co-avisos{margin:16px 0;padding:16px;border-radius:16px;background:var(--soft)}
.lm-co-avisos p{display:flex;gap:10px;align-items:flex-start;margin:10px 0 0;font-size:14px;line-height:1.45;color:var(--ink2)}
.lm-co-avisos svg{flex:none;margin-top:1px;color:var(--ink)}
.lm-check--legal{display:flex;gap:10px;align-items:flex-start;margin:12px 0;font-size:14px;line-height:1.4}
.lm-check--legal input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--black)}
.lm-check--legal a{color:var(--ink);font-weight:700}
.lm-co-bolsa .lm-co-it-n{color:var(--ink2)}