/* ================================================================= SITW — "Armá tu sitio ideal" · constructor visual PRO Cockpit de 3 paneles (paleta · lienzo · inspector). El CHROME del editor es violeta/pixel (identidad de "la red"). El LIENZO renderiza un SITIO REAL (vista en tiempo real), con temas Claro / Oscuro / Neón y tipografías intercambiables. Se monta a pantalla completa sobre . Todo client-side. ================================================================= */ @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=Fraunces:ital,wght@0,400;0,600;1,500&family=VT323&family=Poppins:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&family=Oswald:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,600;1,500&display=swap'); .sitw-builder { /* --- paleta del editor (chrome) --- */ --swb-bg: #08060f; --swb-bg2: #0c0918; --swb-panel: #100b1f; --swb-panel2: #160f29; --swb-elev: #1b1334; --swb-line: #251a3e; --swb-line2: #34254f; --swb-violet: #a36bff; --swb-violet-2: #7c4dff; --swb-violet-soft:#cbb0ff; --swb-green: #36e3a0; --swb-amber: #ffce5c; --swb-pink: #ff5ca8; --swb-cyan: #5cd8ff; --swb-ink: #ece6fb; --swb-dim: #8c7eb4; --swb-dim2: #6a5f8c; --swb-accent: #a36bff; /* color de marca del sitio (editable) */ --swb-pixel: 'Press Start 2P', monospace; --swb-ui: 'Space Grotesk', 'Inter', system-ui, sans-serif; --swb-mono: 'VT323', monospace; --swb-radius: 14px; --swb-shadow: 0 24px 60px rgba(0,0,0,.55); position: fixed; inset: 0; z-index: 2000000; display: flex; flex-direction: column; background: radial-gradient(1400px 700px at 50% -15%, rgba(124,77,255,.16), transparent 62%), radial-gradient(900px 500px at 100% 110%, rgba(54,227,160,.06), transparent 60%), var(--swb-bg); color: var(--swb-ink); font-family: var(--swb-ui); -webkit-font-smoothing: antialiased; opacity: 0; transform: scale(.99); transition: opacity .5s cubic-bezier(.2,.8,.2,1), transform .5s cubic-bezier(.2,.8,.2,1); overflow: hidden; } .sitw-builder.is-show { opacity: 1; transform: none; } .sitw-builder *, .sitw-builder *::before, .sitw-builder *::after { box-sizing: border-box; } /* reset neutral de controles dentro del builder: el tema (Astra) pinta TODOS los