/* apps-abstractos.css — abstractos de Abstract UI (Figma, sección 03h) en lugar de las
   fotos de stock. Lo cargan ia-ready.html y marketplace.html (y la copia de prueba). */

/* Card del marketplace: 16:10 con el abstracto sobre un degradado del acento de la app */
.app-thumb.has-photo.abs { aspect-ratio: 16/10; background: radial-gradient(120% 140% at 75% 15%, color-mix(in srgb, var(--acc) 42%, #fff), color-mix(in srgb, var(--acc) 18%, #fff) 55%, color-mix(in srgb, var(--acc) 8%, var(--bg-elev-2))); }
html:not([data-theme="light"]) .app-thumb.has-photo.abs { background: radial-gradient(120% 140% at 75% 15%, color-mix(in srgb, var(--acc) 34%, #14161b), color-mix(in srgb, var(--acc) 14%, #14161b) 55%, #0f1013); }
.app-thumb.abs .thumb-photo { display: none; }
.app-thumb.abs .thumb-abs { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 5% 6% 2%; z-index: 1; }
/* acento por app (mismos valores que c-*-txt de apps-grid.css + los nuevos) */
.app-thumb.c-ana  { --acc: #7c5cf0; }
.app-thumb.c-prov { --acc: #e07628; }
.app-thumb.c-inv  { --acc: #6cbf4b; }   /* verde hoja en el tinte, para separarse del cian */
.app-thumb.c-pos  { --acc: #d98e00; }
.app-thumb.c-pick { --acc: #e0457f; }
.app-thumb.c-cons { --acc: #2f86f0; }
.app-thumb.c-fac  { --acc: #e0457f; }   /* Resumen de Tarjeta: fucsia (Seba, 23/10) */
.app-thumb.c-red  { --acc: #cfc27a; }   /* Rentabilidad ML: amarillo apagado; el amarillo pleno va en la ilustración */
.app-thumb.c-recep{ --acc: #087f99; }

/* Ficha: el abstracto es la primera slide de la galería y reemplaza el ícono genérico */
.shot.shot-abs { background: radial-gradient(120% 140% at 75% 15%, color-mix(in srgb, var(--app) 42%, #fff), color-mix(in srgb, var(--app) 18%, #fff) 55%, color-mix(in srgb, var(--app) 8%, var(--bg-elev-2))); display: grid; place-items: center; }
html:not([data-theme="light"]) .shot.shot-abs { background: radial-gradient(120% 140% at 75% 15%, color-mix(in srgb, var(--app) 34%, #14161b), color-mix(in srgb, var(--app) 14%, #14161b) 55%, #0f1013); }
.shot.shot-abs img { object-fit: contain; padding: 4% 6% 1%; }

/* Analytics Pro es el flagship: va en el cian de YiQi, no en el violeta de Analytics */
.app-card:has([data-app="yiqi-analytics-pro"]) .app-thumb, .app-thumb.c-ana.yiqi-analytics-pro, .app-thumb.yiqi-analytics-pro { --acc: var(--cyan, #009fc7); }
.app-card.flagship .app-category { color: var(--cyan) !important; }
.app-card.flagship .app-install-btn { color: var(--cyan) !important; background: var(--cyan-soft) !important; }
html[data-app="yiqi-analytics-pro"] { --app: var(--cyan); --app-soft: var(--cyan-soft); --app-ink: #0f1719; }

/* Apps en desarrollo/homologación: el grisado va solo al texto; la ilustración se ve entera (Seba, 23/10). */
.app-card.app-card--soon > .app-thumb { filter: none; }
.app-card.app-card--soon > .app-body  { filter: opacity(.45); }

/* Fondo de la card: tinte plano del acento de cada app, sin degradé (Seba, 23/10). Versión neutra: #e6e3dc. */
.app-thumb.has-photo.abs { background: color-mix(in srgb, var(--acc) 14%, #e9e6e0); }   /* tinte plano del acento, sin degradé */
html:not([data-theme="light"]) .app-thumb.has-photo.abs { background: color-mix(in srgb, var(--acc) 16%, #16181d); }
/* Sin la sombra en degradé que el sitio pone arriba de las fotos: con abstracto el fondo queda plano. */
.app-thumb.abs::after { display: none; }

/* Familias de color (Seba, 23/10): Abastecimiento, Proveedores y POS = cian de YiQi (como Analytics Pro); Inventario = verde de Picking. */
.app-thumb.yiqi-supply, .app-thumb.front-de-proveedores-ocr, .app-thumb.yiqi-pos { --acc: var(--cyan, #009fc7); }
.app-card:has(.app-thumb.yiqi-supply) .app-category, .app-card:has(.app-thumb.front-de-proveedores-ocr) .app-category, .app-card:has(.app-thumb.yiqi-pos) .app-category { color: var(--cyan, #009fc7) !important; }
.app-card:has(.app-thumb.yiqi-supply) .app-install-btn, .app-card:has(.app-thumb.front-de-proveedores-ocr) .app-install-btn, .app-card:has(.app-thumb.yiqi-pos) .app-install-btn { color: var(--cyan, #009fc7) !important; background: var(--cyan-soft, rgba(0,159,199,.12)) !important; }
.app-thumb.inventariado-mobile { --acc: #6cbf4b; }
.app-card:has(.app-thumb.inventariado-mobile) .app-category { color: #12b486 !important; }
.app-card:has(.app-thumb.inventariado-mobile) .app-install-btn { color: #15d49c !important; background: rgba(21,212,156,.12) !important; }

/* Resumen de Tarjeta en fucsia: categoría y botón de la card */
.app-card:has(.app-thumb.generador-factura-resumen) .app-category { color: #d63a76 !important; }
.app-card:has(.app-thumb.generador-factura-resumen) .app-install-btn { color: #d63a76 !important; background: rgba(224,69,127,.12) !important; }