.produccion-page{--prod-pending:#d38a15;--prod-working:#1769aa;--prod-done:#198754;--prod-danger:#b42318}.produccion-page .produccion-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.produccion-page .produccion-refresh-status{color:#7a8691;font-size:.75rem}.produccion-page.is-refreshing .produccion-refresh-status:before{content:"";border:2px solid #cfd5db;border-top-color:#8d151c;border-radius:50%;width:.65rem;height:.65rem;margin-right:.4rem;animation:.7s linear infinite prod-spin;display:inline-block}.produccion-page .produccion-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1rem;display:grid}.produccion-page .produccion-stat{background:#fff;border:1px solid #eadfde;border-radius:14px;padding:1rem}.produccion-page .produccion-stat__label{text-transform:uppercase;letter-spacing:.04em;color:#7a8691;font-size:.72rem;font-weight:800}.produccion-page .produccion-stat__value{color:#17212b;margin-top:.25rem;font-size:1.65rem;font-weight:900}.produccion-page .produccion-tabs{gap:.5rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.produccion-page .produccion-tab{color:#4b5660;white-space:nowrap;background:#fff;border:1px solid #dfe4e8;border-radius:999px;padding:.5rem .8rem;font-size:.8rem;font-weight:700}.produccion-page .produccion-tab.active{color:#fff;background:#8d151c;border-color:#8d151c}.produccion-page .produccion-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.produccion-page .produccion-card{background:#fff;border:1px solid #e2e6ea;border-radius:16px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 2px 9px #0f172a0a}.produccion-page .produccion-card--working{border-color:#b6d2e7}.produccion-page .produccion-card--done{border-color:#b9ddc9}.produccion-page .produccion-card--overdue{box-shadow:0 0 0 2px #b4231829}.produccion-page .produccion-card__image{aspect-ratio:16/10;background:#f6f7f8;place-items:center;display:grid;overflow:hidden}.produccion-page .produccion-card__image img{object-fit:cover;width:100%;height:100%}.produccion-page .produccion-card__placeholder{color:#a1a9b0;text-align:center;font-size:.78rem}.produccion-page .produccion-card__placeholder i{margin-bottom:.35rem;font-size:2rem;display:block}.produccion-page .produccion-card__body{flex:1;padding:.95rem}.produccion-page .produccion-card__topline{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.45rem;display:flex}.produccion-page .produccion-card__code{color:#18232d;font-size:.86rem;font-weight:900}.produccion-page .produccion-card__delivery{color:#8d151c;white-space:nowrap;font-size:.76rem;font-weight:800}.produccion-page .produccion-card__product{color:#15212b;font-size:1rem;font-weight:900;line-height:1.25}.produccion-page .produccion-card__meta{color:#68737e;gap:.3rem;margin-top:.7rem;font-size:.76rem;display:grid}.produccion-page .produccion-card__meta div{gap:.35rem;min-width:0;display:flex}.produccion-page .produccion-card__meta i{color:#8d151c;flex:none}.produccion-page .produccion-card__footer{border-top:1px solid #eef1f3;padding:.8rem .95rem .95rem}.produccion-page .produccion-state{letter-spacing:.02em;border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .55rem;font-size:.68rem;font-weight:900;display:inline-flex}.produccion-page .produccion-state--pending{color:#9a650e;background:#fff6e5}.produccion-page .produccion-state--working{color:#125985;background:#eaf4fb}.produccion-page .produccion-state--done{color:#166a3c;background:#e9f7ef}.produccion-page .produccion-card__action{width:100%;min-height:42px;margin-top:.65rem;font-weight:800}.produccion-page .produccion-card__secondary{justify-content:center;gap:.75rem;margin-top:.55rem;font-size:.74rem;display:flex}.produccion-page .produccion-empty{text-align:center;color:#7a8691;background:#fff;border:1px dashed #d7dde2;border-radius:16px;grid-column:1/-1;padding:4rem 1.5rem}.produccion-page .produccion-detail-list{gap:.7rem;display:grid}.produccion-page .produccion-detail-item{background:#fff;border:1px solid #e3e7ea;border-radius:12px;padding:.85rem}.produccion-page .produccion-reference-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;display:grid}.produccion-page .produccion-reference-grid img{aspect-ratio:1;object-fit:cover;border:1px solid #e1e5e8;border-radius:12px;width:100%}.produccion-tv{background:#f3f5f7;min-height:100vh;padding:1.2rem}.produccion-tv .produccion-tv__header{z-index:10;background:#fffffff5;border-bottom:1px solid #e1e5e8;justify-content:space-between;align-items:center;gap:1rem;margin:-1.2rem -1.2rem 1rem;padding:1rem 1.2rem;display:flex;position:sticky;top:0}.produccion-tv .produccion-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@keyframes prod-spin{to{transform:rotate(360deg)}}@media (width<=1399.98px){.produccion-page .produccion-grid,.produccion-tv .produccion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=991.98px){.produccion-page .produccion-stats,.produccion-page .produccion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=575.98px){.produccion-page .produccion-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.produccion-page .produccion-grid{grid-template-columns:1fr}.produccion-page .produccion-toolbar{align-items:stretch}.produccion-tv .produccion-grid{grid-template-columns:1fr}}