/* Resumen del checkout como boleto de estadio: papel claro, línea perforada y el total en el talón.
   Solo cambia el aspecto del resumen; todo lo que hace (tallas, cantidades, cupón, total) sigue igual.
   Para regresar al resumen negro basta con quitar este archivo de checkout.html. */
html body.checkout-page{--tk-paper:#E7E6E1;--tk-edge:#D3D1CA;--tk-ink:#151515;--tk-mute:#5f5c55;--tk-cut:#fff}
body.checkout-page .order-summary{background:var(--tk-paper);color:var(--tk-ink);border:0;border-radius:18px;padding:26px 24px 20px;box-shadow:0 1px 0 var(--tk-edge),0 22px 40px -30px rgba(21,21,21,.45);overflow:visible}
body.checkout-page .summary-eyebrow{display:none}
body.checkout-page .order-summary>h2{color:var(--tk-ink)!important;font:800 26px/1 Raleway,Arial,sans-serif!important;letter-spacing:-.03em!important;margin:0 0 6px;padding:0 0 16px;border-bottom:2px solid var(--tk-ink)}

/* Jerseys */
body.checkout-page .cart-line{border-bottom:1px solid var(--tk-edge);padding:16px 0}
body.checkout-page .cart-line img{background:#fff!important;border:1.5px solid var(--tk-ink);border-radius:12px}
body.checkout-page .cart-line h3{color:var(--tk-ink);font:800 15px/1.25 Raleway,Arial,sans-serif}
body.checkout-page .cart-line p{color:var(--tk-mute)}
body.checkout-page .peyote-archive-label{color:#b4501f}
body.checkout-page .cart-line .checkout-delivery-label{color:var(--tk-mute)!important}
body.checkout-page .cart-line strong{color:var(--tk-ink);font:800 15px Raleway,Arial,sans-serif}
body.checkout-page .cart-line select{background:#fff;color:var(--tk-ink);border:1.5px solid #c2bfb6;border-radius:10px;min-height:38px}
body.checkout-page .cart-line select:focus-visible{outline:2px solid var(--tk-ink);outline-offset:1px}
body.checkout-page .cart-line button:not(.remove-customization){color:var(--tk-ink);border:1.5px solid #c2bfb6;background:#fff}
body.checkout-page .cart-line button:not(.remove-customization):hover{background:var(--tk-ink);border-color:var(--tk-ink);color:#fff}
body.checkout-page .cart-quantity-control{background:#fff;border:1.5px solid #c2bfb6!important;border-radius:999px}
body.checkout-page .cart-quantity-control button{color:var(--tk-ink)!important;border:0!important;background:transparent!important}
body.checkout-page .cart-quantity-control button:disabled{opacity:.3}
body.checkout-page .cart-quantity-control output{color:var(--tk-ink);font-weight:700}
body.checkout-page .checkout-customization,body.checkout-page .remove-customization{color:var(--tk-mute)!important}

/* Cuentas */
body.checkout-page .summary-breakdown{color:var(--tk-ink);border-bottom:0;font-size:14px;padding-top:14px}
body.checkout-page .summary-breakdown b{color:var(--tk-ink)}
body.checkout-page .summary-breakdown .summary-note{display:block;margin-top:8px;padding:10px 12px;border-radius:10px;background:#FFE3D2;color:#8a3a12;font:600 12px/1.45 var(--mono)}

/* Cupón (sus estilos base vienen de checkout.js y estaban hechos para fondo negro) */
body.checkout-page .order-summary .coupon-box{border-top:1px solid var(--tk-edge)}
body.checkout-page .order-summary .coupon-box label{color:var(--tk-ink)!important;font-size:11px}
body.checkout-page .order-summary .coupon-row input{min-height:46px;background:#fff!important;color:var(--tk-ink)!important;-webkit-text-fill-color:var(--tk-ink);border:1.5px solid #c2bfb6;border-radius:10px}
body.checkout-page .order-summary .coupon-row input::placeholder{color:#8f8c84;-webkit-text-fill-color:#8f8c84}
body.checkout-page .order-summary .coupon-row input:focus{outline:0;border-color:var(--tk-ink);box-shadow:0 0 0 3px #ff834633}
body.checkout-page .order-summary .coupon-row input:disabled{background:#fff!important}
body.checkout-page .order-summary .coupon-row button{min-height:46px;background:var(--tk-ink);color:#fff;border:1.5px solid var(--tk-ink);border-radius:10px}
body.checkout-page .order-summary .coupon-row button:focus-visible{outline:2px solid var(--tk-ink);outline-offset:2px}
body.checkout-page .order-summary .coupon-message{color:var(--tk-mute)}
body.checkout-page .order-summary .coupon-message.ok{color:#1d7a43;font-weight:600}
body.checkout-page .order-summary .coupon-message.bad{color:#b3261e;font-weight:600}
body.checkout-page .order-summary .coupon-message button{color:var(--tk-ink)}

/* Talón: línea perforada con dos muescas y el total grande */
body.checkout-page .cart-total{position:relative;margin:22px 0 0;padding:26px 0 6px;border-top:0;color:var(--tk-ink);font:800 44px/1 Raleway,Arial,sans-serif;letter-spacing:-.04em;align-items:end}
body.checkout-page .cart-total::before{content:'';position:absolute;left:0;right:0;top:0;border-top:2px dashed #aaa69b}
body.checkout-page .cart-total::after{content:'';position:absolute;top:-16px;left:-24px;right:-24px;height:32px;pointer-events:none;background:radial-gradient(circle at 0 16px,var(--tk-cut) 15.5px,transparent 16px) left/16px 32px no-repeat,radial-gradient(circle at 16px 16px,var(--tk-cut) 15.5px,transparent 16px) right/16px 32px no-repeat}
body.checkout-page .cart-total span:first-child{color:var(--tk-mute);font:600 12px/1 var(--mono);letter-spacing:.14em;padding-bottom:8px}
body.checkout-page .checkout-delivery{border-top:0;color:var(--tk-mute);padding-top:10px}
body.checkout-page .checkout-delivery h2,body.checkout-page .checkout-delivery p,body.checkout-page .checkout-delivery strong{color:var(--tk-ink)!important}
body.checkout-page .checkout-delivery span{color:var(--tk-mute)}
body.checkout-page .checkout-delivery a{color:var(--tk-ink)}
html:root body.checkout-page .empty-peyo p{color:var(--tk-ink)}
@media(max-width:520px){
  body.checkout-page .order-summary{padding:22px 16px 16px}
  body.checkout-page .cart-total{font-size:38px}
  body.checkout-page .cart-total::after{left:-16px;right:-16px}
}