/* TND Cart Redesign – generado desde cart-redesign-2026-10-08.html.
   Se carga después de tnd-catalog.css (colores, botones, tarjetas y bases compartidas). Prefijo .tnd-cat-root. */

/* El paso a paso de Flatsome ("Shopping Cart > Checkout details…") no se muestra en el carrito. */
body.tnd-cart-page .checkout-page-title{display:none!important}

.tnd-cat-root .tnd-home{max-width:1240px;margin:0 auto;padding:22px 20px 56px;display:flex;flex-direction:column;gap:60px}
.tnd-cat-root .tnd-shead{display:flex;justify-content:space-between;align-items:flex-end;gap:10px 24px;flex-wrap:wrap;margin-bottom:18px}
.tnd-cat-root .tnd-shead h2{margin:0;font-family:var(--tnd-serif);font-weight:500;font-size:clamp(1.45rem,2.4vw,1.95rem);line-height:1.2}
.tnd-cat-root .tnd-shead p{margin:6px 0 0;color:var(--tnd-muted);max-width:68ch}
.tnd-cat-root .tnd-shead > a,
.tnd-cat-root .tnd-textlink{font-size:.9rem;font-weight:600;text-decoration:none;color:var(--tnd-teal);white-space:nowrap}
.tnd-cat-root .tnd-shead > a:hover,
.tnd-cat-root .tnd-textlink:hover{text-decoration:underline;text-underline-offset:3px}
.tnd-cat-root .tnd-btn--sm{padding:9px 16px;font-size:.84rem}
.tnd-cat-root .tnd-hero-ctas{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:900px){
.tnd-cat-root .tnd-home{gap:48px}
}
@media (max-width:560px){
.tnd-cat-root .tnd-home{padding:14px 14px 48px;gap:42px}
.tnd-cat-root .tnd-hero-ctas .tnd-btn{flex:1 1 auto}
}
.tnd-cat-root .tnd-crumbs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:.8rem;color:var(--tnd-muted)}
.tnd-cat-root .tnd-crumbs li+li::before{content:"/";margin-right:6px;opacity:.6}
.tnd-cat-root .tnd-crumbs a{text-decoration:none}
.tnd-cat-root .tnd-crumbs a:hover{text-decoration:underline}
.tnd-cat-root .tnd-crumbs [aria-current]{color:var(--tnd-ink);font-weight:600}
.tnd-cat-root .tnd-home > .tnd-crumbs{margin-bottom:-38px}
.tnd-cat-root .tnd-related{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
@media (max-width:1100px){
.tnd-cat-root .tnd-related{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
}
@media (max-width:560px){
.tnd-cat-root .tnd-home > .tnd-crumbs{margin-bottom:-30px}
.tnd-cat-root .tnd-related{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
.tnd-cat-root .tnd-cartpage{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:start}
.tnd-cat-root .tnd-cartpage h1{font-family:var(--tnd-serif);font-weight:500;font-size:2rem;margin:0}
.tnd-cat-root .tnd-minbar{background:var(--tnd-paper);border:1px solid var(--tnd-line);border-radius:var(--tnd-radius);padding:14px 16px;margin-bottom:14px}
.tnd-cat-root .tnd-minbar p{margin:0 0 8px;font-size:.95rem}
.tnd-cat-root .tnd-minbar .tnd-bar{height:10px;border-radius:999px;background:var(--tnd-teal-tint);overflow:hidden}
.tnd-cat-root .tnd-minbar .tnd-bar i{display:block;height:100%;background:var(--tnd-terracotta);border-radius:999px;transition:width .3s}
.tnd-cat-root .tnd-minbar.is-met .tnd-bar i{background:var(--tnd-teal)}
.tnd-cat-root .tnd-minbar small{display:flex;justify-content:space-between;color:var(--tnd-muted);margin-top:6px;font-size:.75rem}
.tnd-cat-root .tnd-lines{list-style:none;margin:0;padding:0;background:var(--tnd-paper);border:1px solid var(--tnd-line);border-radius:var(--tnd-radius)}
.tnd-cat-root .tnd-line{display:grid;grid-template-columns:96px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:14px 16px;border-top:1px solid var(--tnd-line)}
.tnd-cat-root .tnd-line:first-child{border-top:0}
.tnd-cat-root .tnd-line img{width:96px;height:96px;object-fit:cover;border-radius:10px;display:block}
.tnd-cat-root .tnd-line h3{font-family:var(--tnd-serif);font-weight:500;font-size:1.02rem;margin:0 0 2px}
.tnd-cat-root .tnd-line h3 a{text-decoration:none}
.tnd-cat-root .tnd-line .tnd-pmeta{margin:2px 0}
.tnd-cat-root .tnd-line-acts{display:flex;gap:12px;font-size:.8rem;margin-top:4px}
.tnd-cat-root .tnd-line-acts button{background:none;border:0;padding:0;color:var(--tnd-teal);cursor:pointer;font:inherit;text-decoration:underline}
.tnd-cat-root .tnd-line-sub{text-align:right;min-width:90px}
.tnd-cat-root .tnd-line-sub b{display:block;font-size:1.05rem}
.tnd-cat-root .tnd-line-sub small{color:var(--tnd-muted);font-size:.75rem}
.tnd-cat-root .tnd-line .tnd-qty{justify-self:end}
.tnd-cat-root .tnd-sum{position:sticky;top:16px;display:flex;flex-direction:column;gap:12px}
.tnd-cat-root .tnd-sumcard{background:var(--tnd-paper);border:1px solid var(--tnd-line);border-radius:var(--tnd-radius);padding:16px 18px}
.tnd-cat-root .tnd-sumcard h2{font-family:var(--tnd-serif);font-weight:500;font-size:1.25rem;margin:0 0 10px}
.tnd-cat-root .tnd-sumcard details{margin-top:4px;font-size:.88rem}
.tnd-cat-root .tnd-sumcard summary{cursor:pointer;color:var(--tnd-teal);font-weight:600}
.tnd-cat-root .tnd-field{display:flex;flex-direction:column;gap:3px;margin-top:8px;font-size:.8rem}
.tnd-cat-root .tnd-field input,
.tnd-cat-root .tnd-field select{border:1px solid var(--tnd-line);border-radius:8px;padding:8px 10px;font:inherit;background:#fff}
.tnd-cat-root .tnd-coupon{display:flex;gap:8px;margin-top:8px}
.tnd-cat-root .tnd-coupon input{flex:1;min-width:0;border:1px solid var(--tnd-line);border-radius:999px;padding:8px 12px;font:inherit}
.tnd-cat-root .tnd-checkout{width:100%;justify-content:center;margin-top:10px}
.tnd-cat-root .tnd-checkout[aria-disabled="true"]{opacity:.55;pointer-events:none}
.tnd-cat-root .tnd-mincheck{font-size:.82rem;font-weight:700;color:#8a3b1c;margin:8px 0 0}
.tnd-cat-root .tnd-mincheck.is-met{color:var(--tnd-teal-dark)}
.tnd-cat-root .tnd-help{display:grid;gap:8px;font-size:.88rem}
.tnd-cat-root .tnd-help a{color:var(--tnd-teal)}
.tnd-cat-root .tnd-upsell{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tnd-cat-root .tnd-upsell li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;align-items:center;background:var(--tnd-paper);border:1px solid var(--tnd-line);border-radius:12px;padding:10px}
.tnd-cat-root .tnd-upsell img{width:70px;height:70px;object-fit:cover;border-radius:8px}
.tnd-cat-root .tnd-upsell strong{display:block;font-size:.86rem;line-height:1.25}
.tnd-cat-root .tnd-upsell small{color:var(--tnd-muted);font-size:.76rem}
.tnd-cat-root .tnd-upsell button{margin-top:4px}
.tnd-cat-root .tnd-empty{text-align:center;background:var(--tnd-paper);border:1px solid var(--tnd-line);border-radius:var(--tnd-radius);padding:36px 20px}
.tnd-cat-root .tnd-empty h2{font-family:var(--tnd-serif);font-weight:500;font-size:1.6rem;margin:8px 0 6px}
.tnd-cat-root .tnd-empty p{color:var(--tnd-muted);margin:0 auto 14px;max-width:560px}
.tnd-cat-root .tnd-empty .tnd-hero-ctas{justify-content:center}
.tnd-cat-root .tnd-empty-ico{width:54px;height:54px;border-radius:50%;background:var(--tnd-teal-tint);display:inline-grid;place-items:center;color:var(--tnd-teal)}
.tnd-cat-root .tnd-empty-ico .tnd-ico{width:26px;height:26px}
@media (max-width:1100px){
.tnd-cat-root .tnd-cartpage{grid-template-columns:minmax(0,1fr) 320px}
.tnd-cat-root .tnd-upsell{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
.tnd-cat-root .tnd-cartpage{grid-template-columns:1fr}
.tnd-cat-root .tnd-sum{position:static}
}
@media (max-width:560px){
.tnd-cat-root .tnd-line{grid-template-columns:72px minmax(0,1fr);gap:10px}
.tnd-cat-root .tnd-line img{width:72px;height:72px}
.tnd-cat-root .tnd-line .tnd-qty{grid-column:2;justify-self:start}
.tnd-cat-root .tnd-line-sub{grid-column:2;text-align:left;grid-row:auto}
.tnd-cat-root .tnd-upsell{grid-template-columns:1fr}
.tnd-cat-root .tnd-cartpage h1{font-size:1.6rem}
}


/* ===== Ajustes para el sitio en vivo ===== */
.tnd-cat-root .tnd-home{max-width:1400px;gap:48px}
.tnd-cat-root .tnd-home > nav{margin-bottom:-30px}
.tnd-cat-root .tnd-cart-head{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.tnd-cat-root .tnd-cart-head p{margin:0;color:var(--tnd-muted)}
.tnd-cat-root .tnd-cart-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.tnd-cat-root .tnd-cart-actions .tnd-coupon{margin:0;flex:0 1 340px}
.tnd-cat-root .tnd-coupon input{height:40px;margin:0;box-shadow:none;background:#fff}
.tnd-cat-root .tnd-update{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0}
.tnd-cat-root .tnd-line-img{display:block}
.tnd-cat-root .tnd-line img{max-width:none}
.tnd-cat-root .tnd-line-price{margin:0;font-size:.9rem;display:block}
.tnd-cat-root .tnd-line-price del{color:var(--tnd-muted);margin-left:4px}
.tnd-cat-root .tnd-line-acts{align-items:center}
.tnd-cat-root .tnd-line-acts a.remove{color:var(--tnd-teal);text-decoration:underline;font-size:.8rem;width:auto;height:auto;line-height:inherit;border:0;border-radius:0;font-weight:400;display:inline;opacity:1}
.tnd-cat-root .tnd-line-acts a.remove:hover{background:none;color:var(--tnd-teal-dark)}
.tnd-cat-root .tnd-line-sku{color:var(--tnd-muted)}
.tnd-cat-root .tnd-line-sub .amount{color:var(--tnd-ink)}
.tnd-cat-root .tnd-line-qty{justify-self:end}
.tnd-cat-root .tnd-qty input[type=number]{border:0!important;box-shadow:none!important;background:transparent!important;height:auto;min-height:0;padding:0;margin:0;width:40px;text-align:center;font-weight:600}
.tnd-cat-root .tnd-qty button{padding:0;margin:0}
.tnd-cat-root .tnd-line dl.variation{margin:2px 0;font-size:.8rem;color:var(--tnd-muted);display:flex;gap:4px 8px;flex-wrap:wrap;text-transform:none}
.tnd-cat-root .tnd-line dl.variation dt,.tnd-cat-root .tnd-line dl.variation dd{display:inline;margin:0;font-weight:400}
.tnd-cat-root .tnd-line dl.variation dd p{display:inline;margin:0}
.tnd-cat-root .tnd-lines.is-busy,.tnd-cat-root .cart_totals.is-busy{opacity:.6;transition:opacity .2s}
.tnd-cat-root .tnd-topup{margin-top:28px}
.tnd-cat-root .tnd-topup .tnd-shead{margin-bottom:12px}
.tnd-cat-root .tnd-topup .tnd-shead h2{font-size:1.35rem}
.tnd-cat-root .tnd-upsell img{max-width:none}
.tnd-cat-root .tnd-upsell strong a{text-decoration:none}
.tnd-cat-root .tnd-upsell small{display:block}
.tnd-cat-root .tnd-upsell .tnd-btn.is-loading{opacity:.6;pointer-events:none}
/* Totales: la tabla de WooCommerce con el aspecto del diseño. */
.tnd-cat-root .cart_totals h2{font-family:var(--tnd-serif);font-weight:500;font-size:1.25rem;margin:0 0 10px;text-transform:none;letter-spacing:normal}
.tnd-cat-root .cart_totals table{width:100%;border:0;border-collapse:collapse;margin:0;font-size:.92rem}
.tnd-cat-root .cart_totals th,.tnd-cat-root .cart_totals td{border:0;border-top:1px solid var(--tnd-line);padding:8px 0;text-align:left;vertical-align:top;font-weight:400;text-transform:none;letter-spacing:normal;color:var(--tnd-ink);font-size:.92rem}
.tnd-cat-root .cart_totals td{text-align:right}
.tnd-cat-root .cart_totals tr:first-child th,.tnd-cat-root .cart_totals tr:first-child td{border-top:0}
.tnd-cat-root .cart_totals .order-total th,.tnd-cat-root .cart_totals .order-total td{font-size:1.15rem;font-weight:700}
.tnd-cat-root .cart_totals .shipping__table th,.tnd-cat-root .cart_totals .shipping__table td{border:0;padding:0}
.tnd-cat-root .cart_totals .woocommerce-shipping-totals td,.tnd-cat-root .cart_totals .woocommerce-shipping-destination{font-size:.82rem;color:var(--tnd-muted)}
.tnd-cat-root .cart_totals ul#shipping_method{list-style:none;margin:0;padding:0;text-align:left}
.tnd-cat-root .shipping-calculator-button{color:var(--tnd-teal);font-weight:600;font-size:.86rem}
.tnd-cat-root .shipping-calculator-form{text-align:left;margin-top:6px}
.tnd-cat-root .shipping-calculator-form p{margin:6px 0}
.tnd-cat-root .shipping-calculator-form label{display:block;font-size:.78rem;color:var(--tnd-muted)}
.tnd-cat-root .shipping-calculator-form input,.tnd-cat-root .shipping-calculator-form select{width:100%;border:1px solid var(--tnd-line);border-radius:8px;padding:6px 10px;background:#fff;height:38px;margin:0}
.tnd-cat-root .shipping-calculator-form button{background:none;border:1.5px solid currentColor;border-radius:999px;padding:7px 16px;cursor:pointer;color:var(--tnd-ink);font-weight:600}
.tnd-cat-root .wc-proceed-to-checkout{padding:0;margin-top:10px}
.tnd-cat-root .wc-proceed-to-checkout .checkout-button{display:flex;width:100%;justify-content:center;align-items:center;padding:14px 22px;border-radius:999px;background:var(--tnd-teal);color:#fff;font-weight:600;font-size:1rem;text-transform:none;letter-spacing:.02em;margin:0;border:0}
.tnd-cat-root .wc-proceed-to-checkout .checkout-button:hover{background:var(--tnd-teal-dark);color:#fff}
.tnd-cat-root .tnd-checkout[aria-disabled="true"]{display:flex;width:100%;justify-content:center;gap:8px;padding:14px 22px;cursor:not-allowed;opacity:.5}
.tnd-cat-root .tnd-help-btns{display:flex;gap:8px;flex-wrap:wrap}
.tnd-cat-root .tnd-help-btns .tnd-btn{color:var(--tnd-ink)}
/* Avisos de WooCommerce */
.tnd-cat-root .woocommerce-notices-wrapper:not(:empty),.tnd-cat-root .woocommerce-message,.tnd-cat-root .woocommerce-error,.tnd-cat-root .woocommerce-info{margin-bottom:14px}
.tnd-cat-root .woocommerce-message,.tnd-cat-root .woocommerce-info,.tnd-cat-root .woocommerce-error{border-radius:12px;list-style:none}
/* Carrito vacío */
.tnd-cat-root .tnd-empty h1{font-family:var(--tnd-serif);font-weight:500;font-size:1.6rem;margin:8px 0 6px}
.tnd-cat-root .tnd-empty .tnd-hero-ctas .tnd-btn--ghost{color:var(--tnd-ink)}
.tnd-cat-root .tnd-related .tnd-catcard-media img{max-width:none}
@media (max-width:560px){
  .tnd-cat-root .tnd-cart-actions .tnd-coupon{flex-basis:100%}
  .tnd-cat-root .tnd-line-img{grid-row:span 3;align-self:start}
  .tnd-cat-root .tnd-line-qty{grid-column:2;justify-self:start}
}
/* El tema fija anchos y flotados para la columna de totales: ocupar todo el ancho de la columna. */
.tnd-cat-root .cart-collaterals,.tnd-cat-root .cart-collaterals .cart_totals{width:auto!important;float:none!important;max-width:none}
.tnd-cat-root .tnd-upsell .tnd-btn{white-space:nowrap;padding:7px 12px}
.tnd-cat-root .tnd-upsell li{align-items:start}
/* El tema dibuja un ícono "×" en a.remove: aquí es un enlace de texto. */
.tnd-cat-root .tnd-line-acts a.remove::before,.tnd-cat-root .tnd-line-acts a.remove::after{display:none!important;content:none!important}
.tnd-cat-root .tnd-line-acts a.remove{text-indent:0!important;font-size:.8rem!important;background:none!important;min-width:0;padding:0}
/* Flatsome agrega su propio "Continue shopping", un título de tabla "Cart totals" y oculta el h2: dejar solo los del diseño. (1.0.1) */
.tnd-cat-root .tnd-cart-actions .continue-shopping{display:none!important}
.tnd-cat-root .cart_totals > table:not(.shop_table){display:none!important}
.tnd-cat-root .cart_totals > h2{display:block!important;font-size:1.25rem!important;font-family:var(--tnd-serif)!important;font-weight:500!important;color:var(--tnd-ink)!important;margin:0 0 10px!important}
/* Total de la línea: solo el monto final (el precio anterior ya se ve junto al precio por caja). */
.tnd-cat-root .tnd-line-sub del,.tnd-cat-root .tnd-line-sub .screen-reader-text{display:none}
.tnd-cat-root .tnd-line-sub ins{text-decoration:none;background:none}