:root{--ink-900:#0b1f3a;--ink-800:#16325c;--paper:#f8f7f4;--paper-200:#f1efe9;--line:#e6e3dc;--slate-700:#3a4252;--slate-500:#6b7180;--grifo:#ffc93c;--grifo-soft:#fff1c7;--grifo-ink:#7a5300;--navy-950:#051d3b;--navy-900:#0b2a52;--navy-800:#16396a;--navy-700:#172b4d;--gray-50:#f5f7fa;--gray-100:#eef2f6;--gray-200:#dce2ea;--gray-500:#667085;--gray-700:#344054;--white:#fff;--blue-50:#eaf1fd;--blue-100:#d4e3fb;--blue-600:#1458d4;--blue-700:#1046aa;--green-50:#e7f5ee;--green-700:#18794e;--yellow-100:#fff2cc;--yellow-700:#8a5a00;--red-50:#fdecea;--red-700:#b42318;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--dur-press:.16s;--dur-fast:.18s;--dur-base:.24s;--dur-slow:.32s;--shadow-float:0 1px 2px #1018280d, 0 12px 32px -10px #1018282e, inset 0 1px 0 #ffffffb3;--ring-soft:0 0 0 4px var(--action-soft);--radius-float:18px;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--radius-button:999px;--radius-field:12px;--radius-card:16px;--header-height:72px;--sidebar-width:232px;--content-max:1200px;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--paper);--surface:var(--white);--surface-muted:var(--paper-200);--border:var(--line);--title:var(--ink-900);--text:var(--slate-700);--text-muted:var(--slate-500);--brand:var(--ink-900);--action:var(--ink-900);--action-hover:var(--ink-800);--action-soft:var(--grifo-soft);--on-action:var(--white);--highlight:var(--grifo);--highlight-soft:var(--grifo-soft);--highlight-text:var(--grifo-ink);--done:var(--green-700);--done-soft:var(--green-50);--review:var(--grifo-soft);--review-text:var(--grifo-ink);--error:var(--red-700);--error-soft:var(--red-50);--focus:var(--ink-900);--shadow-card:0 1px 2px #1018280f}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans), system-ui, sans-serif;font-size-adjust:.535;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}h1,h2,h3{color:var(--title);text-wrap:balance;margin:0;line-height:1.25}h1,h2{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;font-size-adjust:none;letter-spacing:-.02em}h1{font-size:32px;font-weight:800;line-height:1.1}h2{font-size:22px;font-weight:700}h3{font-size:18px;font-weight:600}p{text-wrap:pretty;margin:0}a{color:var(--title);-webkit-text-decoration-color:var(--highlight);text-decoration-color:var(--highlight);text-underline-offset:3px;text-decoration-thickness:2px}.grifo{background:linear-gradient(100deg, transparent 1%, var(--highlight) 2%, var(--highlight) 97%, transparent 98%) 0 85% / 100% 42% no-repeat;color:var(--ink-900);-webkit-box-decoration-break:clone;box-decoration-break:clone}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}svg{flex-shrink:0}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-button);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), translate var(--dur-fast) var(--ease-out), scale var(--dur-press) var(--ease-out);border:1px solid #0000;padding:0 20px;font-size:15px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background:var(--action);color:var(--on-action)}.btn-highlight{background:var(--highlight);border-color:var(--ink-900);color:var(--ink-900);box-shadow:2px 2px 0 var(--ink-900)}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--title)}.btn-ghost{min-height:36px;color:var(--title);background:0 0;padding:0 12px}.btn:disabled,.btn[aria-disabled=true]{background:var(--surface-muted);border-color:var(--surface-muted);color:var(--text-muted);cursor:not-allowed}.btn-danger{background:var(--surface);border-color:var(--error);color:var(--error)}@media (hover:hover) and (pointer:fine){.btn-primary:hover:not(:disabled){background:var(--action-hover)}.btn-highlight:hover:not(:disabled){box-shadow:3px 3px 0 var(--ink-900);translate:-1px -1px}.btn-secondary:hover:not(:disabled){border-color:var(--title)}.btn-ghost:hover:not(:disabled){background:var(--surface-muted)}.btn-danger:hover:not(:disabled){background:var(--error-soft)}}@media (max-width:380px){.btn{white-space:normal;text-align:center;max-width:100%;padding-inline:14px;line-height:1.2}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card)}.field{width:100%;min-height:44px;padding:0 var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-field);color:var(--text)}.field::placeholder{color:var(--text-muted)}.field:focus-visible{outline:2px solid var(--focus);outline-offset:0;border-color:var(--focus)}.field[aria-invalid=true]{border-color:var(--error)}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{min-height:36px;padding:0 var(--space-3);background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.chip[aria-current=page]{background:var(--highlight-soft);border-color:var(--highlight);color:var(--title)}@media (hover:hover) and (pointer:fine){.chip:not([aria-current=page]):hover{border-color:var(--title);color:var(--title)}}.progress{background:var(--surface-muted);border-radius:999px;height:8px;overflow:hidden}.progress>span{background:var(--highlight);border-radius:inherit;height:100%;display:block}.meta{color:var(--text-muted);font-size:13px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body{isolation:isolate;position:relative}html[data-reveal-ready] :is(main .card:not(.card .card,[data-marquee] .card),[data-reveal]):not([data-shown]){opacity:0}[data-shown]{animation:.56s cubic-bezier(.22,1,.36,1) backwards grifo-reveal;animation-delay:var(--reveal-delay,0s)}[data-shown][data-reveal=pop]{animation-name:grifo-pop;animation-duration:.7s;animation-delay:calc(var(--reveal-delay,0s) + .22s)}@keyframes grifo-reveal{0%{opacity:0;transform:translateY(18px)}}@keyframes grifo-pop{0%{opacity:0;transform:translateY(28px)scale(.94)}}[data-shown] .progress>span{transform-origin:0;animation:.9s cubic-bezier(.22,1,.36,1) backwards grifo-fill;animation-delay:calc(var(--reveal-delay,0s) + .25s)}@keyframes grifo-fill{0%{transform:scaleX(0)}}:where(button,summary,.btn,[role=tab],[data-press]){transition:scale var(--dur-press) var(--ease-out)}:where(button,summary,.btn,[role=tab],[data-press]):active:not(:disabled,[aria-disabled=true]){transition-duration:80ms;scale:.97}@supports (interpolate-size:allow-keywords){:root{interpolate-size:allow-keywords}details:not([data-popover],[data-instant])::details-content{block-size:0;transition:block-size var(--dur-slow) var(--ease-out), content-visibility var(--dur-slow) allow-discrete;overflow-y:clip}details:not([data-popover],[data-instant])[open]::details-content{block-size:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}:where(button,summary,.btn,[role=tab],[data-press]):active{scale:none}}