.app-venta-flash-wrap { max-width: 980px; }
.app-venta-flash-cab { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; } .app-venta-flash-cab h1 { margin: 0; font-size: 22px; }
.app-venta-flash-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin: 12px 0 16px; }
.app-venta-flash-tabla { overflow-x: auto; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; }
.app-venta-flash-tabla table { width: 100%; border-collapse: collapse; } .app-venta-flash-tabla th, .app-venta-flash-tabla td { text-align: left; padding: 10px 12px; border-top: 1px solid var(--line); vertical-align: middle; } .app-venta-flash-tabla th { border-top: 0; color: var(--ink-2); font-weight: 600; }
.app-venta-flash-prod { display: flex; gap: 10px; align-items: center; } .app-venta-flash-prod img, .app-venta-flash-sinimg { width: 40px; height: 40px; object-fit: cover; border-radius: 6px; background: #e4e7ec; display: inline-block; }
.app-venta-flash-estado { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 12px; font-weight: 600; background: #e4e7ec; }
.app-venta-flash-estado--activa { background: #d3f5df; color: #0b5d2a; } .app-venta-flash-estado--programada { background: #dbe7ff; color: #1b3a9e; } .app-venta-flash-estado--pausada { background: #fbf0dc; color: #6b4a09; }
.app-venta-flash-err { color: #b42318; } .app-venta-flash-acc { white-space: nowrap; }
.app-venta-flash-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px; margin: 12px 0; }
.app-venta-flash-form label { display: grid; gap: 4px; font-weight: 600; font-size: 13px; } .app-venta-flash-form .app-venta-flash-chk { display: flex; gap: 8px; align-items: center; font-weight: 500; }
.app-venta-flash-form input:not([type=checkbox]):not([type=color]):not([type=range]), .app-venta-flash-form select, #m-q { font: inherit; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; background: #fff; width: 100%; }
.app-venta-flash-modal { position: fixed; inset: 0; background: rgba(15,20,30,.5); display: flex; align-items: flex-start; justify-content: center; overflow-y: auto; padding: 24px 12px; z-index: 50; }
.app-venta-flash-modal-in { background: #fff; border-radius: 12px; padding: 20px; width: min(860px, 100%); }
.app-venta-flash-lista { max-height: 220px; overflow-y: auto; border: 1px solid var(--line); border-radius: 8px; margin: 8px 0; }
.app-venta-flash-item { display: flex; gap: 10px; align-items: center; padding: 6px 10px; border-top: 1px solid var(--line); } .app-venta-flash-item:first-child { border-top: 0; } .app-venta-flash-item span { flex: 1; } .app-venta-flash-item img { border-radius: 4px; object-fit: cover; }
.app-venta-flash-botones { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0 0; }
.app-venta-flash-prevs { display: flex; gap: 16px; flex-wrap: wrap; margin: 12px 0; align-items: flex-start; }
.app-venta-flash-prev-card { width: 200px; background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 10px; position: relative; font-size: 14px; }
.app-venta-flash-prev-img { position: relative; height: 130px; background: #e4e7ec; border-radius: 8px; margin-bottom: 8px; } .app-venta-flash-prev-img .app-venta-flash-etq-pos { top: 6px; left: 6px; }
.app-venta-flash-prev-t { margin: 0 0 4px; } .app-venta-flash-prev-nota { display: block; margin-top: 8px; color: var(--ink-2); font-size: 11px; }
.app-venta-flash-prev-ficha { flex: 1; min-width: 240px; background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 14px; } .app-venta-flash-prev-ficha h4 { margin: 0 0 6px; font-size: 18px; }
.app-venta-flash-prev-precio { font-size: 20px; } .app-venta-flash-prev-btn { display: inline-block; margin-top: 8px; background: #111; color: #fff; padding: 10px 18px; border-radius: 8px; }
.app-venta-flash-disenos { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.app-venta-flash-dis { background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 12px; } .app-venta-flash-dis .app-venta-flash-prev-card { width: auto; }
.app-venta-flash-formatos { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; } .app-venta-flash-formatos > div { background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 12px; display: grid; gap: 6px; }
.app-venta-flash-aviso-precio { margin: 16px 0; }

/* vista previa del banner: tamaño contenido (en la tienda ocupa casi toda la pantalla) */
.app-venta-flash-banner, .app-venta-flash-banner:not(.app-venta-flash-banner--small):not(.app-venta-flash-banner--large), .app-venta-flash-banner--small, .app-venta-flash-banner--large { min-height: 420px; }