/* Portadas compartidas entre catálogo, biblioteca y estudio. */
.sitw-course-art { --art: #c0a1ff; position: relative; isolation: isolate; overflow: hidden; aspect-ratio: 16/8; width: 100%; background: #201b38; color: var(--art); }
.sitw-course-art.art-1 { --art: #8be2d3; background: #14332f; }
.sitw-course-art.art-2 { --art: #f3ba8d; background: #39261e; }
.sitw-course-art.art-3 { --art: #b2c7ff; background: #1a2945; }
.sitw-course-art.art-4 { --art: #eab3db; background: #382038; }
.sitw-course-art::after { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse at 85% 10%, #ffffff15, transparent 65%), repeating-linear-gradient(0deg, transparent, transparent 31px, #ffffff08 32px); }
.sitw-course-art img { display: block; width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0; z-index: 1; background: #09090d; transition: transform .35s; }
.sitw-course-art-word { position: absolute; inset: 10% 9%; display: flex; align-items: center; justify-content: space-between; font: 500 clamp(60px,7vw,100px)/1 'Inter',sans-serif; letter-spacing: -.08em; }
.sitw-course-art-word b { font-size: .9em; font-weight: 400; }
.sitw-course-art small { position: absolute; bottom: 12px; left: 20px; font: 500 8px/1.5 'Inter',sans-serif; letter-spacing: .18em; }
.sitw-course-art-orbits { position: absolute; width: 70%; aspect-ratio: 1; right: -10%; top: -10%; transform: rotate(-30deg); }
.sitw-course-art-orbits i { position: absolute; inset: 10%; border: 1px solid currentColor; border-radius: 50%; opacity: .3; }
.sitw-course-art-orbits i:nth-child(2) { inset: 20% 0; }
.sitw-course-art-orbits i:nth-child(3) { inset: 0 25%; }
@media (prefers-reduced-motion: reduce) { .sitw-course-art img { transition: none; } }