/* Tabla de tramos (ficha) */
/* Precio en tarjetas */
.cl-cp{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.cl-cp b{font-size:16px;font-weight:900;color:#0a7d33}
.cl-cp small{font-size:11.5px;color:var(--muted,#75736c);line-height:1.25}
.pdp-price .cl-pp{display:block;font-size:14px;font-weight:700;color:#0a7d33;margin-top:4px}
/* Aviso carrito / checkout / mini-carrito */
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{margin-top:0}
.cl-cp b{font-size:18px}
.cl-cp span{font-size:13px;font-weight:800;color:#0a7d33;line-height:1.1}
.cl-cp small{font-size:11px}

/* Cantidad en mini-carrito */
.drawer .qrow{display:flex;align-items:center;gap:14px;margin-top:8px}
.drawer .qty{display:inline-flex;align-items:center;border:2px solid #0d0d0d;border-radius:12px;overflow:hidden;background:#fff}
.drawer .qty button{width:46px;height:46px;font-size:26px;font-weight:900;line-height:1;background:#fff;color:#0d0d0d;border:0;cursor:pointer;touch-action:manipulation}
.drawer .qty button:active{background:#eee}
.drawer .qty span{min-width:38px;text-align:center;font-size:20px;font-weight:900}
.drawer .qty.busy{opacity:.55;pointer-events:none}
.drawer .qrow .rm{font-size:14px;text-decoration:underline}
/* Cantidad en carrito (bloque) */
.wc-block-cart .wc-block-components-quantity-selector{border:2px solid #0d0d0d!important;border-radius:12px!important;min-height:50px;width:auto!important;max-width:170px}
.wc-block-cart .wc-block-components-quantity-selector:after{display:none}
.wc-block-cart .wc-block-components-quantity-selector__button{min-width:50px!important;font-size:28px!important;font-weight:900!important;color:#0d0d0d!important;opacity:1!important}
.wc-block-cart .wc-block-components-quantity-selector__input{font-size:20px!important;font-weight:900!important;min-width:44px}
.wc-block-cart .wc-block-cart-item__remove-link{font-size:15px!important;min-width:44px;min-height:44px}
.drawer #items .item>b{white-space:nowrap}

/* Ficha: aviso de talla sin elegir */
@keyframes clShake{0%,100%{transform:translateX(0)}15%,55%{transform:translateX(-8px)}35%,75%{transform:translateX(8px)}90%{transform:translateX(-3px)}}
@keyframes clFlash{0%,100%{background:#fff}30%,70%{background:#ffe1e1}}
.pdp-sizes.need{animation:clShake .55s ease 2}
.pdp-sizes.need button{border-color:#e0261b!important;color:#b3140b;box-shadow:0 0 0 2px #e0261b inset;animation:clFlash .8s ease 2}
.pdp-need{margin:10px 0 4px;padding:10px 14px;border-radius:12px;background:#e0261b;color:#fff;font-size:17px;font-weight:900;text-align:center;line-height:1.2}
.pdp-need.pulse{animation:clShake .45s ease 1}
.pdp-need[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.pdp-sizes.need,.pdp-sizes.need button,.pdp-need.pulse{animation:none}}

/* Barra de progreso del aviso */
@keyframes clPop{0%{transform:scale(1)}40%{transform:scale(1.22)}70%{transform:scale(.95)}100%{transform:scale(1)}}
@keyframes clGlow{0%{box-shadow:0 0 0 0 rgba(10,125,51,.55)}100%{box-shadow:0 0 0 14px rgba(10,125,51,0)}}
/* Celebración */
.cl-confetti{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:2147483646}
.cl-cel{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 8px);transform:translate(-50%,-160%);z-index:2147483647;pointer-events:none;max-width:94vw;white-space:nowrap;background:#0d0d0d;color:#fff;border-radius:99px;padding:9px 16px;box-shadow:0 8px 22px rgba(0,0,0,.3);transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s;opacity:0;font-size:14px}
.cl-cel.on{transform:translate(-50%,0);opacity:1}
.cl-cel .t{font-weight:900}
.cl-cel .sv{font-weight:900;color:#2ee26b;font-size:16px}
.cl-cel .sv i{font-style:normal;font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){.cl-tn-bar i,.cl-cel{transition:none}.cl-tn-steps li.pop,.cl-tn.up{animation:none}}

/* Pista multi-compra junto a precios de 1 unidad */
.cl-hint{display:block;margin:4px 0 0;font-size:14px;font-weight:800;color:#0a7d33;line-height:1.2}
.pdp-sticky .pr{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}
.pdp-sticky .cl-hint{font-size:11px;margin:2px 0 0;white-space:nowrap}
.cq-so-price .cl-hint{font-size:11px;margin-top:2px;white-space:nowrap}
.cq-so-price{display:flex;flex-direction:column;align-items:flex-end}


/* Tira compacta de tramos (ficha) */
.cl-tt{margin:10px 0 12px;padding:8px 8px 6px;border:2px solid #0d0d0d;border-radius:14px;background:#fff}
.cl-tt-h{margin:0 0 6px;font-size:clamp(13px,4vw,16px);letter-spacing:-.01em;font-weight:900;line-height:1.2;text-align:center;white-space:nowrap}
.cl-tt-s{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.cl-tt-s .c{background:#efede6;border-radius:10px;padding:6px 2px 5px;text-align:center;line-height:1.1}
.cl-tt-s .n{display:block;font-size:17px;font-weight:900}
.cl-tt-s .p{display:block;font-size:15px;font-weight:900;white-space:nowrap;letter-spacing:-.02em}
.cl-tt-s small{display:block;font-size:10px;color:#75736c;min-height:12px}
.cl-tt-s .c.best{background:#0a7d33;color:#fff;box-shadow:0 3px 10px rgba(10,125,51,.35)}
.cl-tt-s .c.best em{display:block;font-style:normal;font-size:10px;font-weight:800;color:#d9ffe4;min-height:12px;white-space:nowrap}
.cl-tt-f{margin:5px 0 0;font-size:11px;color:#75736c;text-align:center}
/* Aviso de carrito / mini-carrito */
.cl-tn{background:#fff;border:2px solid #0a7d33;border-radius:14px;padding:10px;margin:0 0 12px}
#drawer .cl-tn{margin:10px 16px 0}
.cl-tn-now{margin:0 0 8px;font-size:15px;line-height:1.25}
.cl-tn-now .sv{color:#0a7d33;font-weight:900}
.cl-tn-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:0 0 10px;padding:0}
.cl-tn-steps li{background:#e9e7e0;padding:5px 2px;text-align:center;font-size:11px;line-height:1.15;color:#666}
.cl-tn-steps li:first-child{border-radius:8px 0 0 8px}.cl-tn-steps li:last-child{border-radius:0 8px 8px 0}
.cl-tn-steps li b{display:block;font-size:14px;color:#333}
.cl-tn-steps li.on{background:#0a7d33;color:#fff}.cl-tn-steps li.on b{color:#fff}
.cl-tn-steps li.cur{box-shadow:inset 0 0 0 3px #0d0d0d}
.cl-tn-cta{display:block;background:#0a7d33;color:#fff!important;text-align:center;font-weight:900;font-size:16px;padding:13px 10px;border-radius:12px;text-decoration:none!important;touch-action:manipulation}
.cl-tn-cta:active{transform:scale(.98)}
.cl-tn-max{margin:0;background:#e7f7ec;color:#0a7d33;text-align:center;font-weight:900;font-size:16px;padding:11px;border-radius:12px}
@keyframes clPop{0%{transform:scale(1)}40%{transform:scale(1.18)}70%{transform:scale(.96)}100%{transform:scale(1)}}
.cl-tn-steps li.pop{animation:clPop .5s ease .15s both}
@keyframes clGlow{0%{box-shadow:0 0 0 0 rgba(10,125,51,.55)}100%{box-shadow:0 0 0 14px rgba(10,125,51,0)}}
.cl-tn.up{animation:clGlow .9s ease-out}
@media (prefers-reduced-motion:reduce){.cl-tn-steps li.pop,.cl-tn.up{animation:none}}
/* Precio por camiseta en el mini-carrito */
#drawer .cl-up{display:block;margin-top:2px;font-size:14px}
#drawer .cl-up s{color:#8a877f;margin-right:4px}
#drawer .cl-up b{color:#0a7d33;font-weight:900}/* Pista pegada al precio */
.pdp-price:has(+ .cl-hint){margin-bottom:0!important;padding-bottom:0!important}
.pdp-price:has(+ .cl-hint) b{line-height:1.1}
.pdp-info > .pdp-price + .cl-hint{margin:-13px 0 0!important;line-height:1.15}
.pdp-sticky .pr .cl-hint{margin:2px 0 0!important}

/* Carrito (bloque): precio nuevo en verde junto al tachado */
.wc-block-cart .wc-block-components-product-price__value.is-discounted,.wc-block-checkout .wc-block-components-product-price__value.is-discounted{color:#0a7d33;font-weight:900}
.wc-block-cart .wc-block-components-product-price__regular{color:#8a877f}