/* Portal mayorista · los colores, las tipografías y el radio los pone el tema de la instancia (ver _cabeza.html) */
:root{--f-tit:Inter,system-ui,sans-serif;--f-txt:Inter,system-ui,sans-serif;--c:#e8590c;--c-d:#c2410c;--c-dd:#24211d;--c-l:#fb923c;--t1:#f6f3ee;--t2:#e6e0d6;--ink:#1f1c19;--ink2:#6b645b;--ink3:#9a9186;--line:#e6e0d6;--bg:#fff;--bg2:#faf8f4;--ok:#2f8a6b;--ok-bg:#e6f4ef;--warn:#b8791f;--warn-bg:#fdf3e2;--bad:#b4453a;--bad-bg:#fbe9e7;--r:10px;--sh:0 1px 2px rgba(31,28,25,.06),0 4px 14px rgba(31,28,25,.05)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--f-txt);background:var(--bg2);color:var(--ink);line-height:1.5;font-size:15px}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0}
.wrap{max-width:1240px;margin:0 auto;padding:0 22px}
.h1,.h2{font-family:var(--f-tit);font-weight:600;line-height:1.08}.h1{font-size:34px;margin:18px 0 10px;color:var(--c-dd)}.h1::after{content:'';display:block;width:44px;height:4px;background:var(--c);border-radius:2px;margin-top:6px}.h2{font-size:24px;margin:22px 0 8px;color:var(--c-dd)}
.mu{color:var(--ink2);font-size:14px}.cod{font-size:12.5px;color:var(--ink3)}.err{color:var(--bad);font-size:14px}
.row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.btn{display:inline-block;background:var(--c);color:#fff;font-weight:600;font-size:14px;padding:9px 16px;border-radius:8px;transition:.15s}.btn:hover{background:var(--c-d)}.btn b{margin-left:6px;background:rgba(255,255,255,.2);padding:0 7px;border-radius:999px}
.btn--gh{background:transparent;color:var(--c);box-shadow:inset 0 0 0 1.5px var(--c)}.btn--gh:hover{background:var(--t1)}.btn--sm{padding:6px 12px;font-size:13px}.btn--lg{padding:13px 24px;font-size:15.5px}
.btn[disabled]{background:var(--t2);color:var(--ink3);cursor:not-allowed}
.demo{background:#0e1a20;color:#9fb2bb;font-size:12.5px;padding:6px 22px}.demo a{margin-left:10px;padding:2px 9px;border-radius:6px;color:#c9d6dc}.demo a.on{background:var(--c);color:#fff}
.hd{background:var(--c-dd);color:#fff}.hd__in{display:flex;align-items:center;gap:22px;padding:12px 22px}
.logo{font-family:var(--f-tit);font-weight:700;font-size:26px;color:#fff;letter-spacing:.01em}
.buscar{flex:1;display:flex;max-width:560px}.buscar input{flex:1;border:0;border-radius:8px 0 0 8px;padding:9px 12px;font:inherit;background:#fff}.buscar button{background:var(--c);color:#fff;border-radius:0 8px 8px 0;padding:0 16px;font-weight:600}.buscar button:hover{background:var(--c-l)}
.hd__nav{margin-left:auto;display:flex;gap:10px;align-items:center}.salir{font-size:13px;color:rgba(255,255,255,.7);margin-left:4px}.salir:hover{color:#fff}.hd .btn{background:var(--c)}.hd .btn:hover{background:var(--c-l)}
.chip{font-size:13px;font-weight:500;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;border-left:4px solid var(--ok)}.chip:hover{background:rgba(255,255,255,.18)}.chip--aviso{border-left-color:var(--warn)}.chip--bloqueado{border-left-color:var(--bad)}
.rubros-nav{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 0 var(--t2);overflow-x:auto}.rubros-nav .wrap{display:flex;gap:4px;padding:0 14px}.rubros-nav a{padding:9px 10px;font-size:13.5px;font-weight:500;white-space:nowrap;color:var(--ink2);border-bottom:3px solid transparent}.rubros-nav a:hover,.rubros-nav a.on{color:var(--c-dd);border-bottom-color:var(--c)}
.aviso{padding:11px 0;font-size:14.5px}.aviso .wrap,.aviso>div{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.aviso--warn{background:var(--warn-bg);color:#6e4a10;border-bottom:1px solid #f0dcb4}.aviso--bloq{background:var(--bad-bg);color:#6e2a24;border-bottom:1px solid #f2c9c4}
main{padding-bottom:50px}
.promos{margin-top:18px}.promo{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh);background:#fff;aspect-ratio:1536/240}
.promo__s{position:absolute;inset:0;opacity:0;transition:opacity .6s}.promo__s.is-on{opacity:1}.promo__s img{width:100%;height:100%;object-fit:cover}
.dots{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);display:flex;gap:6px;z-index:2}.dots i{width:7px;height:7px;border-radius:4px;background:rgba(30,59,73,.35);transition:.25s}.dots i.is-on{background:var(--c);width:20px}.promos__ft a{color:var(--c);font-weight:500}
.promos__ft{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink3);padding:8px 4px 0}
.grid-r{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.rub{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:18px 16px;transition:.16s}.rub:hover{box-shadow:var(--sh);transform:translateY(-2px);border-color:var(--c-l)}.rub h3{color:var(--c-dd)}.rub h3{font-size:15.5px;font-weight:600;line-height:1.25}.rub span{font-size:12.5px;color:var(--ink3)}
.migas{font-size:13px;color:var(--ink2);margin:14px 0 4px}
.pbody{display:grid;grid-template-columns:230px 1fr;gap:24px;align-items:start}
.side{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px 0;position:sticky;top:12px;max-height:88vh;overflow:auto}.side__t{font-family:var(--f-tit);font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--c);padding:4px 16px 8px}
.side a{display:flex;justify-content:space-between;gap:8px;padding:7px 16px;font-size:13.5px;color:var(--ink2)}.side a em{font-style:normal;color:var(--ink3);font-size:12px}.side a{border-left:3px solid transparent}.side a:hover{background:var(--t1);color:var(--c-dd)}.side a.on{background:var(--t1);color:var(--c-dd);border-left-color:var(--c);font-weight:600}
.grid-a{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:14px}
.card{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;transition:.16s;display:flex;flex-direction:column}.card:hover{box-shadow:var(--sh);transform:translateY(-2px);border-color:var(--c-l)}
.card__img{aspect-ratio:4/3;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.card__img img{width:100%;height:100%;object-fit:contain}.sinimg{color:var(--ink3);font-size:13px}
.card__b{padding:10px 12px 13px}.card__b h3{font-size:13.8px;font-weight:600;line-height:1.3;margin:4px 0 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.precio{font-weight:600;color:var(--c-dd);margin-top:6px}.precio small{font-weight:400;color:var(--ink3);font-size:11.5px}.precio--lg{font-size:26px}
.stock{font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--ok-bg);color:var(--ok)}.stock--poco{background:var(--warn-bg);color:var(--warn)}.stock--sin_stock{background:var(--bad-bg);color:var(--bad)}.stock--a_pedido{background:var(--t1);color:var(--ink2)}
.pag{display:flex;gap:14px;align-items:center;justify-content:center;margin:22px 0}
.ficha{display:grid;grid-template-columns:minmax(280px,480px) 1fr;gap:34px;margin-top:10px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--c);border-radius:14px;padding:24px}
.ficha__img{aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.ficha__img img{max-height:100%;object-fit:contain}
.dl{display:grid;grid-template-columns:140px 1fr;gap:6px 14px;margin:16px 0;font-size:14.5px}.dl dt{color:var(--ink2)}.dl dd{margin:0}
.agregar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:10px}.agregar input{border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:inherit;width:90px;margin-left:8px}
.panel{background:#fff;border:1px solid var(--line);border-left:4px solid var(--c);border-radius:14px;padding:24px;margin-top:16px;max-width:760px}
.tabla{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:10px}.tabla th,.tabla td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.tabla th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--c-d);background:var(--t1)}.tabla tfoot td{font-weight:600;border-bottom:0}
.tabla tr.quitado td{color:var(--ink3);text-decoration:line-through}.tabla tr.quitado .cambio,.tabla tr.cambiado .cambio{text-decoration:none;display:inline-block;margin-top:4px;font-size:12.5px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--warn-bg);color:var(--warn)}.tabla tr.cambiado td{background:#fffaf0}
.confirmar{margin-top:18px;display:flex;flex-direction:column;gap:12px;max-width:640px}.confirmar textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 12px;font:inherit;margin-top:4px}
.estado{font-size:13px;font-weight:600;padding:5px 12px;border-radius:999px;background:var(--t1);color:var(--c-dd)}.estado--en_preparacion{background:var(--warn-bg);color:var(--warn)}
.pasos{display:flex;gap:6px;margin:6px 0 14px;flex-wrap:wrap}.pasos span{font-size:12.5px;padding:4px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink3)}.pasos span.on{background:var(--c);color:#fff;border-color:var(--c)}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:8px}
.tile{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;border-top:4px solid var(--ok)}.tile--aviso,.tile--cerca{border-top-color:var(--warn)}.tile--bloqueado,.tile--excedido{border-top-color:var(--bad)}.tile--sin_limite{border-top-color:var(--t2)}
.tile .l{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--c-d)}.tile--sin_limite{border-top-color:var(--c-l)}.tile .v{font-family:var(--f-tit);font-size:28px;font-weight:600;margin:4px 0}.tile .d{font-size:13px;color:var(--ink2)}
.ft{padding:20px 0;font-size:13px;color:rgba(255,255,255,.72);background:var(--c-dd);margin-top:30px}
@media(max-width:900px){.pbody{grid-template-columns:1fr}.side{position:static;max-height:none}.ficha{grid-template-columns:1fr}.hd__in{flex-wrap:wrap}.buscar{order:3;max-width:none;width:100%}}
.precio--pub{color:var(--c);font-size:12.5px;font-weight:500}
.pub{margin-top:14px;background:var(--t1);border-left:4px solid var(--c);border-radius:8px;padding:14px 16px;font-size:14.5px}
.estado--visto{background:var(--warn-bg);color:var(--warn)}.estado--aceptado{background:var(--ok-bg);color:var(--ok)}.estado--vencido{background:var(--bad-bg);color:var(--bad)}
/* ═══ Variantes de diseño del tema ═══ */
.logo img{height:36px;width:auto;background:#fff;border-radius:8px;padding:4px 9px}
.demo b{color:#fff;background:var(--c);padding:1px 7px;border-radius:5px;margin-right:4px;letter-spacing:.06em;font-size:11px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 18px}
.chips a{padding:7px 14px;border-radius:999px;background:#fff;border:1.5px solid var(--line);font-size:13.5px;font-weight:500;color:var(--ink2);transition:.15s}
.chips a:hover{border-color:var(--c);color:var(--c-dd)}.chips a.on{background:var(--c-dd);color:#fff;border-color:var(--c-dd)}
.chips a em{font-style:normal;opacity:.6;margin-left:6px;font-size:12px}
/* cabecera clara: barra blanca, rubros en banda oscura */
.cabecera-clara .hd{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}
.cabecera-clara .logo img{padding:0;border-radius:0;height:40px}
.cabecera-clara .buscar input{border:1.5px solid var(--line);background:var(--bg2);border-right:0}
.cabecera-clara .chip{background:var(--t1);color:var(--ink)}.cabecera-clara .chip:hover{background:var(--t2)}
.cabecera-clara .salir{color:var(--ink2)}.cabecera-clara .salir:hover{color:var(--c-dd)}
.cabecera-clara .rubros-nav{background:var(--c-dd);border-bottom:0;box-shadow:none}
.cabecera-clara .rubros-nav a{color:#d6cfc4;padding:11px 12px}.cabecera-clara .rubros-nav a:hover,.cabecera-clara .rubros-nav a.on{color:#fff;border-bottom-color:var(--c)}
/* subrubros en fichas: el listado ocupa todo el ancho */
.subrubros-chips .pbody{grid-template-columns:1fr}
/* tarjetas grandes */
.tarjetas-grandes .grid-a{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:18px}
.tarjetas-grandes .card{border-radius:var(--r)}.tarjetas-grandes .card__img{aspect-ratio:1;background:var(--bg2)}
.tarjetas-grandes .card__b{padding:14px 16px 16px}.tarjetas-grandes .card__b h3{font-size:14.5px}
.tarjetas-grandes .precio{font-size:18px;font-family:var(--f-tit);color:var(--c-dd)}.tarjetas-grandes .precio--pub{font-size:12.5px;font-family:var(--f-txt);color:var(--c)}
.tarjetas-grandes .h1{font-size:38px;font-weight:700;letter-spacing:-.01em}.tarjetas-grandes .h1::after{display:none}
.tarjetas-grandes .grid-r{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.tarjetas-grandes .rub{padding:22px 20px;border-radius:var(--r);border-left:5px solid var(--c)}.tarjetas-grandes .rub h3{font-family:var(--f-tit);font-size:18px}
.tarjetas-grandes .ficha,.tarjetas-grandes .panel{border-radius:calc(var(--r) + 4px)}.tarjetas-grandes .ficha{border-top:0;border-left:6px solid var(--c)}
.tarjetas-grandes .tile{border-top:0;border-left:5px solid var(--ok);border-radius:var(--r)}
.tarjetas-grandes .tile--aviso,.tarjetas-grandes .tile--cerca{border-left-color:var(--warn)}.tarjetas-grandes .tile--bloqueado,.tarjetas-grandes .tile--excedido{border-left-color:var(--bad)}.tarjetas-grandes .tile--sin_limite{border-left-color:var(--c-l)}
.tarjetas-grandes .tabla{border-radius:var(--r)}.tarjetas-grandes .tabla th{background:var(--c-dd);color:#fff}
/* botones en píldora */
.botones-pildora .btn{border-radius:999px;padding:10px 20px}.botones-pildora .btn--sm{padding:6px 14px}.botones-pildora .btn--lg{padding:14px 28px}
.botones-pildora .buscar input{border-radius:999px 0 0 999px;padding-left:18px}.botones-pildora .buscar button{border-radius:0 999px 999px 0;padding:0 20px}
/* Barra de simulación de la demo (debajo de la franja): clara, con la paleta de la instancia */
.demo{background:var(--t1);color:var(--ink2);border-bottom:1px solid var(--line)}.demo a{color:var(--ink);background:transparent;box-shadow:inset 0 0 0 1px var(--line)}.demo a.on{background:var(--c);color:#fff;box-shadow:none}