/* EL ENVÍO DENTRO DEL PRECIO DE CADA PAN (0386 · 19-oct-2026) — assets/js/envio-incluido.js.
   Una tarjeta arriba de Precios y envíos. El estado en losa sólida (verde = encendido, gris = apagado); cada interruptor,
   dos botones con palabra (Apagado / Encendido), como un kiosco: se entiende sin leer el texto. */
.ei{ margin:0 0 22px; }
.ei-caja{ background:var(--card, #fff); border:1px solid var(--br); border-radius:20px; padding:20px 22px; }
.ei-cab{ display:flex; align-items:flex-start; gap:14px; }
.ei-cab > div{ flex:1; min-width:0; }
.ei-cab h2{ margin:0; font-size:var(--fs-lg, 18px); font-weight:800; color:var(--tx); }
.ei-cab p{ margin:4px 0 0; font-size:14px; color:var(--tx-2); line-height:1.45; }
.ei-ico{ flex:none; display:grid; place-content:center; width:44px; height:44px; border-radius:12px; background:var(--sf2, #f2f2f2);
  color:var(--azul-apple, #0071e3); font-size:19px; }
.ei-est{ flex:none; display:inline-flex; align-items:center; height:28px; padding:0 12px; border-radius:8px; font-size:12.5px;
  font-weight:700; white-space:nowrap; color:#fff; }
.ei-est.si{ background:#188038; }
.ei-est.no{ background:#ececec; color:#4a4a4a; }
.ei-ej{ display:grid; grid-template-columns:auto auto auto; justify-content:start; align-items:center; gap:14px 32px; margin:18px 0 6px;
  padding:14px 16px; border-radius:14px; background:var(--sf2, #f2f2f2); }
.ei-ej > div{ display:grid; gap:3px; font-size:14px; color:var(--tx-2); }
.ei-ej b{ color:var(--tx); font-weight:800; font-variant-numeric:tabular-nums; }
.ei-ej-t{ font-size:12px; font-weight:700; color:var(--tx-3); }
.ei-ej > i{ color:var(--tx-3); }
.ei-fila{ display:flex; align-items:center; gap:16px; padding:14px 0; }
.ei-fila + .ei-fila{ border-top:1px solid var(--br); }
.ei-tx{ flex:1; min-width:0; display:grid; gap:3px; }
.ei-tx b{ font-size:15px; font-weight:700; color:var(--tx); }
.ei-tx span{ font-size:13.5px; color:var(--tx-2); line-height:1.45; }
.ei-seg{ flex:none; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:6px; }
.ei-b{ height:44px; min-width:112px; padding:0 16px; border:0; border-radius:12px; background:var(--sf2, #f2f2f2); color:var(--tx);
  font:inherit; font-size:14px; font-weight:600; cursor:pointer; transition:background-color .15s ease-out, color .15s ease-out; }
.ei-b.no.on{ background:#4a4a4a; color:#fff; font-weight:800; }
.ei-b.si.on{ background:#188038; color:#fff; font-weight:800; }
.ei-b:disabled{ cursor:progress; opacity:.7; }
.ei-b:focus-visible{ outline:2px solid var(--azul-apple, #0071e3); outline-offset:2px; }
@media (hover:hover){ .ei-b:not(.on):not(:disabled):hover{ background:#e6e6e6; } }
.ei-nota{ margin:10px 0 0; font-size:13px; color:var(--tx-3); line-height:1.45; }
.ei-err{ margin:0; font-size:14px; color:var(--tx-2); }
@media (max-width:760px){
  .ei-fila{ flex-direction:column; align-items:stretch; gap:10px; }
  .ei-ej{ grid-template-columns:1fr; }
  .ei-ico{ display:none; }
  .ei-ej > i{ transform:rotate(90deg); justify-self:center; }
  .ei-b{ min-width:0; }
}
@media (prefers-reduced-motion:reduce){ .ei-b{ transition:none; } }