.confecciones-materials-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}.confecciones-materials-header{background:linear-gradient(135deg,#d1fae566,#0000);border-bottom:1px solid #f1f5f4;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.confecciones-materials-title{color:#0f1f18;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.confecciones-materials-filter{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:.25rem .625rem;font-size:.75rem}.confecciones-materials-list{flex-direction:column;gap:.875rem;padding:1rem 1.25rem;display:flex}.confecciones-material-card{opacity:0;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.625rem;flex-direction:column;gap:.5rem;padding:.75rem .875rem;display:flex}.confecciones-material-card-head{justify-content:space-between;align-items:baseline;display:flex}.confecciones-material-card-name{color:#0f1f18;font-size:.9375rem;font-weight:600}.confecciones-material-card-stock{color:#374151;font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:600}.confecciones-material-card-bar{background:#f1f5f4;border-radius:999px;width:100%;height:.75rem;position:relative;overflow:visible}.confecciones-material-card-fill{border-radius:999px;width:0;height:100%;transition:background .2s}.confecciones-material-card-min{opacity:0;background:#ef4444;border-radius:1px;width:2px;position:absolute;top:-3px;bottom:-3px;transform:translate(-1px)}.confecciones-material-card-foot{justify-content:space-between;align-items:center;display:flex}.confecciones-material-card-min-label{color:#9ca3af;font-variant-numeric:tabular-nums;font-size:.6875rem}.confecciones-material-card-status{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.125rem .5rem;font-size:.625rem;font-weight:700}.confecciones-materials-summary{background:linear-gradient(135deg,var(--primary),#047857);color:#fff;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.confecciones-materials-summary-label{text-transform:uppercase;letter-spacing:.05em;opacity:.85;font-size:.75rem;font-weight:600}.confecciones-materials-summary-value{font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:700}