/* REDISEÑO 2026 · BOLSA (barra verde de combos) Y PAGO. Lo escribe la pieza de bolsa/pago.
   Diseño: Bolsa.dc / Bolsa-Movil.dc / Datos.dc / Carrito.dc. Todo va colgado de clases rdb-* o de
   #buyModal para no tocar el resto de la tienda. Píldora (999px) en TODOS los botones. */
:root{
  --rdb-tinta:#0E0E0C;--rdb-gris:#5C5A55;--rdb-gris2:#3A3934;--rdb-borde:#ECE9E4;--rdb-borde-in:#A8A39A;
  --rdb-punto:#D9D5CE;--rdb-foto:#F5F3F0;--rdb-rojo:#C81B08;--rdb-rojo-txt:#B3170A;--rdb-verde:#15803D;
  --rdb-addi:#3B66F5;--rdb-addi-fondo:#F0F4FF
}

/* ── Contenedor: pantalla completa en celular Y en escritorio (el diseño es una página, no un cajón) ── */
#buyModal{font-family:Montserrat,system-ui,sans-serif;color:var(--rdb-tinta);background:#fff}
@media(min-width:700px){#buyModal.buy-modal{width:100%}}
.test-banner #buyModal{padding-top:30px}
#buyModal [hidden]{display:none!important}
#buyModal button{font-family:inherit}
#buyModal button:focus-visible,#buyModal input:focus-visible{outline:2px solid var(--rdb-tinta);outline-offset:2px}

/* ── Cabecera: volver / pasos / compra segura ── */
#buyModal .bm-head{display:block;position:relative;padding:0;border-bottom:0}
#buyModal .bm-head .cx{display:none}
#buyModal .bm-tabs{display:block;flex:none;gap:0}
.rdb-top{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"volver fin seguro" "pasos pasos pasos";align-items:center}
.rdb-volver{grid-area:volver;display:flex;align-items:center;gap:4px;height:44px;margin:8px 0 8px 12px;padding:0 4px;background:none;border:0;color:var(--rdb-tinta);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
.rdb-logo{display:none}
.rdb-fin{grid-area:fin;text-align:center;font-size:15px;font-weight:700}
.rdb-seguro{grid-area:seguro;display:flex;align-items:center;gap:4px;padding-right:16px;font-size:12px;font-weight:600;color:var(--rdb-gris2);white-space:nowrap}
.rdb-seg-corto{display:none}
.rdb-top-con-fin .rdb-seg-largo{display:none}
.rdb-top-con-fin .rdb-seg-corto{display:inline}
.rdb-pasos{grid-area:pasos;list-style:none;margin:0;padding:14px 16px;border-top:1px solid var(--rdb-borde);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.rdb-paso button{width:100%;display:flex;flex-direction:column;gap:6px;padding:0 0 4px;background:none;border:0;text-align:left;font-size:12px;font-weight:600;color:var(--rdb-gris);cursor:pointer}
.rdb-paso button:disabled{cursor:default}
.rdb-paso-barra{display:block;height:4px;border-radius:2px;background:var(--rdb-borde)}
.rdb-paso.on button{color:var(--rdb-tinta);font-weight:700}
.rdb-paso.hecho button{color:var(--rdb-gris2)}
.rdb-paso.on .rdb-paso-barra,.rdb-paso.hecho .rdb-paso-barra{background:var(--rdb-tinta)}
@media(min-width:700px){
  #buyModal .bm-head{border-bottom:1px solid var(--rdb-borde)}
  #buyModal .bm-head .cx{display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:999px;align-items:center;justify-content:center;background:#fff;border:1px solid var(--rdb-borde);font-size:15px;color:var(--rdb-tinta)}
  .rdb-top{max-width:1200px;margin:0 auto;padding:16px 64px 16px 24px;grid-template-columns:auto 1fr auto;grid-template-areas:"logo pasos seguro";column-gap:24px}
  .rdb-volver,.rdb-fin{display:none}
  .rdb-logo{grid-area:logo;display:flex;align-items:center;background:none;border:0;padding:0;color:var(--rdb-tinta);cursor:pointer}
  .rdb-logo svg{height:38px;width:auto;display:block}
  .rdb-pasos{display:flex;justify-content:center;gap:18px;padding:0;border:0}
  .rdb-paso button{display:block;width:auto;padding:0 0 2px;font-size:14px;border-bottom:2px solid transparent}
  .rdb-paso.on button{font-weight:800;border-bottom-color:var(--rdb-tinta)}
  .rdb-paso-barra{display:none}
  .rdb-seguro{padding:0;font-size:13px}
  .rdb-top-con-fin .rdb-seg-largo{display:inline}
  .rdb-top-con-fin .rdb-seg-corto{display:none}
}

/* ── Tipografía y botones comunes ── */
.rdb-h1{margin:0;font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.rdb-h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em}
.rdb-h3{margin:0;font-size:17px;font-weight:800}
@media(min-width:700px){.rdb-h1{font-size:40px;letter-spacing:-.03em}.rdb-h2{font-size:26px}.rdb-h3{font-size:18px}}
#buyModal .btnmain.rdb-btn{display:block;width:100%;height:auto;padding:17px 20px;border:0;border-radius:999px;background:var(--rdb-tinta);color:#fff;font-size:17px;font-weight:700;text-transform:none;letter-spacing:0;text-align:center;line-height:1.2}
#buyModal .btnmain.rdb-btn:disabled{background:var(--rdb-punto);color:var(--rdb-gris);opacity:1}
.rdb-btn-sec{height:40px;padding:0 18px;background:#fff;color:var(--rdb-tinta);border:2px solid var(--rdb-tinta);border-radius:999px;font-size:14px;font-weight:700;cursor:pointer}
.rdb-link{align-self:center;background:none;border:0;padding:4px;font-size:14px;font-weight:600;color:var(--rdb-tinta);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.rdb-link:hover{color:var(--rdb-rojo)}
.rdb-nota{margin:0;font-size:13px;font-weight:500;line-height:1.5;color:var(--rdb-gris2)}

/* ── PASO 1 · BOLSA ── */
#buyModal .bm-body{padding:0;background:#fff}
.rdb-bolsa{max-width:1200px;margin:0 auto;padding:4px 16px 28px;display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.rdb-col{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:14px}
#srList{display:flex;flex-direction:column;gap:14px}
@media(min-width:700px){.rdb-bolsa{padding:28px 24px 72px;gap:40px}.rdb-col{gap:20px}#srList{gap:20px}}
.rdb-vacia{max-width:520px;margin:0 auto;padding:40px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.rdb-vacia p{margin:0;font-size:15px;color:var(--rdb-gris2)}

/* Tarjeta de progreso del combo (escaleraAhorro en carrito.js) */
.esc-wrap.rdb-prog{margin:0;border:1px solid var(--rdb-borde);border-radius:16px;background:#fff;padding:14px;display:flex;flex-direction:column;gap:10px;animation:none;overflow:visible}
.esc-wrap.rdb-prog::after{display:none}
.rdb-sello{align-self:flex-start;background:var(--rdb-verde);color:#fff;border-radius:999px;font-size:12px;font-weight:700;padding:6px 12px;line-height:1.3}
.rdb-prog-msg{font-size:14px;font-weight:600;line-height:1.4}
.rdb-pista{position:relative;height:24px;margin:2px 11px 0}
.rdb-riel{position:absolute;left:-11px;right:-11px;top:7px;height:10px;border-radius:5px;background:var(--rdb-borde);overflow:hidden}
.rdb-barra{height:100%;border-radius:5px;background-color:var(--rdb-verde);transition:width .6s cubic-bezier(.16,1,.3,1)}
.rdb-rayas{background-image:linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.25) 75%,transparent 75%);background-size:20px 20px;animation:rdbRayas 1s linear infinite}
.rdb-hito{position:absolute;top:0;transform:translateX(-50%)}
.rdb-punto{width:24px;height:24px;box-sizing:border-box;border-radius:50%;background:#fff;border:2px solid var(--rdb-punto);color:var(--rdb-gris);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}
.rdb-punto.ok{background:var(--rdb-verde);border:0;color:#fff;font-size:13px;box-shadow:0 0 0 3px #fff}
.rdb-etqs{position:relative;height:32px;margin:0 11px}
.rdb-etq{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;white-space:nowrap;font-size:11px;font-weight:600;color:var(--rdb-gris);line-height:1.35}
.rdb-etq.ult{transform:translateX(calc(-100% + 12px));align-items:flex-end}
.rdb-etq.ok{font-weight:800;color:var(--rdb-verde)}
.esc-apply.rdb-aplicar{margin:2px 0 0;width:100%;height:auto;padding:13px 16px;text-transform:none;letter-spacing:0;border-radius:999px;background:var(--rdb-tinta);color:#fff;font-size:14px;font-weight:700;line-height:1.3}
.esc-apply.rdb-aplicar .esc-apply-monto{color:#fff;font-weight:800}
@media(min-width:700px){.esc-wrap.rdb-prog{padding:18px}.rdb-sello{font-size:13px}.rdb-prog-msg{font-size:15px}.rdb-etqs{height:34px}.rdb-etq{font-size:12px}}

/* Animaciones del combo (mismas curvas del diseño) */
.a-hito{animation:rdbHito .7s cubic-bezier(.34,1.56,.64,1) both}
.a-hito.a-lleno{animation:rdbHito .7s cubic-bezier(.34,1.56,.64,1) both,rdbLleno 1.2s ease-out .5s both}
.a-sello{animation:rdbSello .5s cubic-bezier(.34,1.56,.64,1) both}
@keyframes rdbHito{0%{transform:scale(.3)}55%{transform:scale(1.3);box-shadow:0 0 0 10px rgba(21,128,61,.22)}100%{transform:scale(1);box-shadow:0 0 0 3px #fff}}
@keyframes rdbSello{0%{transform:translateY(6px) scale(.9);opacity:0}100%{transform:none;opacity:1}}
@keyframes rdbLleno{0%{box-shadow:0 0 0 3px #fff,0 0 0 3px rgba(21,128,61,.45)}100%{box-shadow:0 0 0 3px #fff,0 0 0 16px rgba(21,128,61,0)}}
@keyframes rdbRayas{from{background-position:0 0}to{background-position:20px 0}}
@keyframes rdbPanel{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* Pares de la bolsa */
.rdb-item{display:flex;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--rdb-borde)}
.rdb-item-ph{width:88px;height:88px;flex-shrink:0;background:var(--rdb-foto);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.rdb-item-ph img{width:100%;height:100%;object-fit:contain}
.rdb-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.rdb-item-top{display:flex;justify-content:space-between;gap:8px}
.rdb-item-nom{font-size:14px;font-weight:700;line-height:1.3}
.rdb-item-precio{font-size:14px;font-weight:700;white-space:nowrap;text-align:right;display:flex;flex-direction:column}
.rdb-item-precio s{font-size:12px;font-weight:500;color:var(--rdb-gris)}
.rdb-item-talla{font-size:13px;font-weight:500;color:var(--rdb-gris)}
.rdb-item-acc{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rdb-qty{display:flex;align-items:center;border:1px solid var(--rdb-borde-in);border-radius:999px;overflow:hidden}
.rdb-qty button{width:40px;height:36px;border:0;background:#fff;font-size:18px;font-weight:600;color:var(--rdb-tinta);cursor:pointer}
.rdb-qty button:disabled{color:var(--rdb-punto);cursor:default}
.rdb-qty span{width:28px;text-align:center;font-size:15px;font-weight:700}
.rdb-elim{border:0;background:none;padding:6px 0;font-size:13px;font-weight:600;color:var(--rdb-gris2);text-decoration:underline;cursor:pointer}
.rdb-elim:hover{color:var(--rdb-rojo)}
@media(min-width:700px){
  .rdb-item{gap:16px;padding-bottom:20px}
  .rdb-item-ph{width:120px;height:120px}
  .rdb-item-info{gap:8px}
  .rdb-item-nom,.rdb-item-precio{font-size:16px}
  .rdb-item-talla,.rdb-elim{font-size:14px}
  .rdb-item-acc{margin-top:4px}
  .rdb-qty button{width:44px;height:44px;font-size:20px}
  .rdb-qty span{width:40px;font-size:16px}
}

/* Completa tu combo */
.rdb-sugs{display:flex;flex-direction:column;gap:12px;margin-top:10px}
.rdb-sugs-cab{display:flex;flex-direction:column;gap:4px}
.rdb-sugs-cab span{font-size:13px;font-weight:500;color:var(--rdb-gris);line-height:1.4}
.rdb-sugs-fila{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;margin:0 -16px;padding:0 16px;scrollbar-width:none}
.rdb-sugs-fila::-webkit-scrollbar{display:none}
.rdb-sug{flex:0 0 44%;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;min-width:0}
.rdb-sug-foto{display:block;width:100%;aspect-ratio:1/1;background:var(--rdb-foto);border-radius:12px;overflow:hidden;margin-bottom:2px}
.rdb-sug-foto img{width:100%;height:100%;object-fit:contain;display:block}
.rdb-sug-nom{font-size:13px;font-weight:600;line-height:1.35;min-height:35px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rdb-sug-precio{font-size:15px;font-weight:800}
.rdb-sug-add{margin-top:auto;height:36px;font-size:13px}
.rdb-sug.abierta .rdb-sug-add{display:none}
.rdb-sug-tallas{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px;animation:rdbPanel .25s ease both}
.rdb-sug-tallas button{height:36px;min-width:46px;padding:0 10px;border:1px solid var(--rdb-borde-in);border-radius:999px;background:#fff;font-size:13px;font-weight:700;color:var(--rdb-tinta);cursor:pointer}
.rdb-sug-tallas button:hover{border-color:var(--rdb-tinta)}
@media(min-width:700px){
  .rdb-sugs{gap:14px}
  .rdb-sugs-cab span{font-size:14px}
  .rdb-sugs-fila{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;overflow:visible}
  .rdb-sug:nth-child(n+4){display:none}
  .rdb-sug-foto{margin-bottom:4px}
  .rdb-sug-add{height:40px;font-size:14px}
  .rdb-sug-tallas button{height:32px;min-width:42px}
}

/* Resumen (aside en escritorio, tarjeta en celular) */
.rdb-resumen{flex:1 1 340px;min-width:0;box-sizing:border-box;border:1px solid var(--rdb-borde);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px}
.rdb-totales{display:flex;flex-direction:column;gap:12px}
.rdb-fila{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;font-weight:500}
.rdb-fila span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}
.rdb-desc{font-weight:700;color:var(--rdb-rojo-txt)}
.rdb-fina{font-size:12px;color:var(--rdb-gris)}
.rdb-fina span:last-child{white-space:normal}
.rdb-fuerte{font-weight:700}
.rdb-total{border-top:2px solid var(--rdb-tinta);padding-top:12px}
.rdb-total span:first-child{font-size:17px;font-weight:800}
.rdb-total span:last-child{font-size:26px;font-weight:800;letter-spacing:-.01em}
.rdb-cuotas{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--rdb-gris2)}
.rdb-cuotas img{height:14px;width:auto}
.rdb-resumen .rdb-ir,.rdb-resumen .rdb-link{display:none}
.rdb-garantias{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--rdb-borde);display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500;line-height:1.4;color:var(--rdb-gris2)}
.rdb-logos{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.rdb-logos img{height:18px;width:auto;display:block}
.rdb-logos img[alt="Bold"]{height:15px}
@media(min-width:700px){
  .rdb-resumen{padding:24px;gap:14px;position:sticky;top:20px}
  .rdb-totales{gap:14px}
  .rdb-fila{font-size:15px}
  .rdb-total{padding-top:14px}
  .rdb-total span:first-child{font-size:18px}
  .rdb-total span:last-child{font-size:30px}
  .rdb-cuotas{font-size:14px}
  .rdb-cuotas img{height:15px}
  .rdb-resumen .rdb-ir{display:block;margin-top:4px}
  .rdb-resumen .rdb-link{display:block}
  .rdb-garantias{padding-top:14px;gap:10px}
  .rdb-logos{gap:9px}
}

/* Barra fija de la bolsa en celular (total + ahorro + Ir a pagar). En escritorio el botón vive en el resumen. */
#buyModal .bm-foot{padding:0;border-top:0}
.rdb-pie{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-top:1px solid var(--rdb-borde);box-shadow:0 -6px 16px rgba(14,14,12,.06)}
.rdb-pie-tot{display:flex;flex-direction:column;gap:2px;flex-shrink:0}
.rdb-pie-monto{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}
.rdb-pie-ahorro{font-size:12px;font-weight:700;color:var(--rdb-verde)}
#buyModal .rdb-pie .btnmain.rdb-btn{flex:1;width:auto;padding:15px 8px;font-size:15px}
@media(min-width:700px){#buyModal[data-paso="bolsa"] .bm-foot{display:none}}

/* ── PASOS 2 Y 3 · DATOS Y PAGO (mismo DOM; data-paso decide cuál se ve) ── */
.rdb-checkout{max-width:640px;margin:0 auto;padding:4px 16px 0}
.rdb-checkout[data-paso="datos"] .rdb-pago,.rdb-checkout[data-paso="pago"] .rdb-datos{display:none}
.rdb-datos{display:flex;flex-direction:column;gap:18px;padding-bottom:calc(32px + env(safe-area-inset-bottom))}
@media(min-width:700px){.rdb-checkout{padding-top:28px}.rdb-datos{padding-bottom:72px}}
.rdb-h1-datos{font-size:24px;margin-top:6px}
@media(min-width:700px){.rdb-h1-datos{font-size:32px}}
.rdb-plegable{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:var(--rdb-foto);border:0;border-radius:10px;color:var(--rdb-tinta);text-align:left;cursor:pointer}
.rdb-pl-izq{display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.rdb-pl-ver{font-size:13px;font-weight:600}
.rdb-pl-txt{text-decoration:underline;text-underline-offset:2px}
.rdb-pl-ahorro{font-size:12px;font-weight:700;color:var(--rdb-rojo-txt)}
.rdb-pl-tot{font-size:20px;font-weight:800;white-space:nowrap}
.rdb-pl-lista{display:flex;flex-direction:column;gap:10px;margin-top:-8px}
.rdb-mini{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:600}
.rdb-mini-ph{width:52px;height:52px;flex-shrink:0;background:var(--rdb-foto);border-radius:6px;overflow:hidden}
.rdb-mini-ph img{width:100%;height:100%;object-fit:contain}
.rdb-mini-nom{flex:1;min-width:0}
.rdb-campo{display:flex;flex-direction:column;gap:6px}
.rdb-lbl{font-size:14px;font-weight:700}
.rdb-opc{font-weight:500;color:var(--rdb-gris)}
.rdb-ayuda{font-size:13px;font-weight:500;line-height:1.4;color:var(--rdb-gris)}
.rdb-campo input,.rdb-met-campo input{width:100%;box-sizing:border-box;height:52px;padding:0 14px;border:1px solid var(--rdb-borde-in);border-radius:10px;background:#fff;font-family:inherit;font-size:16px;font-weight:500;color:var(--rdb-tinta)}
.rdb-campo input:focus,.rdb-met-campo input:focus{border-color:var(--rdb-tinta);outline:0;box-shadow:0 0 0 1px var(--rdb-tinta)}
#buyModal .rdb-campo input:focus-visible,#buyModal .rdb-met-campo input:focus-visible{outline:0}
.rdb-campo.rdb-lleno input{border-color:var(--rdb-tinta)}
.rdb-campo.rdb-mal input{border:2px solid var(--rdb-rojo-txt);box-shadow:none}
.rdb-err{display:flex;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:700;line-height:1.35;color:var(--rdb-rojo-txt)}
.rdb-err:empty{display:none}
.rdb-err svg{flex-shrink:0}
.sf-consent.rdb-consent{margin:0;padding:0;border:0;display:flex;gap:12px;align-items:flex-start;font-size:14px;font-weight:500;line-height:1.45;color:var(--rdb-gris2);cursor:pointer}
.sf-consent.rdb-consent input{width:22px;height:22px;margin:0;flex-shrink:0;accent-color:var(--rdb-tinta)}
.sf-consent.rdb-consent a{color:var(--rdb-tinta)}
#buyModal .rdb-datos .ferr{margin:0;font-size:13px;font-weight:700;color:var(--rdb-rojo-txt)}

/* Paso 3 · Pago */
.rdb-pago{display:flex;flex-direction:column;gap:28px}
.rdb-pedido{display:flex;flex-direction:column;gap:12px}
.rdb-pedido .rdb-h1{font-size:24px}
@media(min-width:700px){.rdb-pedido .rdb-h1{font-size:32px}}
.rdb-ped-lista{display:flex;flex-direction:column;gap:12px}
.rdb-ped{display:flex;gap:12px;align-items:center}
.rdb-ped-ph{position:relative;width:64px;height:64px;flex-shrink:0;background:var(--rdb-foto);border-radius:10px;overflow:visible;display:flex;align-items:center;justify-content:center}
.rdb-ped-ph img{width:100%;height:100%;object-fit:contain;border-radius:10px}
.rdb-ped-qty{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:999px;background:var(--rdb-tinta);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.rdb-ped-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.rdb-ped-nom{font-size:14px;font-weight:600;line-height:1.3}
.rdb-ped-talla{font-size:13px;font-weight:500;color:var(--rdb-gris)}
.rdb-ped-precio{font-size:14px;font-weight:600;white-space:nowrap}
.rdb-pedido .rdb-totales{margin-top:4px;padding-top:14px;border-top:1px solid var(--rdb-borde);gap:10px}
.rdb-pedido .rdb-total span:first-child,.rdb-pedido .rdb-total span:last-child{font-size:20px}
.rdb-sig{margin:0;font-size:13px;line-height:1.45;color:var(--rdb-gris2)}
.rdb-link-in{background:none;border:0;padding:0;font-size:inherit;font-weight:700;color:var(--rdb-tinta);text-decoration:underline;cursor:pointer}
.rdb-pedido .cpromo{margin:0}
.rdb-pedido .cup-box input{border-radius:999px;padding:12px 16px;background:#fff;border:1px solid var(--rdb-borde-in)}
.rdb-pedido .cup-btn{border-radius:999px;padding:12px 20px;font-weight:700}
.rdb-metodos{display:flex;flex-direction:column;gap:14px}
.rdb-mets{display:flex;flex-direction:column;gap:10px}
.rdb-met{border:2px solid var(--rdb-punto);border-radius:16px;background:#fff;transition:border-color .15s,background-color .15s}
.rdb-met.on{border-color:var(--rdb-tinta)}
.rdb-met-addi.on{border-color:var(--rdb-addi);background:var(--rdb-addi-fondo)}
.rdb-met-pick{width:100%;display:flex;gap:12px;align-items:flex-start;padding:14px;background:none;border:0;border-radius:14px;text-align:left;color:var(--rdb-tinta);cursor:pointer}
.rdb-met.on .rdb-met-pick{cursor:default}
.rdb-radio{position:relative;width:20px;height:20px;box-sizing:border-box;flex-shrink:0;margin-top:1px;border:2px solid var(--rdb-tinta);border-radius:50%}
.rdb-met.on .rdb-radio::after{content:'';position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--rdb-tinta)}
.rdb-met-addi.on .rdb-radio::after{background:var(--rdb-addi)}
.rdb-met-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.rdb-met-tit{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:15px;font-weight:700}
.rdb-met-logo{height:18px;width:auto;display:block}
.rdb-met-badge{background:var(--rdb-addi);color:#fff;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}
.rdb-met-det{font-size:13px;font-weight:500;line-height:1.45;color:var(--rdb-gris2)}
.rdb-met-extra{padding:0 14px 14px 46px;display:flex;flex-direction:column;gap:10px;font-size:13px}
.rdb-met-extra>div[style]{border:0!important;padding:0!important;margin:0!important}
.rdb-met-extra input[type="tel"]{border-radius:10px!important;height:48px;font-size:16px!important}
.rdb-met-campo{display:flex;flex-direction:column;gap:6px}
.rdb-met-campo input{height:48px}
.rdb-met-nota{margin:0;font-size:13px;line-height:1.45;color:var(--rdb-gris2)}
.rdb-gws{display:flex;gap:10px;flex-wrap:wrap}
.rdb-gw{height:44px;padding:0 18px;background:#fff;border:1px solid var(--rdb-borde-in);border-radius:999px;display:flex;align-items:center;cursor:pointer}
.rdb-gw img{height:18px;width:auto;display:block}
.rdb-gw.on{border:2px solid var(--rdb-tinta);padding:0 17px}
#buyModal #bmInlineFoot{margin:0;padding-bottom:calc(32px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}
@media(min-width:700px){#buyModal #bmInlineFoot{padding-bottom:72px}}

/* ── Barra flotante de la bolsa (fuera del modal) en píldora ── */
.cart-bar .cart-bar-total{font-weight:800}

/* ── Movimiento reducido: sin rayas, saltos ni destellos ── */
@media (prefers-reduced-motion: reduce){
  .a-hito,.a-hito.a-lleno,.a-sello,.rdb-rayas,.rdb-sug-tallas{animation:none!important}
  .rdb-barra,.rdb-met{transition:none}
}

/* ── Revisión al detalle contra el lienzo (27-oct) ──
   El lienzo usa max-width:1200px en content-box (1200 de contenido + 24 de margen a cada lado);
   aquí todo es border-box, así que el tope es 1248 para que el contenido mida 1200 como en el diseño. */
@media(min-width:700px){
  .rdb-top{max-width:1248px;padding:16px 24px}
  .rdb-bolsa{max-width:1248px}
  .rdb-resumen{flex:1 1 390px}          /* 340 de contenido + 24×2 de relleno + 1×2 de borde */
  .rdb-item-precio{flex-direction:row;align-items:baseline;gap:8px}
  .rdb-item-precio s{font-size:13px}
}
/* "Ir a pagar" del resumen: solo en escritorio (en celular va en la barra fija de abajo) */
#buyModal .rdb-resumen .btnmain.rdb-ir{display:none}
@media(min-width:700px){#buyModal .rdb-resumen .btnmain.rdb-ir{display:block}}
/* "Talla 38 · Cambiar talla" (celular: "Cambiar") y sus tallas debajo */
.rdb-cambiar{border:0;background:none;padding:0;font-size:inherit;font-weight:600;color:var(--rdb-tinta);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.rdb-cambiar:hover{color:var(--rdb-rojo)}
.rdb-solo-d{display:none}
@media(min-width:700px){.rdb-solo-d{display:inline}}
.rdb-item-tallas{display:flex;flex-wrap:wrap;gap:6px;animation:rdbPanel .25s ease both}
.rdb-item-tallas button{height:32px;min-width:42px;padding:0 10px;border:1px solid var(--rdb-borde-in);border-radius:999px;background:#fff;font-size:13px;font-weight:700;color:var(--rdb-tinta);cursor:pointer}
.rdb-item-tallas button:hover{border-color:var(--rdb-tinta)}
/* Paso 3: fotos del pedido con radio 6 como el lienzo; enlace de ayuda alineado a la izquierda */
.rdb-ped-ph,.rdb-ped-ph img{border-radius:6px}
.rdb-link.rdb-link-izq{align-self:flex-start;padding:0;text-align:left;line-height:1.4}

/* ── 28-oct · CELULAR MÁS COMPACTO Y AMIGABLE (bolsa, datos y pago) ── tamaños más pequeños, mismo orden. */
@media(max-width:699px){
  #buyModal .rdb-h1{font-size:22px;letter-spacing:-.02em}
  #buyModal .rdb-h1-datos{font-size:20px;margin:4px 0 2px}
  #buyModal .rdb-h2{font-size:18px}
  .rdb-pasos{padding:10px 16px;font-size:11px}
  .esc-wrap.rdb-prog{padding:12px;gap:8px;border-radius:14px}
  .rdb-prog-msg{font-size:13px;line-height:1.35}
  .esc-apply.rdb-aplicar{padding:10px 14px;font-size:13px}
  .rdb-item{gap:10px;padding-bottom:12px}
  .rdb-item-ph{width:68px;height:68px;border-radius:10px}
  .rdb-item-info{gap:4px}
  .rdb-item-nom,.rdb-item-precio{font-size:13px}
  .rdb-item-talla{font-size:12px}
  .rdb-qty button{width:32px;height:30px;font-size:16px}
  .rdb-qty span{width:22px;font-size:13px}
  .rdb-item-acc button:not(.rdb-qty button),.rdb-item-acc a{font-size:12px}
}

/* ── FORMULARIO CON ETIQUETAS FLOTANTES (referencia Feuxui: etiqueta flotante, campos grandes y esquinas suaves) ── */
.rdb-datos-flot{display:flex;flex-direction:column;gap:10px}
.rdb-flot{position:relative;display:block}
.rdb-flot input{width:100%;box-sizing:border-box;height:56px;padding:22px 14px 6px;border:1px solid #DDD9D2;border-radius:14px;background:#F7F6F3;font-family:inherit;font-size:16px;font-weight:600;color:var(--rdb-tinta,#0E0E0C);transition:border-color .15s,background-color .15s}
.rdb-flot .rdb-lbl{position:absolute;left:15px;top:18px;margin:0;font-size:15px;font-weight:500;color:#6B6862;pointer-events:none;transition:top .15s,font-size .15s,color .15s}
.rdb-flot input:focus,.rdb-flot input:not(:placeholder-shown){background:#fff}
.rdb-flot input:focus{border-color:#0E0E0C;box-shadow:0 0 0 1px #0E0E0C;outline:0}
.rdb-flot input:focus+.rdb-lbl,.rdb-flot input:not(:placeholder-shown)+.rdb-lbl{top:8px;font-size:11px;font-weight:600;color:#6B6862}
.rdb-flot.rdb-mal input{border-color:#B3170A;box-shadow:0 0 0 1px #B3170A}
.rdb-flot .rdb-err:not(:empty){display:flex;margin-top:4px}
.rdb-fila2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rdb-oculto{display:none}
.rdb-btn-flecha{display:flex!important;align-items:center;justify-content:center;gap:10px}
.rdb-btn-flecha .rdb-flecha{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#fff;color:#0E0E0C;font-size:16px;font-weight:800;line-height:1}
.rdb-datos-flot .rdb-consent{font-size:12px;line-height:1.45}

/* ── 28-oct · bolsa en celular: tarjetas parejas, resumen con menos texto, barra verde más delgada ── */
/* "Completa tu combo": nombre en UNA línea (con "…") para que todas las tarjetas queden parejas. */
.rdb-sug-nom{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:unset;min-height:0}
/* Total con la cuota de Addi debajo. */
.rdb-total-cuotas{justify-content:flex-end!important;margin-top:-4px;font-size:13px;font-weight:500;color:var(--rdb-gris)}
.rdb-total-cuotas b{color:var(--rdb-tinta,#0E0E0C)}
.rdb-total-cuotas img{height:13px;width:auto;vertical-align:-2px;margin-left:2px}
/* Lo que recibes: 3 íconos con texto corto; el detalle en "Ver más". */
.rdb-iconos{list-style:none;margin:6px 0 0;padding:12px 0 0;border-top:1px solid var(--rdb-borde);display:grid;grid-template-columns:repeat(3,1fr);gap:6px;text-align:center}
.rdb-iconos li{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--rdb-tinta,#0E0E0C);line-height:1.2}
.rdb-iconos svg{width:26px;height:26px;padding:8px;box-sizing:content-box;border-radius:50%;background:#F2F1EE;fill:none;stroke:#0E0E0C;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.rdb-vermas{margin-top:2px}
.rdb-vermas summary{cursor:pointer;list-style:none;text-align:center;font-size:12.5px;font-weight:700;text-decoration:underline;color:var(--rdb-tinta,#0E0E0C)}
.rdb-vermas summary::-webkit-details-marker{display:none}
.rdb-vermas .rdb-garantias{margin:10px 0 0;padding:0 0 0 16px;font-size:12.5px;line-height:1.5;color:var(--rdb-gris)}
/* Tarjeta de la barra verde: mensaje en una línea, barra y puntos más pequeños, etiquetas de una línea. */
.rdb-prog-msg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rdb-prog-msg b{color:#15803D}
.rdb-pista{height:18px;margin:2px 9px 0}
.rdb-riel{top:6px;height:6px;left:-9px;right:-9px;border-radius:3px}
.rdb-punto{width:18px;height:18px;font-size:10px;border-width:1.5px}
.rdb-punto.ok{font-size:10px;box-shadow:0 0 0 2px #fff}
.rdb-etqs{height:16px;margin:0 9px}
.rdb-etq{flex-direction:row;gap:4px;font-size:11px}
@media(max-width:699px){.rdb-etq>span:first-child{display:none}}
@media(min-width:700px){.rdb-etqs{height:18px}}

/* 28-oct: íconos de "lo que recibes" un poco más pequeños; logos de pago centrados y más grandes. */
.rdb-iconos{gap:4px;padding-top:10px}
.rdb-iconos li{gap:4px;font-size:10.5px}
.rdb-iconos svg{width:18px;height:18px;padding:7px}
#buyModal .rdb-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;margin-top:12px}
#buyModal .rdb-logos img{height:22px;width:auto}
#buyModal .rdb-logos{flex-wrap:nowrap;gap:12px}
#buyModal .rdb-logos img{height:20px;max-width:22%;object-fit:contain}
#buyModal .rdb-logos img[alt="Bold"]{height:17px}
#buyModal .rdb-logos img[alt="Mastercard"]{height:24px}
/* Logos de pago arriba (justo bajo el total) e íconos de lo que recibes debajo. */
#buyModal .rdb-resumen .rdb-logos{margin:8px 0 2px;padding-top:12px;border-top:1px solid var(--rdb-borde)}
#buyModal .rdb-resumen .rdb-iconos{margin-top:10px}

/* ── 28-oct · paso Pago ── */
/* Código promocional entre Envío y Total: las filas de #srTotals pasan a ser hijas directas del flex (display:contents)
   y se reordenan; #srTotals se sigue repintando igual (bmRefreshTotales) y el cupón no pierde lo que se escribe. */
.rdb-pedido #srTotals{display:contents}
.rdb-pedido #srTotals>.rdb-fila{order:1}
.rdb-pedido #srTotals>.rdb-fila:first-child{margin-top:4px;padding-top:14px;border-top:1px solid var(--rdb-borde)}
.rdb-pedido #srCupon{order:2}
.rdb-pedido #srTotals>.rdb-total{order:3;margin-top:2px;padding-top:12px;border-top:2px solid var(--rdb-tinta,#0E0E0C)}
.rdb-pedido #srTotals>.rdb-total-cuotas{order:4;margin-top:-10px}
.rdb-pedido .rdb-sig{order:5}
.rdb-pedido .cpromo-toggle{font-size:13px}
/* Total más grande; las cuotas justo debajo del monto, alineadas a su derecha. */
.rdb-pedido .rdb-total span:first-child{font-size:20px}
.rdb-pedido .rdb-total span:last-child{font-size:28px;letter-spacing:-.02em}
/* Métodos de pago compactos: una línea por método; la descripción solo en el elegido. */
.rdb-mets{gap:8px}
.rdb-met{border-width:1.5px;border-radius:14px}
.rdb-met-pick{padding:11px 12px;gap:10px;align-items:center}
.rdb-met-txt{gap:3px}
.rdb-met-tit{font-size:14px}
.rdb-met-logo{max-height:16px}
.rdb-met-badge{font-size:10px;padding:2px 7px}
.rdb-met-det{display:none;font-size:12px;line-height:1.4}
.rdb-met.on .rdb-met-det{display:block}
.rdb-met.on .rdb-met-pick{align-items:flex-start}
.rdb-radio{width:18px;height:18px}
.rdb-met.on .rdb-radio::after{width:8px;height:8px;margin:-4px 0 0 -4px}
.rdb-met-extra{padding:0 12px 12px 40px}
/* Bolsa en celular: tarjetas de "Completa tu combo" más pequeñas. */
@media(max-width:699px){
  .rdb-sug{flex:0 0 36%;gap:4px}
  .rdb-sug-foto{border-radius:10px}
  .rdb-sug-nom{font-size:12px}
  .rdb-sug-precio{font-size:13px}
  .rdb-sug-add{height:32px;font-size:12px}
  .rdb-sug-tallas button{height:30px;min-width:36px;padding:0 6px;font-size:12px}
}
/* Correo dentro de la tarjeta de Addi/Nequi/Bancolombia: campo compacto, del mismo estilo y ancho que la tarjeta. */
.rdb-met-campo{display:flex;flex-direction:column;gap:4px;margin-top:2px}
.rdb-met-campo .rdb-lbl{font-size:12px;font-weight:700}
.rdb-met-campo .rdb-ayuda{font-size:11.5px;line-height:1.35}
#buyModal .rdb-met-campo input{height:40px;padding:0 12px;border-radius:10px;font-size:15px;border:1px solid #DDD9D2;background:#fff}
#buyModal .rdb-met-campo input:focus{border-color:var(--rdb-addi,#3B66F5);box-shadow:0 0 0 1px var(--rdb-addi,#3B66F5)}
.rdb-met-extra{padding:0 12px 12px 40px;box-sizing:border-box}