/* SPDX-License-Identifier: GPL-3.0-or-later · /instalar (sprint 099) */
.ig-main { max-width: 1040px; }
.ig-main .ig-steps { grid-auto-columns: minmax(200px, 1fr); }
.ig-installed { padding: 10px 12px; border-radius: 10px; background: color-mix(in srgb, var(--green, #12935c) 14%, transparent); color: var(--green, #12935c); font-weight: 600; }
.ig-why { margin: 0 0 8px; padding-left: 20px; display: grid; gap: 6px; }
.ig-qr { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.ig-qr-c { width: 150px; height: 150px; flex: none; background: #fff; padding: 6px; border-radius: 10px; }
.ig-qr-c svg { width: 100%; height: 100%; }
.ig-qr p { margin: 0; flex: 1; min-width: 200px; }
@media (max-width: 760px) { .ig-qr, .ig-pc-h { display: none; } }
/* La página es flex: sin min-width 0 el carrusel de pasos ensanchaba todo y había que desplazarse a la derecha */
.ig-main { min-width: 0; width: 100%; box-sizing: border-box; }
.ig-main .ig, .ig-main .ig-steps { min-width: 0; max-width: 100%; }
@media (max-width: 620px) { .ig-main .ig-steps { grid-auto-columns: 82%; } .ig-tabs button { font-size: 12.5px; padding: 6px 10px; } }