/* Tienda y checkout: jerarquía y estabilidad visual, sin tocar React ni pagos. */

.cpaybtns { gap: 8px; }
.cpaybtns .btn { width: 100%; justify-content: center; }

/* El método principal se lee como acción; los alternos conservan menor peso. */
.cpaybtns .bblk { box-shadow: 0 8px 22px rgba(13, 34, 64, .20); }

.cgarantia {
  border: 1px solid rgba(31, 157, 99, .22);
  background: rgba(31, 157, 99, .055);
}

/* Ayuda a reservar el área de tarjetas/imágenes mientras terminan de cargar. */
:where(.pcard, .product-card, .card-producto) img {
  display: block;
  max-width: 100%;
  height: auto;
}

@media (max-width: 640px) {
  .cpaybtns { gap: 10px; }
  .cpaybtns .btn { min-height: 50px; }
  .cgarantia { padding: 12px; line-height: 1.55; }
}