.ferreteria-credits-animation{border:1px solid var(--primary-soft);width:100%;max-width:720px;font-family:var(--font-display);background:#fff;border-radius:1rem;margin:0 auto;overflow:hidden;box-shadow:0 4px 12px -2px #05966914}.ferreteria-credits-header{background:linear-gradient(135deg,#d1fae566,#0000);border-bottom:1px solid #f1f5f4;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.ferreteria-credits-title{color:#0f1f18;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.ferreteria-credits-count{color:var(--primary);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600}.ferreteria-credits-body{flex-direction:column;gap:.625rem;padding:1rem 1.25rem 1.25rem;display:flex}.ferreteria-credits-section-title{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin-bottom:.25rem;font-size:.6875rem;font-weight:700}.ferreteria-credits-list{flex-direction:column;gap:.5rem;display:flex}.ferreteria-credits-entry{opacity:0;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;grid-template-columns:2.25rem 1fr auto;align-items:center;gap:.75rem;padding:.625rem .75rem;display:grid}.ferreteria-credits-entry-paid{border-color:var(--primary-muted);background:#d1fae559}.ferreteria-credits-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.75rem;font-weight:700;display:flex}.ferreteria-credits-entry-paid .ferreteria-credits-avatar{background:var(--primary-muted)}.ferreteria-credits-info{flex-direction:column;gap:.125rem;min-width:0;display:flex}.ferreteria-credits-name{color:#0f1f18;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;display:flex}.ferreteria-credits-badge{color:#fff;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.125rem .375rem;font-size:.625rem;font-weight:700}.ferreteria-credits-badge-pending{background:#f59e0b}.ferreteria-credits-badge-paid{background:var(--primary)}.ferreteria-credits-stats{color:#6b7280;font-variant-numeric:tabular-nums;font-size:.75rem}.ferreteria-credits-balance{flex-direction:column;align-items:flex-end;gap:.125rem;display:flex}.ferreteria-credits-balance-value{color:#0f1f18;font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:700}.ferreteria-credits-entry-paid .ferreteria-credits-balance-value{color:var(--primary)}.ferreteria-credits-balance-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.03em;font-size:.625rem}.ferreteria-credits-total{background:linear-gradient(135deg,var(--primary),#047857);color:#fff;opacity:0;border-radius:.5rem;justify-content:space-between;align-items:baseline;margin-top:.25rem;padding:.75rem 1rem;display:flex}.ferreteria-credits-total-label{text-transform:uppercase;letter-spacing:.05em;opacity:.85;font-size:.75rem;font-weight:600}.ferreteria-credits-total-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.25rem;font-weight:700}@media (max-width:640px){.ferreteria-credits-entry{grid-template-rows:auto auto;grid-template-columns:2rem 1fr}.ferreteria-credits-balance{grid-area:2/2;align-items:flex-start;margin-top:.25rem}.ferreteria-credits-total-value{font-size:1.125rem}}