/* ============================================================
   LAYOUT — Contenedor de la app y sistema de vistas
   ============================================================ */

#app {
  position: relative;
  width: 100%;
}

/* ── Sistema de vistas (SPA) ── */
.view {
  display: none;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
}

.view--active {
  display: flex;
}

/* El configurador es viewport-fijo (sin scroll de página) */
#view-configurator.view--active {
  height: 100vh;
  min-height: unset;
  overflow: hidden;
  background: var(--c-bg-app);
}

/* La vista final: viewport fijo igual que el configurador */
#view-final.view--active {
  height: 100vh;
  min-height: unset;
  overflow: hidden;
  background: var(--c-white);
}