/* Estilos básicos para formularios y tarjetas del Club de Puntos */
.cdp-form { max-width: 420px; margin: 20px 0; padding: 16px; border: 1px solid #e2e2e2; border-radius: 8px; background: #fff; }
.cdp-field { margin-bottom: 12px; display: flex; flex-direction: column; gap: 4px; }
.cdp-field input { padding: 8px; border: 1px solid #d0d0d0; border-radius: 4px; }
.cdp-btn { background: #c73e14; color: #fff; border: none; padding: 10px 16px; border-radius: 6px; cursor: pointer; font-weight: 600; }
.cdp-btn:hover { background: #a63310; }
.cdp-message { margin-top: 10px; font-weight: 600; }
.cdp-box { padding: 14px; border-radius: 6px; }
.cdp-box--success { background: #e8fff0; border: 1px solid #b6f2c8; }
.cdp-redeemable-products .cdp-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; }
.cdp-card { border: 1px solid #ececec; padding: 12px; border-radius: 8px; background: #fff; }