/* Dorax Finance — the illustrations (v212; js/ui/art.js). The landing's colours: a forest line, lime, mint, white.
   A person (.fig) is a picture file on its lime circle; a thing at its corner (.fig-bdg) sits on the circle's edge, where the picture puts it.
   A thing (.obj) is drawn inline on a mint circle; on a dark or forest band its line turns mint and its circle forest; on a mint or sage panel
   its circle turns white. */
.fig { position: relative; display: block; width: 100%; }
.fig img { display: block; width: 146.5116%; max-width: none; height: auto; margin: -2.3256% 0 0 -13.9535%; }
/* (v214, owner, 2026-10-13: "asegúrate que no le cortas las manos o brazos a algunos avatares"): a person's picture is wider and a little taller than its
   box (1260 × 1300 against the circle's square, 860 × 1280), so a hand, an arm or what it holds is drawn whole, reaching past the box. The box (.fig)
   keeps the size and place it had: the picture is laid out so that the square is where the box is. Nothing around a person clips it.
   v219 (owner, 2026-10-14: "cámbialas por las que no tienen brazos cortados, pero mantén el fondo circular"): the circle no longer cuts the person
   either; the bust stands whole in front of its circle (the files, made by the generator). */
.fig-bdg { position: absolute; left: 83.26%; top: 85.94%; width: 30.7%; transform: translate(-50%, -50%); }

.obj { display: block; width: 100%; height: auto; overflow: visible; --obj-bg: #E2F6D5; --obj-ink: #163300; --obj-fill: #9FD182; }
.obj .obj-bg { fill: var(--obj-bg); } .obj .of { fill: var(--obj-fill); } .obj .ol { fill: var(--obj-ink); }
.obj.badge .obj-bg { fill: #FFFFFF; stroke: #163300; stroke-width: 12; } .obj.badge .ol { fill: #163300; } .obj.badge .of { fill: #9FD182; }
/* on a white circle: a mint or sage panel */
.l2-steps .obj, .st-data .obj, .st-month .obj, .obj.on-panel { --obj-bg: #FFFFFF; }
/* on a dark band, the forest band, a dark card */
.l2-trustsec .obj, .l2-pj .obj, .hc-bx.dark .obj, .obj.on-dark { --obj-ink: #E2F6D5; --obj-bg: #1F4209; }
