/* Capas de arte vectorial (portadas y miniaturas). Los colores vienen de las variables de la skin. */
.art{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.art svg{position:absolute;left:0;width:100%;height:auto;display:block}
.art svg.top{top:0}
.art svg.bot{bottom:0}
.art svg.mid,.art svg.full{top:0;height:100%}
.art svg.ctr{left:50%;top:11%;bottom:auto;transform:translateX(-50%);width:78%;height:auto}
.art svg.frame{left:8%;top:6%;width:84%;height:88%}
.art-img{position:absolute;z-index:0;pointer-events:none;display:block}
.art-img-full{inset:0;width:100%;height:100%;object-fit:cover}
.art-img-top{top:0;left:0;width:100%;height:auto}
.art-img-bot{bottom:0;left:0;width:100%;height:auto}

.art .lf{fill:var(--leaf)}
.art .pt{fill:var(--petal)}
.art .pt.lite{opacity:.72}
.art .pt2{fill:var(--accent2)}
.art .ac{fill:var(--accent)}
.art .fc{fill:#F6DC86}
.art .st{fill:none;stroke:var(--leaf);stroke-width:1.2;stroke-linecap:round}
.art .ink{fill:none;stroke:var(--ink);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.art .ink2{fill:none;stroke:var(--ink);stroke-width:1;opacity:.65}
.art .ink-f{fill:var(--ink)}
.art .heart{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round}
.art .heartf{fill:var(--accent2)}
.art .gold{fill:#D9B45A}
.art .arch{fill:rgba(255,255,255,.5);stroke:var(--accent);stroke-width:1}
.art .pam{fill:none;stroke:var(--accent);stroke-width:1;opacity:.85}
.art .pamf{fill:var(--accent2)}
.art .stripe{fill:var(--accent2)}
.art .paper{fill:var(--bg)}
.art .dash{fill:none;stroke:var(--accent);stroke-width:1.6;stroke-dasharray:3 4;stroke-linecap:round}
.art .plane{fill:var(--accent)}
.art .stamp{fill:none;stroke:var(--accent2);stroke-width:1.4;stroke-dasharray:2 2}
.art .pin{fill:var(--accent)}

/* Color block: nombre gigante */
.art-color-block{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 6%}
.art-color-block .cb-big span{display:block;font-family:var(--fh);font-size:62cqw;line-height:.74;color:var(--accent2);white-space:nowrap}
.art-color-block .cb-big span+span{padding-left:14%}
.art-skin-color-block .names,.art-skin-color-block .tagline,.art-skin-color-block .date{color:var(--text)}

/* Bresh: brillo de fondo */
.art-bresh{background:radial-gradient(120% 70% at 30% 10%,color-mix(in srgb,var(--accent2) 45%,transparent),transparent 60%),radial-gradient(100% 70% at 80% 90%,color-mix(in srgb,var(--accent) 50%,transparent),transparent 60%)}
.art-skin-bresh .names{text-shadow:0 2px 0 rgba(255,255,255,.35),0 6px 18px rgba(0,0,0,.35)}

/* Dibujos de línea: la ilustración arriba, los nombres abajo */
.cover-art[class*="art-skin-dibujo"]{align-items:flex-end}
.cover-art[class*="art-skin-dibujo"] .cover-txt{padding-bottom:15%}
.cover-art[class*="art-skin-dibujo"] .cover-txt{padding-top:0}
.mini[class*="art-skin-dibujo"] .m-txt{justify-content:flex-end;padding-bottom:13cqw}
.mini[class*="art-skin-dibujo"] .m-names{font-size:17cqw}