.zapateria-matrix-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}.zapateria-matrix-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}.zapateria-matrix-title{color:#0f1f18;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.zapateria-matrix-count{color:var(--primary);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600}.zapateria-matrix-body{padding:1rem 1.25rem 1.25rem}.zapateria-matrix-grid{flex-direction:column;gap:.75rem;display:flex}.zapateria-matrix-sizeheader{grid-template-columns:1fr repeat(6,2.25rem);gap:.375rem;padding:0 .25rem;display:grid}.zapateria-matrix-sizeheader-label{text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;font-size:.6875rem;font-weight:700}.zapateria-matrix-sizeheader-size{text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;text-align:center;font-size:.6875rem;font-weight:700}.zapateria-matrix-row{opacity:0;grid-template-columns:1fr repeat(6,2.25rem);align-items:center;gap:.375rem;display:grid}.zapateria-matrix-model{color:#0f1f18;align-items:center;gap:.5rem;min-width:0;font-size:.8125rem;font-weight:600;display:flex}.zapateria-matrix-swatch{border:1px solid #0f1f181a;border-radius:.25rem;flex-shrink:0;width:.875rem;height:.875rem}.zapateria-matrix-cell{font-variant-numeric:tabular-nums;opacity:0;border-radius:.375rem;justify-content:center;align-items:center;height:2rem;font-size:.75rem;font-weight:700;display:flex}.zapateria-matrix-cell-ok{color:#065f46;border:1px solid var(--primary-muted);background:#d1fae599}.zapateria-matrix-cell-low{color:#b45309;background:#fef3c799;border:1px solid #fcd34d}.zapateria-matrix-cell-out{color:#9ca3af;background:#f1f5f4;border:1px dashed #d1d5db}.zapateria-matrix-legend{border-top:1px solid #f1f5f4;gap:.875rem;margin-top:.5rem;padding:.625rem .25rem 0;display:flex}.zapateria-matrix-legend-item{color:#6b7280;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:500;display:flex}.zapateria-matrix-legend-dot{border-radius:.25rem;width:.625rem;height:.625rem}@media (max-width:640px){.zapateria-matrix-sizeheader,.zapateria-matrix-row{grid-template-columns:1fr repeat(6,1.75rem);gap:.25rem}.zapateria-matrix-model{font-size:.75rem}}