/* Experiencia de pedidos 2026 — sistema visual unificado y accesible. */
:root{
  --ped-bosque:#04291e;--ped-verde:#063b2b;--ped-verde-2:#007c51;
  --ped-verde-vivo:#00b978;--ped-verde-suave:#d9f7e8;--ped-oro:#f6b83f;
  --ped-oro-suave:#f8d77f;--ped-coral:#f06a48;--ped-tinta:#f7fff9;
  --ped-gris:#bdd5c9;--ped-borde:#3c7b60;--ped-fondo:#052e22;
  --ped-superficie:#0a4633;--ped-campo:#effaf4;--ped-campo-tinta:#10271d;--ped-blanco:#fff;
  --cat-oro:#f6b83f;--cat-oro-claro:#ffd16c;--cat-hueso:#f7fbf8;
  --c-sele:#087a50;--c-vip:#1f63a6;--c-despa:#a84608;
  --c-frutal:#a43c2d;--c-dulce:#6f3e98;--c-especial:#7c5508;--c-coctel:#166c60;
}
body.catalogo-oscuro{background:
  radial-gradient(circle at 90% 5%,rgba(246,184,63,.2),transparent 28rem),
  radial-gradient(circle at 4% 48%,rgba(0,166,108,.25),transparent 32rem),
  linear-gradient(145deg,#031f17,var(--ped-bosque) 50%,#075239);color:var(--ped-blanco);background-attachment:fixed}
.catalogo-oscuro main{max-width:1180px;padding-bottom:76px}
.catalogo-oscuro :focus-visible{outline:3px solid var(--ped-oro)!important;outline-offset:3px!important;box-shadow:0 0 0 6px var(--ped-bosque)!important}
.catalogo-oscuro header{background:rgba(4,41,30,.97);border-bottom:1px solid rgba(246,184,63,.28);box-shadow:0 7px 22px rgba(2,20,14,.28)}
.catalogo-oscuro .marca,.catalogo-oscuro header nav a{display:inline-flex;align-items:center;min-height:44px}
.catalogo-oscuro header nav a{color:rgba(255,255,255,.72)}
.catalogo-oscuro header nav a:hover,.catalogo-oscuro header nav a.activo{color:var(--ped-blanco);background:rgba(246,184,63,.18)}
.cat-hero{position:relative;overflow:hidden;margin:24px auto 20px;padding:42px 38px;border:1px solid rgba(215,237,85,.25);border-radius:28px;text-align:left;
  background:radial-gradient(circle at 92% 24%,rgba(246,184,63,.34),transparent 18rem),linear-gradient(125deg,#03452f,#008358);box-shadow:0 24px 58px rgba(0,0,0,.25)}
.cat-hero::after{content:"";position:absolute;width:260px;height:260px;right:-100px;top:-160px;border-radius:50%;
  border:1px solid rgba(246,184,63,.4);box-shadow:0 0 0 38px rgba(255,255,255,.035)}
.cat-kicker{position:relative;z-index:1;display:inline-flex;align-items:center;gap:9px;color:var(--ped-oro);font-size:.73rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.cat-kicker::before{content:"";width:32px;height:4px;border-radius:8px;background:currentColor}
.cat-hero h1{position:relative;z-index:1;max-width:760px;margin:12px 0 8px;color:var(--ped-blanco);font-family:inherit;font-size:clamp(2.2rem,5vw,4.45rem);font-weight:950;line-height:.98;letter-spacing:-.055em;text-transform:none}
.cat-hero .cat-intro{position:relative;z-index:1;max-width:650px;margin:0 0 16px;color:#d6e5dd;font-size:1.05rem;line-height:1.55}
.cat-hero .vig{position:relative;z-index:1;color:#c9d8d0;font-size:.84rem;font-style:normal}
.hoja-nav,.cat-desc,.cat-barra,.puerta{border-color:rgba(215,237,85,.23)!important;background:rgba(6,59,43,.96)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.22)!important;color:var(--ped-blanco)!important}
.hoja-nav{position:relative!important;top:auto!important;margin:28px 0 10px;border-radius:18px!important;padding:13px 14px!important;gap:10px!important;align-items:center!important;backdrop-filter:blur(12px)}
.hoja-pills button,.cat-pills button{min-height:46px;color:#d6e5dd!important;border-color:#6f9281!important;background:#0b5138!important;border-radius:12px!important}
.hoja-pills button.on,.cat-pills button.on{background:var(--ped-oro)!important;color:var(--ped-bosque)!important;border-color:var(--ped-oro)!important}
.hoja-ir{gap:7px!important}.ir-chip{min-height:44px;padding:8px 14px!important;background:#0b5138!important;color:var(--ped-blanco)!important;border-width:2px!important}
.ir-chip:hover{background:#0e6848!important}.ir-chip.on{background:var(--ped-bosque)!important;color:var(--ped-blanco)!important;box-shadow:inset 0 0 0 2px var(--pc,var(--ped-oro))}
@media(min-width:900px){.hoja-nav{flex-direction:column!important;justify-content:center!important}.hoja-pills,.hoja-ir{justify-content:center;flex-wrap:wrap!important}}
.cat-cta{position:relative;z-index:2;display:inline-flex;align-items:center;gap:9px;margin-top:22px;padding:13px 20px;border:0}
.btn-oro{border-radius:13px;background:linear-gradient(135deg,#ffd167,var(--ped-oro));color:var(--ped-bosque);
  box-shadow:0 10px 24px rgba(246,184,63,.24)}
.btn-oro:hover{background:linear-gradient(135deg,#ffe095,#ffc24c);transform:translateY(-1px)}
.btn-fantasma{border-radius:12px;border:1.5px solid #79a993;color:var(--ped-blanco);background:#0d4d38}
.btn-fantasma:hover{background:#116449;border-color:var(--ped-oro)}

/* Catálogo: superficies verdes elevadas, sin tarjetas negras ni paneles blancos. */
.hoja-tit{margin:32px 0 24px}.hoja-tit h2{margin:0;color:var(--ped-blanco);font-family:inherit;font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:950;line-height:1;letter-spacing:-.045em;text-transform:none}.hoja-tit h2::after{display:block;width:58px;height:5px;margin:13px auto 0;border-radius:10px;background:linear-gradient(90deg,var(--ped-oro),var(--ped-coral))}.hoja-tit span{margin-top:10px;color:#c9d8d0;font-size:.98rem}
.cat-cinta{margin:25px 0 14px;padding:13px 16px;border:1px solid rgba(247,251,248,.16);border-left:7px solid var(--lc,var(--ped-oro));border-radius:14px;background:#0b5138;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.cat-cinta h3{color:var(--ped-blanco);font-size:1rem}.cat-cinta span{color:#d6e5dd;font-size:.72rem}
.cat-nota,.cat-pie{color:#c9d8d0}.cat-nota b,.cat-pie b{color:var(--ped-oro)}
.prod-grilla{gap:14px}.prod-tarj{width:100%;padding:14px 10px;border:1.5px solid var(--lc,var(--ped-borde));border-radius:17px;background:linear-gradient(160deg,#0b5138,#063b2b);box-shadow:0 14px 30px rgba(0,0,0,.2);color:inherit;font:inherit;text-align:center}
button.prod-tarj{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}button.prod-tarj:hover{transform:translateY(-4px);background:linear-gradient(160deg,#0e6848,#074631);box-shadow:0 19px 38px rgba(0,0,0,.29)}
.prod-tarj .t{color:var(--ped-blanco)}.prod-tarj .p{color:var(--ped-oro)}.prod-tarj .p small{color:#e5c16f}.prod-packs{border-color:rgba(215,237,85,.28)}.prod-packs .v{color:#b8efcf}.prod-packs .u{background:#007c51;color:var(--ped-blanco)}
.promo-banda,.duo-tarj{border-color:rgba(246,184,63,.55);background:linear-gradient(160deg,#0b5138,#063b2b);box-shadow:0 14px 30px rgba(0,0,0,.2)}
.sab-card,.combo-card{border-radius:14px}.sab-card:hover,.combo-card:hover{background:rgba(215,237,85,.08)}.sab-card span,.combo-card span{color:var(--ped-blanco)}.sab-card .sin,.combo-pics img,.combo-pics .sin{background:#0b5138}.sab-card img,.sab-card .sin,.combo-pics img,.combo-pics .sin{box-shadow:0 8px 19px rgba(0,0,0,.3)}
.sab-card:focus-visible,.combo-card:focus-visible{outline:3px solid var(--ped-oro)!important;outline-offset:4px!important;box-shadow:0 0 0 7px var(--ped-bosque)!important}
.hoja-seguir{min-height:52px;background:var(--ped-oro);color:var(--ped-bosque);border-color:var(--ped-oro);box-shadow:0 12px 25px rgba(0,0,0,.2)}.hoja-seguir:hover{background:#ffca58}
.packs th{color:var(--ped-oro)}.packs tbody th.nom{color:var(--ped-blanco)}.packs .uni{color:#c9d8d0}.packs td,.packs tbody th{border-color:rgba(247,251,248,.12)}
.catalogo-oscuro footer{background:#021b14;border-top:5px solid var(--ped-oro);color:#c9d8d0}.catalogo-oscuro footer a{display:inline-flex;align-items:center;min-height:44px;padding:4px;color:var(--ped-oro)!important}

/* Asistente de pedido: una superficie esmeralda con contraste alto. Los
   campos claros se reservan para escribir; ya no hay grandes paneles salvia. */
.asis-velo{background:rgba(2,24,17,.82);backdrop-filter:blur(9px);padding:18px}
.asis{position:relative;width:min(920px,100%);height:min(760px,calc(100vh - 36px));height:min(760px,calc(100dvh - 36px));
  max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);min-height:0;margin:0;background:
  radial-gradient(circle at 94% 8%,rgba(246,184,63,.14),transparent 20rem),var(--ped-fondo);
  border:1px solid rgba(246,184,63,.72);border-radius:24px;padding:0;overflow:hidden;
  box-shadow:0 28px 90px rgba(5,25,18,.38);display:flex;flex-direction:column}
.asis-cab{flex:0 0 auto;margin:0;padding:18px 22px;background:linear-gradient(120deg,var(--ped-bosque),#007c51);border-bottom:1px solid rgba(255,255,255,.14)}
.asis-cab b{color:var(--ped-blanco);font-size:1.02rem;letter-spacing:.03em;text-transform:none}
.asis-cerrar{width:44px;height:44px;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22);color:var(--ped-blanco)}
.asis-pasos{flex:0 0 auto;margin:0;padding:14px 18px 12px;gap:7px;background:#08291f;border-bottom:1px solid rgba(255,255,255,.13);overflow-x:auto}
.asis-pasos span{position:relative;flex:1 0 98px;height:auto;min-height:38px;padding:7px 8px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;text-align:center;background:#0d4936;color:#c9ded4;
  font-size:.68rem;font-weight:750;line-height:1.15;border:1px solid transparent}
.asis-pasos span.on{background:#0b6547;color:#fff;border-color:#1c8f67}
.asis-pasos span.actual{background:var(--ped-oro);color:var(--ped-bosque);border-color:#9c6908;box-shadow:0 3px 10px rgba(118,83,13,.14)}
#paso-cuerpo{flex:1 1 auto;min-height:0;padding:23px 24px 18px;color:var(--ped-tinta);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.asis h2,.asis h4{color:var(--ped-tinta);font-size:1.35rem;letter-spacing:-.02em;margin-bottom:5px}.asis h2::after,.asis h4::after{display:none}
.asis .ayu{color:var(--ped-gris);max-width:680px;font-size:.9rem}
.asis-acciones{position:static!important;bottom:auto!important;flex:0 0 auto;justify-content:flex-end;margin:0!important;padding:14px 22px 18px;background:#042d21;border-top:1px solid rgba(255,255,255,.16);box-shadow:0 -12px 30px rgba(1,17,12,.24);backdrop-filter:blur(8px)}
.asis-acciones .btn-oro{margin-left:auto}
.asis-acciones button,.asis-acciones a{min-height:48px}
.asis-acciones a.btn-oro{justify-content:center;text-align:center;text-decoration:none}
.asis-acciones .btn-wa{background:linear-gradient(180deg,#29b957,#13883f);color:#fff;border-color:#13883f;box-shadow:0 8px 22px rgba(18,140,62,.34)}
.asis-acciones .btn-wa:hover{background:linear-gradient(180deg,#24a94e,#0e7535)}
.asis-acciones button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.asis-saltar-acciones{position:absolute;z-index:8;left:50%;top:7px;transform:translate(-50%,-180%);padding:9px 14px;border:2px solid var(--ped-oro);border-radius:10px;background:var(--ped-blanco);color:var(--ped-bosque);font-weight:850;text-decoration:none;transition:transform .16s ease}
.asis-saltar-acciones:focus{transform:translate(-50%,0)}
.asis .btn-fantasma{border-color:#79a993;background:rgba(255,255,255,.06);color:#fff}.asis .btn-fantasma:hover{border-color:var(--ped-oro);background:rgba(246,184,63,.1)}
.asis .err{flex:0 0 auto;margin:10px 22px 0;background:#5c241f;border:1px solid #f38b72;color:#ffe2da;border-radius:11px}
.asis label{color:#dcebe4;font-weight:750;margin-top:14px}
.asis input[type=text],.asis input[type=tel],.asis input[type=number],.asis input[type=password],.asis select{
  min-height:48px;background:var(--ped-campo);color:var(--ped-campo-tinta);border:1.5px solid #8fb7a5;border-radius:12px}
.asis input:focus,.asis select:focus{outline:0;border-color:var(--ped-oro);box-shadow:0 0 0 4px rgba(246,184,63,.2)}
.f-check,.f-priv{color:var(--ped-gris)}
.suc-zona{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%}
.suc-big{min-height:180px;background:linear-gradient(155deg,#0d543d,var(--ped-superficie));color:var(--ped-tinta);border:1.5px solid #3f8062;border-radius:17px;
  box-shadow:0 9px 21px rgba(0,0,0,.2)}
.suc-big::before{background:linear-gradient(90deg,var(--ped-verde),var(--ped-oro))}
.suc-big:hover{border-color:var(--ped-oro);box-shadow:0 14px 28px rgba(0,0,0,.28)}
.suc-big b{color:var(--ped-tinta)}.suc-big .dir,.suc-big .tel{color:var(--ped-gris)}
.suc-big .pick{border-color:#8fb7a5}.suc-big.sel{background:linear-gradient(155deg,#0e7954,#09513a);border-color:var(--ped-oro);box-shadow:0 0 0 3px rgba(246,184,63,.16)}
.suc-big.sel .pick{background:var(--ped-oro);border-color:var(--ped-oro)}.suc-big.sel .pick::after{border-color:var(--ped-bosque)}
.suc-big{position:relative;overflow:hidden}.suc-big::before{content:"";position:absolute;left:0;right:0;top:0;height:4px}
.suc-big .pick{position:absolute;top:14px;right:14px;width:24px;height:24px;border:2px solid #8fb7a5;border-radius:50%;background:transparent}
.suc-big.sel .pick::after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid var(--ped-bosque);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.suc-elegir{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;min-height:44px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:center;cursor:pointer}
.chip-suc,.combo-lock,.asis-retomado{background:var(--ped-oro-suave);border-color:#9c6908;color:#4a3308}
.chip-suc b,.combo-lock b{color:#614509}
.chip-suc button{color:#3b2905;font-weight:850;text-decoration-color:currentColor}
.asis-clase{border-radius:10px;background:#0d4d38;color:#fff;border-color:var(--pc,var(--ped-borde))}
.asis-clase:hover{background:#116449}.asis-clase.on{background:#0b7954!important;color:var(--ped-blanco);box-shadow:inset 0 0 0 2px var(--pc,var(--ped-oro)),0 5px 13px rgba(0,0,0,.2)}
.asis-grupo-tit{color:var(--pc,var(--ped-oro));margin-top:20px}.asis-grupo-tit::after{border-color:#3b735a}
.asis-sab{width:88px;padding:7px;border:1px solid transparent;border-radius:13px}.asis-sab:hover{background:#0d4d38;border-color:#579274}
.asis-sab img,.asis-sab .sin{border-color:#61987e;background:var(--ped-campo)}.asis-sab span{color:var(--ped-tinta)}
.asis-sab.sel{background:#0d6a4b;border-color:var(--ped-oro)}.asis-sab.sel img,.asis-sab.sel .sin{border-color:var(--ped-oro);box-shadow:0 0 0 3px rgba(246,184,63,.18)}
.asis-sab.sel span{color:#fff}.asis-sab .extra{background:var(--ped-oro);color:#2d2108}
.asis-combo{background:var(--ped-superficie);border:1px solid var(--ped-borde)}.asis-combo span{color:var(--ped-tinta)}
.asis-combo.sel{background:#0d6a4b;outline-color:var(--ped-oro)}
.op-tarj{background:linear-gradient(155deg,#0d543d,var(--ped-superficie));color:var(--ped-tinta);border:1.5px solid #3f8062;border-radius:14px;
  box-shadow:0 6px 15px rgba(0,0,0,.17)}
.op-tarj:hover{border-color:var(--ped-oro);transform:translateY(-1px)}.op-tarj.sel{background:linear-gradient(155deg,#0e7954,#09513a);border-color:var(--ped-oro);color:#fff;box-shadow:0 0 0 3px rgba(246,184,63,.14)}
.op-tarj .pp{color:var(--ped-oro)}.op-tarj .ss{color:var(--ped-gris)}
.cant-caja button{background:#0d5c42;color:#fff;border-color:#659b80}.cant-caja input{color:var(--ped-campo-tinta)}
.promo-chips button{color:var(--ped-oro);border-color:var(--ped-oro);background:rgba(246,184,63,.08)}
.asis-item{padding:13px 12px;margin-bottom:8px;border:1px solid #3f8062;border-radius:12px;background:var(--ped-superficie)}
.asis-item .qi{color:var(--ped-gris)}.asis-total{padding:15px 16px;border-radius:13px;background:linear-gradient(120deg,#0a7652,#00a66c);color:#fff;border:1px solid rgba(255,255,255,.18)}
.asis-item button,.combo-lock button,.chip-suc button,.ubi-ok button{min-width:44px;min-height:44px}
.sab-pills button,.asis-clase,.op-tarj,.promo-chips button{min-height:44px}
.btn-ubi{background:#0d5c42;color:#fff;border-color:#659b80}
.ubi-ok{background:#0d5c42;color:#fff;border-color:#659b80}
.combo-aviso,.exito-alt{background:#0d4d38;border-color:var(--ped-oro);color:var(--ped-gris)}
.exito .cod{color:var(--ped-bosque);border-color:var(--ped-oro);background:var(--ped-oro-suave)}
.hoja-foto:not(.chica){width:100%;height:min(29vw,280px);max-height:280px;object-fit:contain;margin-bottom:10px;filter:drop-shadow(0 14px 22px rgba(9,47,34,.18))}
.hoja-tit h2{margin:0;color:var(--ped-blanco);font-family:inherit;font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:950;letter-spacing:-.045em;text-transform:none}.hoja-tit h2::after{margin:13px auto 0;background:linear-gradient(90deg,var(--ped-oro),var(--ped-coral))}
.hoja-tit span,.cat-nota,.cat-pie{color:#c9d8d0}.cat-nota b,.cat-pie b{color:var(--ped-oro)}
.sab-card span,.combo-card span{color:var(--ped-blanco)}.sab-card img,.sab-card .sin,.combo-pics img,.combo-pics .sin{box-shadow:0 8px 19px rgba(0,0,0,.3)}
.sab-card:focus-visible,.combo-card:focus-visible{outline:3px solid var(--ped-oro)!important;outline-offset:4px!important;box-shadow:0 0 0 7px var(--ped-bosque)!important;border-radius:12px}
.hoja-seguir{background:var(--ped-oro);color:var(--ped-bosque);border-color:var(--ped-oro);box-shadow:0 12px 25px rgba(0,0,0,.2)}
.hoja-seguir:hover{background:#ffca58}
.contacto-respaldo{margin:28px 0;padding:24px;border:1px solid rgba(215,237,85,.24);border-radius:20px;background:#063b2b;box-shadow:0 16px 36px rgba(0,0,0,.22);color:var(--ped-blanco)}
.contacto-respaldo h2{color:var(--ped-blanco)}.contacto-respaldo p{color:#c9d8d0}
.contacto-wa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.contacto-wa{display:flex;flex-direction:column;gap:4px;min-height:92px;padding:16px;border:1px solid rgba(247,251,248,.2);border-top:4px solid var(--ped-oro);border-radius:15px;background:#0b5138;color:var(--ped-blanco);text-decoration:none}
.contacto-wa:hover{border-color:var(--ped-oro);background:#0e6848}.contacto-wa b{color:var(--ped-oro)}.contacto-wa span{color:#c9d8d0;font-size:.86rem}

/* Acceso mayorista y catálogo posterior a la clave. */
.puerta{max-width:540px!important;padding:27px!important;border-radius:21px!important;color:var(--ped-blanco)!important}
.puerta h2{color:var(--ped-blanco)!important}.puerta p,.pedir-clave{color:#c9d8d0!important}
.puerta input{background:var(--ped-campo)!important;color:var(--ped-campo-tinta)!important;border:1.5px solid var(--ped-borde)!important;border-radius:12px!important;min-height:48px}
.puerta-sep{color:#c9d8d0!important}.cat-desc{color:#c9d8d0!important;border-radius:15px!important}.cat-desc b{color:var(--ped-oro)!important}
.cat-barra input{background:var(--ped-campo)!important;color:var(--ped-campo-tinta)!important;border-color:var(--ped-borde)!important}

/* Catálogo mayorista: comparte la base del pedido minorista, pero usa una
   jerarquía comercial propia y elimina por completo la capa marrón heredada. */
.catalogo-mayor{--mayor-acento:#d7ed55;--mayor-azul:#0e5160}
.catalogo-mayor main{max-width:1180px}
.catalogo-mayor .cat-hero{border-color:rgba(246,184,63,.48);background:
  radial-gradient(circle at 88% 18%,rgba(215,237,85,.22),transparent 19rem),
  linear-gradient(125deg,#033626 0%,#08704e 63%,#0d5961 100%)}
.catalogo-mayor .cat-kicker{color:#ffe08d}
.catalogo-mayor .cat-hero .vig{display:inline-flex;margin-top:3px;padding:6px 11px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(2,31,23,.28);color:#e1eee8;font-weight:750}
.catalogo-mayor .cat-hero .cat-cta{display:inline-flex;margin-top:22px}
.catalogo-mayor .puerta{position:relative;max-width:640px!important;margin:8px auto 58px;padding:30px!important;text-align:left!important;background:
  radial-gradient(circle at 100% 0,rgba(246,184,63,.16),transparent 17rem),#063b2b!important}
.catalogo-mayor .puerta-foto{max-height:170px;margin:3px auto 16px;filter:drop-shadow(0 15px 25px rgba(0,0,0,.34))}
.catalogo-mayor .puerta-distintivo{display:inline-flex;padding:6px 11px;border-radius:999px;background:var(--ped-oro);color:var(--ped-bosque);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.catalogo-mayor .puerta h2{margin:16px 0 7px;font-size:clamp(1.55rem,4vw,2.15rem)!important;letter-spacing:-.035em!important;text-transform:none!important}
.catalogo-mayor .puerta>p{font-size:.94rem;line-height:1.55}
.catalogo-mayor .puerta-label{display:block;margin:18px 0 7px;color:#edf8f2;font-size:.88rem;font-weight:850;text-align:left}
.catalogo-mayor .puerta input{text-align:left!important;letter-spacing:normal!important}
.catalogo-mayor .puerta>.btn-oro{width:100%;justify-content:center;margin-top:12px;border-radius:13px}
.catalogo-mayor .puerta .pedir-clave{text-align:center;margin:14px 0 0}
.catalogo-mayor .puerta .pedir-clave a{display:inline-block;min-height:44px;padding:11px 5px;color:var(--ped-oro);font-weight:800}
.catalogo-mayor .puerta-sep{margin:16px 0 10px!important;font-size:.72rem!important}
.catalogo-mayor .puerta-cuenta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.catalogo-mayor .puerta .puerta-btn{display:flex;align-items:center;justify-content:center;min-height:48px;margin:0;text-align:center}
.mayor-encabezado{max-width:760px;margin:42px 0 20px}
.mayor-encabezado h2{margin:10px 0 8px;color:var(--ped-blanco);font-size:clamp(1.8rem,4vw,3rem);line-height:1.02;letter-spacing:-.045em}
.mayor-encabezado h2::after{display:none}.mayor-encabezado p{max-width:660px;color:#d6e5dd;font-size:1rem;line-height:1.55}
.catalogo-mayor .cat-desc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px;padding:14px!important;border-radius:20px!important}
.catalogo-mayor .mayor-dato{display:flex;flex-direction:column;gap:5px;min-height:98px;padding:16px;border:1px solid rgba(255,255,255,.16);border-top:4px solid var(--ped-oro);border-radius:14px;background:#0b5138}
.catalogo-mayor .mayor-dato>span{padding:0;border:0;border-radius:0;background:transparent;color:#c9ded4;font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.catalogo-mayor .mayor-dato>b{color:#fff!important;font-size:1rem;line-height:1.35}
.catalogo-mayor .hoja-foto{height:min(27vw,255px);margin:4px auto 22px;object-fit:contain}
.catalogo-mayor .cat-barra{position:relative!important;top:auto!important;gap:11px;margin:0 0 28px;padding:17px 18px!important;border-radius:20px!important}
.catalogo-mayor .cat-barra label{color:#fff;font-size:.88rem;font-weight:850}
.catalogo-mayor .cat-barra input{min-height:50px;padding:12px 16px;border-radius:13px}
.catalogo-mayor .cat-barra input::placeholder{color:#5d7168;opacity:1}
.catalogo-mayor .cat-pills{gap:9px}.catalogo-mayor .cat-pills button{flex:1 1 128px;padding:9px 14px!important;font-weight:800!important}
.catalogo-mayor .cat-resultados{margin:-15px 2px 18px;color:#c9ded4;font-size:.84rem;font-weight:750}
.catalogo-mayor .cat-linea{margin:0 0 38px}
.catalogo-mayor .cat-cinta{align-items:center;margin:0 0 15px;padding:14px 17px;background:linear-gradient(100deg,#0b5138,#063b2b)}
.catalogo-mayor .cat-cinta h3{margin:0;color:#fff;font-size:1.08rem;letter-spacing:.03em;text-transform:none}
.catalogo-mayor .cat-cinta span{color:#d6e5dd;font-size:.75rem;font-weight:750;letter-spacing:.07em}
.catalogo-mayor .prod-grilla{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;--ubol:.34px}
.catalogo-mayor .prod-tarj{align-items:stretch;min-height:100%;padding:15px;text-align:left}
.catalogo-mayor button.prod-tarj{appearance:none}
.catalogo-mayor .prod-foto{align-items:flex-end;justify-content:center;margin-bottom:7px}
.catalogo-mayor .prod-tarj .t{min-height:2.6em;color:#fff;font-size:.86rem;line-height:1.3;letter-spacing:.035em;text-align:left}
.catalogo-mayor .p-etiqueta{margin-top:12px;color:#c9ded4;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.catalogo-mayor .prod-tarj .p{margin:1px 0 10px;color:var(--ped-oro);font-size:1.7rem;line-height:1.1;text-align:left}
.catalogo-mayor .prod-tarj .p small{font-size:.76rem}
.catalogo-mayor .prod-tarj .p2{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:43px;margin-top:auto;padding:9px 10px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:#073829;color:#d6e5dd;font-size:.8rem;line-height:1.25}
.catalogo-mayor .prod-tarj .p2 b{color:#fff;font-size:.88rem;white-space:nowrap}
.catalogo-mayor .prod-accion{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:10px;padding:9px 8px;border-radius:10px;background:var(--ped-oro);color:var(--ped-bosque);font-size:.79rem;font-weight:900;text-align:center}
.catalogo-mayor button.prod-tarj:hover .prod-accion,.catalogo-mayor button.prod-tarj:focus-visible .prod-accion{background:#ffd66f}
.catalogo-mayor .catalogo-vacio{margin:18px 0 34px;padding:20px;border:1px solid rgba(255,255,255,.17);border-radius:15px;background:#0b5138;color:#e2f0e9;text-align:center}
.catalogo-mayor .cat-pie{max-width:680px;margin:16px auto 70px;color:#d6e5dd;font-size:.88rem;line-height:1.65}
.catalogo-mayor #banda-cuenta,.catalogo-mayor #banda-cta{background:#063b2b;border-color:#3f8062;color:#e2f0e9}
.catalogo-mayor #banda-cuenta .bc-cod{color:#c9ded4}.catalogo-mayor #banda-cta .bc-x{min-width:44px;min-height:44px;color:#fff}
.catalogo-mayor #banda-pausa{background:#59351c;border-color:#f6b83f;color:#fff}.catalogo-mayor #banda-pausa b{color:#ffd790}

/* Sabores mayoristas: están visibles en el catálogo, no escondidos dentro
   del pedido. “Del catálogo” evita prometer stock por sucursal. */
.mayor-sabores{position:relative;margin:54px 0 24px;padding:28px;border:1px solid rgba(215,237,85,.34);border-radius:26px;background:
  radial-gradient(circle at 96% 3%,rgba(215,237,85,.18),transparent 20rem),
  linear-gradient(145deg,#064532,#082f27 72%);box-shadow:0 22px 50px rgba(0,0,0,.25);overflow:hidden}
.mayor-sabores-cab{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end}
.mayor-sabores-cab h2{margin:9px 0 8px;color:#fff;font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.04;letter-spacing:-.04em}
.mayor-sabores-cab p{max-width:680px;margin:0;color:#d6e5dd;line-height:1.55}
.mayor-sabores-dato{display:grid;place-items:center;min-width:150px;padding:15px 18px;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:#0d5c42;text-align:center}
.mayor-sabores-dato strong{color:var(--ped-oro);font-size:2rem;line-height:1}.mayor-sabores-dato span{margin-top:5px;color:#e5f3eb;font-size:.76rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.mayor-disponibilidad{margin:20px 0 14px;padding:13px 15px;border-left:4px solid var(--ped-oro);border-radius:0 12px 12px 0;background:rgba(246,184,63,.11);color:#f8ead0;font-size:.86rem;line-height:1.5}
.mayor-sabores-filtros{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1.7fr);gap:8px 14px;margin:0 0 24px;padding:16px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:#063b2b}
.mayor-sabores-filtros label{align-self:end;color:#fff;font-size:.85rem;font-weight:850}
.mayor-sabores-filtros input{grid-column:1;min-height:48px;padding:11px 14px;border:1px solid var(--ped-borde);border-radius:12px;background:var(--ped-campo);color:var(--ped-campo-tinta);font:inherit}
.mayor-sabores-filtros input::placeholder{color:#5d7168;opacity:1}.mayor-sabores-filtros .sabores-pills{grid-column:2;grid-row:1 / span 2;align-self:end}
.catalogo-mayor .resultado-sabores{margin:-12px 2px 16px}
.mayor-sabores-grilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px}
.mayor-sabor-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:11px;align-items:center;min-width:0;min-height:92px;padding:12px;border:1px solid rgba(255,255,255,.17);border-left:4px solid var(--sabor-color,#d7ed55);border-radius:15px;background:#0b5138;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.16)}
.mayor-sabor-foto{display:grid;place-items:center;width:58px;height:58px;border:2px solid rgba(255,255,255,.2);border-radius:16px;background:#073829;overflow:hidden}
.mayor-sabor-foto img{width:100%;height:100%;object-fit:cover}.mayor-sabor-foto .ini{display:grid;place-items:center;width:100%;height:100%;color:var(--ped-oro);font-size:1.35rem;font-weight:900}
.mayor-sabor-info{display:grid;gap:4px;min-width:0}.mayor-sabor-info b{overflow-wrap:anywhere;font-size:.9rem;line-height:1.25}.mayor-sabor-cat{color:#c9ded4;font-size:.69rem;font-weight:850;letter-spacing:.065em;text-transform:uppercase}.mayor-sabor-precio{color:#a8f0c6;font-size:.74rem;font-weight:800}.mayor-sabor-precio.con-recargo{color:#ffd790}
.mayor-combinaciones{margin-top:20px;border:1px solid rgba(255,255,255,.17);border-radius:17px;background:#063b2b;overflow:hidden}.mayor-combinaciones summary{display:flex;justify-content:space-between;gap:14px;align-items:center;min-height:52px;padding:13px 16px;color:#fff;font-weight:850;cursor:pointer}.mayor-combinaciones summary b{color:var(--ped-oro);font-size:.78rem}.mayor-combinaciones>p{margin:0;padding:0 16px 12px;color:#c9ded4;font-size:.84rem;line-height:1.45}.mayor-combos-grilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;padding:0 16px 16px}.mayor-combo{padding:11px 12px;border:1px solid #3f8062;border-radius:11px;background:#0d4d38;color:#eef9f2;font-size:.8rem;line-height:1.4}.mayor-combo b{display:block;margin-bottom:2px;color:#ffd790}.mayor-sabores-cta{display:flex;margin:20px 0 0 auto}.mayor-sabores-cta[hidden]{display:none}

/* Controles densos del pedido mayorista: texto AA y objetivos táctiles. */
.catalogo-mayor .sab-tabs button,.catalogo-mayor .mez-cant .caja button,.catalogo-mayor .mez-cant .rapidos button,.catalogo-mayor .btn-fantasma.chico,.catalogo-mayor .btn-oro.chico{min-width:44px;min-height:44px}
.catalogo-mayor .sab-tabs button,.catalogo-mayor .sab-chip,.catalogo-mayor .mez-card{background:#0d4d38;border-color:#4c876c;color:#f7fff9}
.catalogo-mayor .sab-tabs button.on{background:var(--ped-oro);border-color:var(--ped-oro);color:var(--ped-bosque)}
.catalogo-mayor .sab-grupo-tit,.catalogo-mayor .mez-fila span,.catalogo-mayor .mez-cant .rot{color:#c9ded4;font-size:.78rem}
.catalogo-mayor .mez-card.llena{border-color:#7bd9a4}.catalogo-mayor .mez-cab b{color:var(--ped-oro)}
.catalogo-mayor .mez-cab .estado{color:#c9ded4}.catalogo-mayor .mez-card.llena .mez-cab .estado{color:#a8f0c6}
.catalogo-mayor .mez-cab{align-items:center;flex-wrap:wrap}.catalogo-mayor .mez-cab .estado{flex:1 1 150px}
.catalogo-mayor .mez-editar{min-height:44px;padding:8px 12px;border:1px solid #79a993;border-radius:11px;background:#073829;color:#fff;font:inherit;font-size:.76rem;font-weight:850;cursor:pointer}.catalogo-mayor .mez-editar:hover,.catalogo-mayor .mez-editar:focus-visible,.catalogo-mayor .mez-editar[aria-expanded="true"]{border-color:var(--ped-oro);color:var(--ped-oro)}
.catalogo-mayor .mez-repetir{background:#0a3f2e;border-color:#76a991}.catalogo-mayor .mez-repetir span{color:#e2f0e9}
.catalogo-mayor .mez-cant .rapidos button{background:#0d4d38;border-color:#79a993;color:#fff}
.catalogo-mayor .reparto-suma{color:#ffd790}.catalogo-mayor .reparto-suma.ok{color:#a8f0c6}
.catalogo-mayor .exige-cuenta p{color:#c9ded4}.catalogo-mayor .f-dir-cuenta{background:var(--ped-oro-suave);border-color:#9c6908;color:#4a3308}.catalogo-mayor .f-dir-cuenta button{min-height:44px;color:#3b2905;font-weight:850}
.cant-rapidos{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.cant-rapidos button{min-width:52px;min-height:44px;padding:8px 12px;border:1px solid #79a993;border-radius:11px;background:#0d4d38;color:#fff;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}.cant-rapidos button:hover,.cant-rapidos button:focus-visible{border-color:var(--ped-oro);background:#126449}.cant-modo{margin:10px 0 0;padding:11px 13px;border-left:4px solid var(--ped-oro);border-radius:0 10px 10px 0;background:#0a3f2e;color:#e2f0e9;font-size:.82rem;line-height:1.45}
.reparto-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;align-items:center;margin:0 0 12px;padding:13px 15px;border:1px solid #8d6623;border-radius:13px;background:#4d3617;color:#fff}.reparto-panel.ok{border-color:#62be89;background:#0b5138}.reparto-panel.sobra{border-color:#e58c68;background:#542b22}.reparto-panel strong{font-size:.9rem}.reparto-panel .reparto-cuenta{grid-column:2;grid-row:1 / span 2;color:#fff;font-size:1.02rem;font-weight:900;font-variant-numeric:tabular-nums}.reparto-panel small{color:#f6dfb5;line-height:1.35}.reparto-panel.ok small{color:#c9f2da}.reparto-panel.sobra small{color:#ffd6c8}.reparto-aviso{margin:0 0 12px;padding:10px 12px;border:1px solid #8d6623;border-radius:11px;background:#3e2f19;color:#ffe4ac;font-size:.8rem;line-height:1.4}.mez-agregar{display:flex;gap:8px;flex-wrap:wrap;margin:3px 0 11px}.mez-agregar button{min-height:44px}
.ped-resumen-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.ped-resumen-kpis>div{display:grid;gap:3px;padding:12px;border:1px solid #3f8062;border-radius:12px;background:#0d4d38}.ped-resumen-kpis strong{color:var(--ped-oro);font-size:1.3rem}.ped-resumen-kpis span{color:#c9ded4;font-size:.72rem;font-weight:800;text-transform:uppercase}.mayor-resumen-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:15px}.mayor-resumen-item .resumen-producto{display:grid;gap:4px}.mayor-resumen-item .resumen-producto>b{color:#fff}.mayor-resumen-item .resumen-mezclas{grid-column:1 / -1;display:grid;gap:5px;margin:10px 0 0;padding:10px 12px;border-radius:10px;background:#082f24;list-style:none}.mayor-resumen-item .resumen-mezclas li{display:flex;justify-content:space-between;gap:12px;color:#e2f0e9;font-size:.8rem;line-height:1.35}.mayor-resumen-item .resumen-mezclas li span:first-child{color:#a8f0c6;font-weight:850}.mayor-resumen-acciones{display:flex;align-items:center;gap:6px}.mayor-resumen-acciones button{min-width:70px!important;padding:8px 10px!important;border:1px solid #76a991!important;border-radius:10px!important;background:#0a3f2e!important;color:#fff!important;font:inherit!important;font-size:.78rem!important;font-weight:800!important}.mayor-resumen-acciones .quitar{border-color:#c56f5c!important;color:#ffd6ce!important}
.mayor-resumen-item.reparto-incompleto{border-color:#d89546;background:#4a351c}.mayor-resumen-item.reparto-incompleto .resumen-mezclas{background:#392912}.mayor-resumen-item.reparto-incompleto .resumen-mezclas li span:last-child{color:#ffe0a3;font-weight:850}

/* Último paso: dos decisiones cortas y reconocibles, no una pared de campos. */
.ped-etapa-cab{margin:0 0 18px}
.ped-etapa-cab>span{display:inline-flex;padding:5px 10px;border-radius:999px;background:var(--ped-oro);color:var(--ped-bosque);font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.ped-etapa-cab h2,.ped-etapa-cab h4{margin:9px 0 4px!important;font-size:1.45rem!important;color:var(--ped-tinta)!important}
.ped-etapa-cab p{margin:0;color:var(--ped-gris);line-height:1.5}
.ped-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.ped-form-card{min-width:0;padding:18px;border:1px solid #3f8062;border-radius:18px;background:linear-gradient(155deg,#0d543d,var(--ped-superficie));box-shadow:0 10px 24px rgba(0,0,0,.2)}
.ped-form-titulo{display:flex;gap:11px;align-items:center;margin:0 0 16px;padding-bottom:13px;border-bottom:1px solid #3f8062}
.ped-form-titulo>div{display:grid;gap:2px}.ped-form-titulo b{color:var(--ped-tinta);font-size:1rem}.ped-form-titulo small{color:var(--ped-gris);line-height:1.35}
.ped-form-icono{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#ffd167,var(--ped-oro));color:var(--ped-bosque);font-weight:900;box-shadow:0 5px 12px rgba(246,184,63,.2)}
.ped-form-card label:first-of-type{margin-top:0}.ped-form-card .chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.ped-opcion-label{margin:14px 0 6px;color:#dcebe4;font-size:.85rem;font-weight:750}
.pot-zona{margin-top:20px;padding:16px;border:1px solid #3f8062;border-radius:16px;background:#082f24}.pot-zona .ped-opcion-label{margin-top:0}.pot-zona .chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.pot-opcion{min-height:50px}
.pago-opcion{display:grid!important;grid-template-columns:42px 1fr;align-items:center;gap:10px;min-height:72px;text-align:left!important}.op-icono{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(246,184,63,.14);color:var(--ped-oro)}.op-icono svg{width:25px;height:25px}.pago-opcion.sel .op-icono{background:var(--ped-oro);color:var(--ped-bosque)}.op-texto{font-weight:850}

@media(max-width:720px){
  .catalogo-oscuro header{padding:6px 10px}.catalogo-oscuro header .cab{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;flex-wrap:nowrap}
  .catalogo-oscuro header .cab .logo{width:auto;height:36px}.catalogo-oscuro header nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));min-width:0;margin-left:0;gap:3px}
  .catalogo-oscuro header nav a{justify-content:center;min-width:0;padding:5px 2px;font-size:.69rem;line-height:1.15;text-align:center}
  .cat-hero{margin:14px 0 16px;padding:31px 21px;border-radius:22px}.cat-hero h1{font-size:clamp(2.05rem,10.5vw,3rem)}.cat-hero .cat-intro{font-size:.94rem}.cat-cta{width:100%;justify-content:center}
  .catalogo-mayor .cat-hero{padding:31px 21px}.catalogo-mayor .puerta{margin:8px auto 38px;padding:22px 17px!important}
  .catalogo-mayor .puerta-cuenta{grid-template-columns:1fr}.catalogo-mayor .mayor-encabezado{margin:30px 0 17px}
  .catalogo-mayor .cat-desc{grid-template-columns:1fr;padding:11px!important}.catalogo-mayor .mayor-dato{min-height:0;padding:14px}
  .catalogo-mayor .hoja-foto{height:190px;margin-bottom:17px}.catalogo-mayor .cat-barra{padding:14px!important;margin-bottom:22px}
  .catalogo-mayor .cat-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.catalogo-mayor .cat-pills button{width:100%;padding:9px 8px!important}
  .catalogo-mayor .prod-grilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;--ubol:.27px}.catalogo-mayor .prod-tarj{padding:11px}
  .catalogo-mayor .prod-tarj .p{font-size:1.45rem}.catalogo-mayor .prod-tarj .p2{align-items:flex-start;flex-direction:column;gap:2px}.catalogo-mayor .cat-pie{margin-bottom:46px}
  .mayor-sabores{margin-top:38px;padding:20px 14px;border-radius:21px}.mayor-sabores-cab{grid-template-columns:1fr}.mayor-sabores-dato{grid-template-columns:auto 1fr;justify-items:start;min-width:0}.mayor-sabores-dato strong{font-size:1.55rem}.mayor-sabores-dato span{margin:0 0 0 8px;text-align:left}.mayor-sabores-filtros{grid-template-columns:1fr;padding:13px}.mayor-sabores-filtros input,.mayor-sabores-filtros .sabores-pills{grid-column:1;grid-row:auto}.mayor-sabores-grilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mayor-sabor-card{grid-template-columns:44px minmax(0,1fr);gap:8px;padding:9px;min-height:78px}.mayor-sabor-foto{width:44px;height:44px;border-radius:12px}.mayor-combos-grilla{grid-template-columns:1fr}.mayor-sabores-cta{width:100%;justify-content:center}
  .asis-velo{padding:0}.asis{width:100%;height:100vh;max-height:100vh;min-height:0;border-radius:0;border:0}.asis-cab{padding:15px 16px}
  .asis-pasos{padding:10px 12px;overflow:hidden}.asis-pasos span{flex:1 1 0;min-width:0;min-height:34px;padding:6px 4px;font-size:0}
  .asis-pasos span::before{content:attr(data-numero);font-size:.72rem;font-weight:850}
  .asis-pasos span.actual{flex:2.25 1 0}
  .asis-pasos span.actual::before{content:attr(data-numero) " · " attr(data-nombre);font-size:.65rem;line-height:1.12}
  #paso-cuerpo{padding:19px 15px 16px;scrollbar-gutter:auto}.asis-acciones{padding:12px 15px calc(14px + env(safe-area-inset-bottom));gap:8px}
  .asis-acciones button,.asis-acciones a{flex:1;min-width:135px;justify-content:center;text-align:center}
  .suc-zona{grid-template-columns:1fr}.suc-big{min-height:0;padding:18px 16px}
  .contacto-wa-grid{grid-template-columns:1fr}.hoja-foto:not(.chica){height:180px;max-height:180px}
  .ped-form-grid{grid-template-columns:1fr}.ped-form-card{padding:15px;border-radius:15px}.ped-form-card .chips{grid-template-columns:1fr}.pot-zona .chips{grid-template-columns:repeat(2,minmax(0,1fr))}.ped-resumen-kpis{grid-template-columns:1fr 1fr}.ped-resumen-kpis>div:first-child{grid-column:1 / -1}.mayor-resumen-item{grid-template-columns:1fr}.mayor-resumen-acciones{margin-top:10px}.mayor-resumen-item .resumen-mezclas{grid-column:1}.reparto-panel{grid-template-columns:1fr}.reparto-panel .reparto-cuenta{grid-column:1;grid-row:auto}
}
@media(max-width:370px){
  .catalogo-mayor .cat-pills,.catalogo-mayor .prod-grilla,.mayor-sabores-grilla{grid-template-columns:1fr}.catalogo-mayor .prod-grilla{--ubol:.31px}
  .asis-acciones button,.asis-acciones a{min-width:118px;padding-left:12px;padding-right:12px;font-size:.88rem}
}
@supports(height:100dvh){@media(max-width:720px){.asis{height:100dvh;max-height:100dvh}}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}