/* V3.3: approved editorial artwork, scoped to ACCIONES/COLABORAR. */
.actions-editorial {padding:clamp(28px,4vw,56px) 0;background:var(--vs-tint);border-bottom:1px solid var(--vs-line)}
.actions-editorial-heading {max-width:760px;margin-bottom:28px}
.actions-editorial-heading h1 {margin-bottom:12px}
.actions-editorial-heading p {color:var(--vs-muted);margin:0}
.actions-artworks {list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.actions-artworks>li {min-width:0;margin:0}
.actions-artworks>li:first-child {grid-column:1/-1}
.artwork-card {margin:0;height:100%;display:flex;flex-direction:column;background:var(--vs-paper);border:1px solid var(--vs-line);border-radius:var(--vs-radius);overflow:hidden;box-shadow:var(--vs-shadow)}
.artwork-preview {display:block;padding:20px;color:var(--vs-ink);cursor:zoom-in}
.artwork-preview:hover {text-decoration:none;background:#fffefa}
.artwork-preview img {width:100%;height:auto;object-fit:contain;margin:auto}
.actions-artworks>li:first-child .artwork-preview img {max-width:860px}
.artwork-card figcaption {padding:18px 22px 22px;border-top:1px solid var(--vs-line);margin-top:auto}
.artwork-card h2 {font-size:1.15rem;line-height:1.4;letter-spacing:-.02em;margin:0 0 10px}
.artwork-number {font-size:.8rem;font-weight:500;color:var(--vs-teal-dark);display:block;margin-bottom:6px;letter-spacing:.04em}
.artwork-open-label {display:inline-block;margin-top:12px;color:var(--vs-teal-dark);font-size:.85rem;text-decoration:underline;text-underline-offset:4px}
.artwork-historical {display:inline-block;background:#fff0c5;color:#624700;border:1px solid #e7c967;border-radius:6px;padding:5px 10px;font-size:.8rem;font-weight:600;margin-bottom:10px}
.artwork-carousel-link {display:block;width:100%;height:100%;cursor:zoom-in}
.artwork-gallery-helper {padding:0 0 20px;margin-top:0;font-size:.9rem}
.artwork-gallery-helper a {text-decoration:underline}
.artwork-viewer {padding:0;border:1px solid var(--vs-line);border-radius:12px;width:min(1400px,calc(100vw - 40px));height:calc(100dvh - 40px);max-width:none;max-height:none;color:var(--vs-ink);background:var(--vs-paper)}
.artwork-viewer::backdrop {background:rgb(24 23 27 / .8)}
.artwork-viewer-shell {height:100%;display:flex;flex-direction:column;min-width:0}
.artwork-viewer-header {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;border-bottom:1px solid var(--vs-line);flex:none}
.artwork-viewer-header h2 {font-size:1.05rem;line-height:1.4;margin:0;min-width:0}
.artwork-viewer button,.artwork-viewer-original {min-height:44px;border:1px solid var(--vs-line);border-radius:6px;padding:7px 14px;background:white;color:var(--vs-teal-dark);font-size:.875rem;line-height:1.4;white-space:nowrap}
.artwork-viewer button:hover {background:var(--vs-tint)}
.artwork-viewer button:disabled {opacity:.4;cursor:default}
.artwork-viewer-tools {display:flex;align-items:center;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;padding:10px 20px;border-bottom:1px solid var(--vs-line);flex:none}
.artwork-viewer-group {display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.artwork-viewer-counter,.artwork-viewer-zoom {font-size:.875rem;min-width:46px;text-align:center;font-variant-numeric:tabular-nums}
.artwork-viewer-stage {min-height:0;min-width:0;flex:1;overflow:auto;padding:16px;background:#f5f5f1;overscroll-behavior:contain;touch-action:pan-x pan-y}
.artwork-viewer-image {display:block;max-width:none!important;height:auto!important;margin-inline:auto;object-fit:contain}
.artwork-viewer-help {padding:8px 20px;margin:0!important;font-size:.8rem;color:var(--vs-muted);border-top:1px solid var(--vs-line);flex:none}
@media(max-width:767px){
 .actions-artworks {grid-template-columns:minmax(0,1fr);gap:22px}
 .actions-editorial-heading {margin-bottom:22px}
 .artwork-preview {padding:10px}
 .artwork-card figcaption {padding:16px}
 .artwork-card h2 {font-size:1.05rem}
 .artwork-viewer {width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:8px}
 .artwork-viewer-header {gap:10px;padding:10px 12px}
 .artwork-viewer-header h2 {font-size:.9rem}
 .artwork-viewer-tools {padding:8px 12px;gap:8px}
 .artwork-viewer button,.artwork-viewer-original {padding:8px 10px;font-size:.8rem}
 .artwork-viewer-stage {padding:8px}
 .artwork-viewer-help {padding:7px 12px;font-size:.75rem}
}
@media print {.artwork-open-label,.artwork-viewer,.artwork-gallery-helper{display:none}.actions-artworks{display:block}.artwork-card{break-inside:avoid;margin-bottom:24px}.actions-editorial{background:white}}
