/* Prieto Legal OS design system — editorial institutional */
:root{--ink:#10283b;--ink-soft:#31516a;--canvas:#f4f1eb;--surface:#fffdf9;--accent:#a97b3c;--accent-soft:#f6eee0;--line:#d9d5cb;--danger:#9f3d39;--success:#286851;--focus:#1e5d83;--shadow:0 16px 44px rgba(16,40,59,.10);--ease:cubic-bezier(.2,.75,.25,1)}
body{background:radial-gradient(circle at 94% -5%,rgba(169,123,60,.12),transparent 28rem),var(--canvas)}
.skip-nav{position:fixed;left:16px;top:-56px;z-index:100;color:#fff;background:var(--ink);padding:12px 16px;border-radius:0 0 8px 8px;transition:top .2s var(--ease)}.skip-nav:focus{top:0}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(30,93,131,.45);outline-offset:2px}.primary{background:var(--ink);border-radius:8px;min-height:42px}.primary:hover{background:var(--ink-soft)}.card,.metric{background:var(--surface);border-color:var(--line)}
.case-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.case-toolbar .link-button{padding:9px 0}.case-actions{display:flex;gap:8px;flex-wrap:wrap}.case-actions .secondary{min-height:42px}.case-hero{position:relative;overflow:hidden;padding:28px 30px;border:1px solid rgba(169,123,60,.36);border-radius:14px;background:linear-gradient(135deg,#10283b,#1f475d);color:#fff;box-shadow:var(--shadow)}.case-hero::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.026) 0 1px,transparent 1px 6px);pointer-events:none}.case-hero>*{position:relative;z-index:1}.case-identity{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.case-kicker{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#d7e2e7;font:500 11px 'DM Mono',monospace;letter-spacing:.04em}.case-hero h1{font:600 clamp(26px,3.2vw,42px)/1.1 'Playfair Display',serif;margin:12px 0 18px;max-width:28ch}.case-status{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.25);padding:6px 9px;border-radius:999px;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.case-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#d9b879}.case-status.cerrado::before{background:#aab7bf}.case-status.en_espera::before{background:#efc36a}.case-meta{display:flex;gap:16px;flex-wrap:wrap;color:#cbd9df;font-size:12px}.case-meta strong{color:#fff;font-weight:600}
.case-key-dates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.key-date{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px 16px;min-height:96px}.key-date::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent)}.key-date.warning::before{background:var(--danger)}.key-date .label{display:block;color:var(--muted);font:500 10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.key-date strong{display:block;margin-top:10px;font-size:15px;color:var(--ink)}.key-date small{display:block;margin-top:4px;font-size:11px;color:var(--muted)}
.case-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);gap:18px}.case-panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px}.case-panel h3{font:600 20px 'Playfair Display',serif;margin:0}.panel-kicker{margin:5px 0 0;color:var(--muted);font-size:12px}.case-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin-top:18px}.case-data{padding:13px 0;border-top:1px solid #ebe7df}.case-data dt{font:500 10px 'DM Mono',monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.case-data dd{margin:6px 0 0;color:var(--ink);font-size:13px;font-weight:600;line-height:1.45}.case-data dd.muted{color:var(--muted);font-weight:400}.case-timeline{margin-top:18px}.timeline-item{position:relative;display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:start;padding:0 0 18px}.timeline-item:last-child{padding-bottom:0}.timeline-rail{width:28px;height:28px;display:grid;place-items:center;border:1px solid #d2c1a7;border-radius:50%;color:var(--accent);background:var(--accent-soft);font-size:12px}.timeline-item:not(:last-child) .timeline-rail::after{content:"";display:block;width:1px;height:24px;background:#d9d5cb;position:absolute;top:29px;left:14px}.timeline-title{font-size:13px;font-weight:700}.timeline-sub{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.4}.timeline-date{font:500 10px 'DM Mono',monospace;color:var(--ink-soft);white-space:nowrap;padding-top:3px}.case-tabs{display:flex;overflow:auto;gap:20px;margin:22px 0 18px;border-bottom:1px solid var(--line)}.case-tabs .tab{white-space:nowrap;padding:12px 3px}.case-tabs .tab.active{border-width:3px;color:var(--ink)}.case-list .list-row{padding:15px 0}.case-list .list-row:first-child{border-top:0}.case-summary{line-height:1.7;max-width:74ch}.status.activo{background:#e9f5ee;color:var(--success)}.status.en_espera{background:#fff2dc;color:#875e21}.priority.critica{background:#fcedeb;color:var(--danger)}
@media(max-width:1050px){.case-key-dates{grid-template-columns:repeat(2,minmax(0,1fr))}.case-layout{grid-template-columns:1fr}}
@media(max-width:720px){.case-toolbar,.case-identity{align-items:stretch;flex-direction:column}.case-actions{width:100%}.case-actions button{flex:1}.case-hero{padding:22px 20px}.case-key-dates,.case-data-grid{grid-template-columns:1fr}.case-panel{padding:18px}.timeline-item{grid-template-columns:28px 1fr}.timeline-date{grid-column:2}.case-tabs{gap:14px;margin-top:18px}}
@media(prefers-reduced-motion:no-preference){.case-hero,.key-date,.case-panel{animation:case-reveal .42s var(--ease) both}.key-date:nth-child(2){animation-delay:.05s}.key-date:nth-child(3){animation-delay:.1s}.key-date:nth-child(4){animation-delay:.15s}@keyframes case-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}