/* Pack Builder — hereda tipografía y colores de Woodmart / Elementor */
.wcpb{
	--wcpb-accent:var(--wd-primary-color,var(--e-global-color-primary,#111));
	--wcpb-text:var(--wd-text-color,var(--e-global-color-text,#333));
	--wcpb-title:var(--wd-title-color,var(--e-global-color-secondary,#111));
	--wcpb-border:var(--wd-form-brd-color,rgba(0,0,0,.14));
	--wcpb-radius:var(--wd-brd-radius,10px);
	--wcpb-font:var(--wd-text-font,var(--e-global-typography-text-font-family,inherit));
	--wcpb-font-title:var(--wd-title-font,var(--e-global-typography-primary-font-family,inherit));
	margin:24px 0;color:var(--wcpb-text);font-family:var(--wcpb-font);font-size:inherit;
}
.wcpb [hidden],.wcpb-sticky[hidden]{display:none!important}
.wcpb *{box-sizing:border-box}
.wcpb-size{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.wcpb-size__label{font-family:var(--wcpb-font-title);font-weight:600;color:var(--wcpb-title)}
.wcpb-notice{margin:0 0 12px;padding:10px 14px;border-radius:var(--wcpb-radius);background:color-mix(in srgb,var(--wcpb-accent) 8%,transparent);border:1px dashed var(--wcpb-accent);font-size:.92em}
.wcpb-error{margin:12px 0 0;padding:10px 14px;border-radius:var(--wcpb-radius);background:#fdecea;color:#8a1f17;font-size:.92em}
.wcpb-list{display:flex;flex-direction:column;gap:12px}

.wcpb-bundle{border:2px solid var(--wcpb-border);border-radius:var(--wcpb-radius);background:#fff;transition:border-color .15s,box-shadow .15s,opacity .15s;overflow:hidden}
.wcpb-bundle.is-selected{border-color:var(--wcpb-accent);box-shadow:0 0 0 1px var(--wcpb-accent)}
.wcpb-bundle.is-locked .wcpb-card{opacity:.6}
.wcpb-bundle.is-soldout{opacity:.55}
.wcpb-bundle.is-soldout .wcpb-card{cursor:not-allowed}
.wcpb-card{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:14px;width:100%;padding:14px;cursor:pointer;font-family:inherit;color:inherit}
.wcpb-card:focus-visible{outline:2px solid var(--wcpb-accent);outline-offset:-4px}
.wcpb-card__radio{flex:0 0 20px;width:20px;height:20px;border-radius:50%;border:2px solid var(--wcpb-border);position:relative}
.wcpb-bundle.is-selected .wcpb-card__radio{border-color:var(--wcpb-accent)}
.wcpb-bundle.is-selected .wcpb-card__radio::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--wcpb-accent)}
.wcpb-card__media{flex:0 0 72px}
.wcpb-card__img{display:block;width:72px;height:72px;object-fit:cover;border-radius:calc(var(--wcpb-radius) - 2px)}
.wcpb-card__body{flex:1 1 auto;display:flex;flex-direction:column;gap:3px;min-width:0}
.wcpb-card__title{font-family:var(--wcpb-font-title);font-weight:700;font-size:1.05em;color:var(--wcpb-title);line-height:1.25}
.wcpb-card__sub{font-size:.88em;opacity:.8}
.wcpb-card__badge{align-self:flex-start;font-size:.72em;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:99px;background:var(--wcpb-accent);color:#fff}
.wcpb-card__state{font-size:.85em;font-weight:600;color:#8a1f17}
.wcpb-card__prices{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
.wcpb-card__before{font-size:.85em;opacity:.65}
.wcpb-card__now{font-family:var(--wcpb-font-title);font-weight:800;font-size:1.35em;color:var(--wcpb-title);line-height:1.1}
.wcpb-card__save{font-size:.78em;font-weight:700;padding:2px 8px;border-radius:99px;background:color-mix(in srgb,var(--wcpb-accent) 12%,transparent);color:var(--wcpb-accent)}

.wcpb-slots{padding:4px 14px 14px;border-top:1px solid var(--wcpb-border)}
.wcpb-slot{padding:12px 0;border-bottom:1px dashed var(--wcpb-border)}
.wcpb-slot:last-child{border-bottom:0;padding-bottom:0}
.wcpb-slot__title{font-weight:700;color:var(--wcpb-title);margin-bottom:8px;font-size:.95em}
.wcpb-slot__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}
.wcpb-slot__label{font-size:.85em;opacity:.8;min-width:54px}
.wcpb-chips{display:flex;gap:8px;flex-wrap:wrap}
.wcpb-chip{all:unset;box-sizing:border-box;cursor:pointer;padding:7px 14px;border:1.5px solid var(--wcpb-border);border-radius:var(--wcpb-radius);font-size:.9em;line-height:1.2;background:#fff;color:var(--wcpb-text);transition:border-color .12s,background .12s}
.wcpb-chip:hover:not(:disabled){border-color:var(--wcpb-accent)}
.wcpb-chip:focus-visible{outline:2px solid var(--wcpb-accent);outline-offset:2px}
.wcpb-chip.is-selected{border-color:var(--wcpb-accent);background:var(--wcpb-accent);color:#fff}
.wcpb-chip:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}

.wcpb-cta{display:block;width:100%;margin-top:16px;cursor:pointer}
.wcpb-cta:disabled{opacity:.5;cursor:not-allowed}
.wcpb-cta.is-loading{opacity:.7;pointer-events:none}

@keyframes wcpb-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.wcpb-shake{animation:wcpb-shake .3s 2}
@media (prefers-reduced-motion:reduce){.wcpb-shake{animation:none}.wcpb-bundle{transition:none}}

/* Barra fija inferior */
.wcpb-sticky{position:fixed;left:0;right:0;bottom:0;z-index:9990;display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid rgba(0,0,0,.1);box-shadow:0 -4px 18px rgba(0,0,0,.08)}
.wcpb-sticky__info{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.wcpb-sticky__title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wcpb-sticky__price{font-size:.95em}
.wcpb-sticky__btn{flex:1 1 auto;max-width:360px;margin-left:auto;cursor:pointer}
body.wcpb-sticky-on{padding-bottom:76px}
.wcpb-fixed{font-weight:600;color:var(--wcpb-title)}
.wcpb-hint{padding:14px;border:1px dashed var(--wcpb-border,#ccc);border-radius:8px;text-align:center;opacity:.8}