.ocfug{--ocf-bg:#0f1220;--ocf-card:#171b2e;--ocf-soft:#222842;--ocf-text:#f7f7fb;--ocf-muted:#b8bdd6;--ocf-accent:#ffb000;--ocf-line:rgba(255,255,255,.12);font-family:inherit;color:var(--ocf-text);background:var(--ocf-bg);border-radius:22px;overflow:hidden;margin:28px 0;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.ocfug *{box-sizing:border-box}.ocfug-hero{padding:32px;background:radial-gradient(circle at top left,rgba(255,176,0,.22),transparent 34%),linear-gradient(135deg,#111527,#1b2140)}.ocfug-kicker{text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--ocf-accent);font-size:12px;margin:0 0 8px}.ocfug h2{color:#fff;margin:0 0 10px;font-size:clamp(28px,4vw,48px);line-height:1}.ocfug-hero p{color:var(--ocf-muted);max-width:800px}.ocfug-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.ocfug-stats span{background:rgba(255,255,255,.08);border:1px solid var(--ocf-line);padding:10px 14px;border-radius:999px}.ocfug-progress{height:12px;background:rgba(255,255,255,.12);border-radius:999px;margin-top:18px;overflow:hidden}.ocfug-progress span{display:block;height:100%;background:var(--ocf-accent);transition:width .25s ease}.ocfug-controls{display:grid;grid-template-columns:minmax(220px,1fr) 220px auto auto auto;gap:12px;align-items:center;padding:18px;background:var(--ocf-card);border-top:1px solid var(--ocf-line);border-bottom:1px solid var(--ocf-line)}.ocfug input[type=search],.ocfug select{width:100%;background:#fff;color:#151515;border:0;border-radius:12px;padding:12px 14px}.ocfug label{display:flex;align-items:center;gap:8px;color:var(--ocf-muted);font-size:14px}.ocfug button{border:0;border-radius:12px;padding:12px 14px;background:var(--ocf-soft);color:#fff;cursor:pointer}.ocfug button:hover{filter:brightness(1.15)}.ocfug-table-wrap{overflow:auto;max-height:75vh}.ocfug-table{width:100%;border-collapse:separate;border-spacing:0;min-width:820px;background:var(--ocf-bg)}.ocfug-table th{position:sticky;top:0;z-index:2;background:#111527;color:#fff;text-align:left;padding:14px;border-bottom:1px solid var(--ocf-line);font-size:13px}.ocfug-table td{padding:13px 14px;border-bottom:1px solid var(--ocf-line);color:var(--ocf-muted);vertical-align:middle}.ocfug-table tr:hover td{background:rgba(255,255,255,.04)}.ocfug-table tr.ocfug-hidden{display:none}.ocfug-table tr.ocfug-seen-row td{opacity:.55}.ocfug-badge{display:inline-flex;gap:6px;align-items:center;background:color-mix(in srgb,var(--serie-color,#ffb000) 22%, transparent);border:1px solid color-mix(in srgb,var(--serie-color,#ffb000) 70%, transparent);padding:5px 9px;border-radius:999px;color:#fff;white-space:nowrap}.ocfug-event{display:inline-flex;background:rgba(255,176,0,.16);border:1px solid rgba(255,176,0,.4);color:#ffe2a1;padding:5px 9px;border-radius:999px;font-weight:700;white-space:nowrap}.ocfug-essential{color:var(--ocf-accent)}.ocfug .is-event td{background:rgba(255,176,0,.055)}.ocfug .ocfug-seen{width:20px;height:20px;accent-color:var(--ocf-accent)}
@media(max-width:760px){.ocfug{border-radius:16px}.ocfug-hero{padding:24px 18px}.ocfug-controls{grid-template-columns:1fr;padding:14px}.ocfug-table{min-width:0}.ocfug-table thead{display:none}.ocfug-table,.ocfug-table tbody,.ocfug-table tr,.ocfug-table td{display:block;width:100%}.ocfug-table-wrap{max-height:none;overflow:visible}.ocfug-table tr{padding:14px;border-bottom:1px solid var(--ocf-line)}.ocfug-table td{border:0;padding:4px 0}.ocfug-table td:nth-child(2)::before{content:'Orden: ';font-weight:700;color:#fff}.ocfug-table td:nth-child(4)::before{content:'Temp.: ';font-weight:700;color:#fff}.ocfug-table td:nth-child(5)::before{content:'Ep.: ';font-weight:700;color:#fff}.ocfug-table td:nth-child(7)::before{content:'Crossover: ';font-weight:700;color:#fff}}