/* Pantalla Imágenes */
.pantalla--imagenes{--imagen-claro:oklch(100% 0 0);--imagen-oscuro:oklch(93% 0.006 85)}
.imagenes-conflicto{margin-bottom:var(--space-lg)}
.imagenes-conflicto:empty{display:none}
.imagenes-conflicto .mensaje-form{display:grid;gap:var(--space-sm)}
.imagenes-rejilla{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr))}
.imagen{display:grid;gap:var(--space-md);align-content:start}
.imagen__cab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-xs)}
.imagen__nombre{font-size:var(--text-md);font-weight:700}
/* El fondo de ajedrez claro se mantiene en modo oscuro: así se ve la transparencia y el logo como en el sitio. */
.imagen__vista{display:grid;place-items:center;height:14rem;padding:var(--space-sm);overflow:hidden;border:1px solid var(--color-rule);border-radius:var(--radius-sm);background-color:var(--imagen-claro);background-image:conic-gradient(var(--imagen-oscuro) 25%,transparent 0 50%,var(--imagen-oscuro) 0 75%,transparent 0);background-size:20px 20px}
.imagen__img{width:auto;height:auto;max-width:100%;max-height:12rem;object-fit:contain}
.imagen__estado{display:grid;gap:var(--space-2xs);font-size:var(--text-sm)}
.imagen__estado:empty{display:none}
.imagen__progreso{width:100%;height:.5rem;accent-color:var(--color-accent)}
.imagen__error{font-size:var(--text-sm);font-weight:500;color:var(--color-error)}
.imagen__error:empty{display:none}