/* ==========================================================================
   Rancheando — freeship.css
   Barra de progreso de envío gratis. Reusable en carrito, producto y archivo.
   El padding exterior lo da el contenedor de contexto (.cart-freeship /
   .pdp-freeship / .archive-freeship); la barra en sí es igual en los tres.
   ========================================================================== */

.rnc-freeship-wrap { width: 100%; }

.freeship-bar { background: var(--crema); border: 1px solid var(--arena-med); padding: 14px 18px; }
.fsb-text { font-size: 13px; color: var(--texto-2); font-weight: 300; margin-bottom: 10px; }
.fsb-text strong { color: var(--verde-ok); font-weight: 500; }
.fsb-track { height: 6px; background: var(--arena-med); border-radius: 3px; overflow: hidden; }
.fsb-fill { height: 100%; background: linear-gradient(90deg, var(--camel), var(--verde-ok)); border-radius: 3px; transition: width .4s var(--ease-img, ease); }

/* ── Contexto carrito: full-bleed como el resto del header del carrito ── */
.cart-freeship .freeship-bar { border-width: 0 0 1px 0; padding: 16px 56px; }

/* ── Contexto producto ── */
.pdp-freeship { margin: 24px 0; }

/* ── Contexto archivo (arriba de la grilla) ── */
.archive-freeship { margin: 0 0 24px; }

@media (max-width: 768px) {
	.cart-freeship .freeship-bar { padding: 14px 20px; }
}