/* Banners e IA, y el detalle de las imágenes tratadas. */
.imagenes-pantalla { display: grid; gap: var(--e6); max-width: 54rem; }
.seccion-imagenes { background: var(--superficie); border: 1px solid var(--linea); border-radius: var(--radio-g); padding: var(--e5); }
.seccion-imagenes > h2 { font-size: var(--t-m); margin-bottom: var(--e2); }
.seccion-imagenes .rejilla-2 { display: grid; gap: 0 var(--e4); grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }
.aviso-limite { margin: 0 0 var(--e4); padding: var(--e3) var(--e4); border-left: 4px solid var(--e-revision-b); background: var(--e-revision-f); color: var(--e-revision-t); font-size: var(--t-s); }
.mensaje-error { margin: var(--e3) 0 0; padding: var(--e3) var(--e4); border: 1px solid var(--error-b); background: var(--error-f); color: var(--error-t); border-radius: var(--radio); font-size: var(--t-s); font-weight: 500; }
.notas-resumen p { margin: var(--e1) 0; }
.salida-fondo, .salida-banners { margin-top: var(--e4); }

.fondo-generado { display: grid; grid-template-columns: minmax(8rem, 15rem) 1fr; gap: var(--e4); align-items: start; }
.fondo-generado img { width: 100%; height: auto; border-radius: var(--radio); border: 1px solid var(--linea); }

.banners-resultado { list-style: none; margin: var(--e4) 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: var(--e4); }
.banner-resultado { border: 1px solid var(--linea); border-radius: var(--radio-g); overflow: hidden; background: var(--superficie-2); display: grid; align-content: start; }
.banner-resultado__vista { display: grid; place-items: center; background: #E1E8F2; padding: var(--e2); }
.banner-resultado__vista img { max-width: 100%; max-height: 18rem; width: auto; height: auto; box-shadow: var(--sombra); }
.banner-resultado__datos { padding: var(--e3) var(--e4) var(--e4); display: grid; gap: var(--e1); }

/* Detalle de una imagen tratada, en la tarjeta de Archivos */
.imagen-detalle { margin-top: var(--e2); display: grid; gap: var(--e1); }
.derivados { list-style: none; margin: 0; padding: 0; font-size: var(--t-xs); color: var(--tinta-suave); display: grid; gap: 2px; }
.derivado--pasa { color: var(--e-pendiente-t); font-weight: 500; }
.avisos-imagen { margin: var(--e1) 0 0; padding: var(--e2) var(--e3) var(--e2) var(--e5); font-size: var(--t-xs); background: #F3F7FD; border: 1px solid var(--e-pendiente-b); border-radius: var(--radio); color: var(--e-pendiente-t); display: grid; gap: var(--e1); }
.insignia-ia { margin: 0; padding: var(--e1) var(--e2); font-size: var(--t-xs); background: var(--e-revision-f); color: var(--e-revision-t); border: 1px solid var(--e-revision-b); border-radius: var(--radio); }
.archivo--ia { border-color: var(--e-revision-b); }

@media (max-width: 640px) {
  .seccion-imagenes { padding: var(--e4); }
  .fondo-generado { grid-template-columns: 1fr; }
}