.cmp-obra{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:0 8px 8px}.cmp-obra__n{font-family:var(--font-pixel);font-weight:700;font-size:28px;line-height:1;color:var(--color-text-accent)}.cmp-obra__t{margin:0;font-family:var(--font-display);font-weight:800;font-size:var(--font-size-h4);line-height:1.2;letter-spacing:-0.025em;color:var(--color-text-primary)}.cmp-obra__d{margin:0;font-family:var(--font-display);font-size:var(--font-size-body-m);line-height:1.5;color:var(--color-text-secondary)}.cmp-obra__q{margin:0;font-family:var(--font-mono);font-weight:500;font-size:var(--font-size-mono-s);line-height:1.35;color:var(--color-text-muted)}.cmp-obra__l{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-family:var(--font-display);font-weight:700;font-size:var(--font-size-label-m);color:var(--color-text-accent);text-decoration:none}.cmp-obra__l::after{content:'';position:absolute;inset:0;border-radius:inherit}.cmp-obra__l:focus-visible{outline:none}.card-obra:has(.cmp-obra__l:focus-visible){outline:3px solid var(--color-accent-default);outline-offset:3px}.cmp-obra__s{width:16px;height:16px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform 150ms cubic-bezier(0.33,1,0.68,1)}.card-obra:hover .cmp-obra__s{transform:translateX(3px)}@media (prefers-reduced-motion:reduce){.cmp-obra__s{transition:none}}