/* R8 · color de compra y confirmación. Cargar después de R7 y paleta.
   Solo presentación: no modifica posiciones del carrito, estados ni cálculos.
   El dorado es decorativo; números y etiquetas conservan café para contraste. */
.compra-r7 #checkoutForm #checkoutSummary,
.compra-r7 #checkoutForm .r5-cupon{
  background:var(--sm-rosa-suave)!important;
  border-color:var(--sm-dorado)!important;
}
.compra-r7 #checkoutSummary>div:has(>#co_total){
  border-top:2px solid var(--sm-dorado)!important;
  padding-top:16px!important;
  gap:12px;
  flex-wrap:wrap;
}
.compra-r7 #co_total{font-size:22px;line-height:1.35;color:var(--sm-cafe)!important}
.compra-r7 #checkoutSummary .r7-monto-letra{color:var(--sm-cafe);font-size:13px;line-height:1.5}
.compra-r7 .sky-rate-option{
  background:var(--sm-crema)!important;
  border-color:var(--sm-dorado)!important;
  outline:none!important;
  color:var(--sm-cafe);
}
.compra-r7 .sky-rate-option:has(input:checked),
.compra-r7 .sky-rate-option[style*="2px solid"]{
  background:var(--sm-rosa-suave)!important;
  border-color:var(--sm-terracota)!important;
}
.compra-r7 .sky-rate-option:focus-within{outline:2px solid var(--sm-cafe)!important;outline-offset:3px}
.compra-r7 .sky-rate-option input{accent-color:var(--sm-cafe)}
.compra-r7 .r7-plazo,.thanks-r7 .thanks-plazo{
  background:var(--sm-dorado-suave);
  border-left:4px solid var(--sm-sol);
  color:var(--sm-cafe);
}
.compra-r7 #checkoutForm h3{
  font-family:var(--sm-serif)!important;
  font-size:22px!important;
  font-weight:600!important;
  line-height:1.3;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
  color:var(--sm-cafe)!important;
}
.compra-r7 #checkoutForm h3>svg{
  width:36px;height:36px;padding:7px;
  box-sizing:border-box;border-radius:50%;
  background:var(--sm-rosa-suave);color:var(--sm-terracota);
}
.compra-r7 .r7-progress li{color:var(--sm-cafe)}
.compra-r7 .r7-progress li:not(:last-child):after{background:var(--sm-dorado)}
.compra-r7 .r7-progress span{
  background:var(--sm-dorado-suave);border-color:var(--sm-dorado);color:var(--sm-cafe);
}
.compra-r7 .r7-progress [aria-current] span{
  background:var(--sm-cafe);border-color:var(--sm-cafe);color:var(--sm-crema);
}
.compra-r7 #checkoutForm :is(#c_city,#c_state):is([readonly],:disabled){
  background:var(--sm-dorado-suave)!important;
  color:var(--sm-cafe)!important;opacity:1;
}
.compra-r7 #cartModal .cart-header{background:var(--sm-crema);border-bottom:1px solid var(--sm-dorado)}
.compra-r7 #cartModal .cart-header h2{
  font-family:var(--sm-serif)!important;letter-spacing:.055em;text-transform:uppercase;color:var(--sm-cafe);
}
.compra-r7 #cartModal .cart-footer{background:var(--sm-rosa-suave);border-top:2px solid var(--sm-dorado)}
.compra-r7 #cartModal .cart-total{color:var(--sm-cafe)}
.compra-r7 #cartModal #cartTotalDisplay{font-size:22px}
.thanks-r7 :is(.r7-confirm-summary,.r7-confirm-panel),
.thanks-r7 .thanks-steps li{background:var(--sm-crema);border-color:var(--sm-dorado)}
.thanks-r7 :is(.r7-confirm-summary,.r7-confirm-panel) h2{
  font-family:var(--sm-serif)!important;font-size:22px!important;
  font-weight:600!important;letter-spacing:.055em!important;
  text-transform:uppercase;color:var(--sm-cafe);
}
.thanks-r7 #orderRef{background:var(--sm-rosa-suave)!important;border-color:var(--sm-dorado)!important}
.thanks-r7 .r7-confirm-totals{
  background:var(--sm-rosa-suave);padding:12px 14px;border-radius:8px;
}
.thanks-r7 .r7-confirm-totals .r7-confirm-total{border-top:2px solid var(--sm-dorado);color:var(--sm-cafe)}
.thanks-r7 .r7-confirm-summary .r7-monto-letra{font-size:13px;line-height:1.5;color:var(--sm-cafe)}
.thanks-r7 .r7-confirm-panel h2>svg,
.thanks-r7 .r7-confirm-summary h2>svg{
  color:var(--sm-terracota);background:var(--sm-rosa-suave);border-radius:50%;
}
.thanks-r7 .thanks-steps .step-num{background:var(--sm-rosa-suave);border-color:var(--sm-terracota);color:var(--sm-cafe)}
.thanks-r7 #orderRef:before{color:var(--sm-terracota);border-color:var(--sm-terracota)}
@media(max-width:800px){
  .compra-r7 #checkoutForm h3{font-size:21px!important;letter-spacing:.04em!important}
  .thanks-r7 .r7-confirm-totals{padding-inline:10px}
}
/* 5 oct 2026 (Claude, a pedido de Oscar): iconos de "Envíos a todo México" y "Compra segura" en la ficha, iguales a los del checkout */
.compra-r5 .r5-benefits>span{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:12px;align-items:start}
.compra-r5 .r5-benefits .r5-ben-ico{grid-row:1/span 2;color:var(--sm-terracota);margin-top:1px}