/* AMBITECT · Generador de nombres y logotipos (ES) */
@font-face{font-family:"Manrope NL";src:url("fonts/Manrope-Var.ttf") format("truetype");font-weight:200 800;font-display:swap}
@font-face{font-family:"Unbounded NL";src:url("fonts/Unbounded-Var.ttf") format("truetype");font-weight:200 900;font-display:swap}
.nl-hero{padding:28px 0 8px}.nl-hero h1{margin-bottom:8px}
.nl-grid{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start;margin-top:16px}
@media (max-width:900px){.nl-grid{grid-template-columns:1fr}}
.nl-form .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nl-seg{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 14px}.nl-seg label{cursor:pointer}
.nl-seg label{position:relative}.nl-seg input{position:absolute;opacity:0;pointer-events:none;width:1px!important;height:1px;min-height:0!important;margin:0!important;left:0;top:0}
.nl-seg span{display:inline-block;padding:8px 12px;border:1px solid var(--line-strong);border-radius:var(--r-pill);font-size:14px;min-height:36px}
.nl-seg input:checked+span{background:var(--acc);color:var(--acc-ink);border-color:var(--acc)}
.nl-seg input:focus-visible+span{outline:3px solid var(--acc-soft)}
.nl-names{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.nl-name{display:block;text-align:left;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:12px 14px;cursor:pointer;font:inherit;color:inherit}
.nl-name:hover,.nl-name.on{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc-soft)}
.nl-name b{display:block;font:600 19px/1.2 var(--font-display)}.nl-name .s{display:block;font-size:13.5px;color:var(--ink-2);margin:4px 0}
.nl-name .t{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--acc-text)}
.nl-name .d{display:block;font:400 12px var(--font-mono,monospace);color:var(--muted);margin-top:6px;word-break:break-all}
.nl-concepts{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.nl-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:10px;cursor:pointer;font:inherit;text-align:left}
.nl-card.on{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc-soft)}
.nl-card .p{height:120px;display:flex;align-items:center;justify-content:center;background:var(--paper);border-radius:10px;padding:8px}
.nl-card .p svg{max-height:104px;width:auto;max-width:100%}.nl-card .m{font-size:12px;color:var(--muted);margin-top:6px}
.nl-editor{display:grid;grid-template-columns:1fr 300px;gap:16px;margin-top:16px}@media (max-width:900px){.nl-editor{grid-template-columns:1fr}}
.nl-stage{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:16px}
.nl-big{min-height:220px;display:flex;align-items:center;justify-content:center;background:var(--paper);border-radius:12px;padding:20px}.nl-big svg{max-height:200px;width:auto}
.nl-mocks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.nl-mock{border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:center;min-height:110px}.nl-mock svg{max-height:80px;width:auto}
.nl-sw{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.nl-sw button{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line-strong);cursor:pointer}
.nl-sw button.on{box-shadow:0 0 0 2px var(--ink)}
.nl-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.nl-note{font-size:13px;color:var(--muted)}.nl-legal{border-left:3px solid var(--acc);padding:8px 12px;background:var(--surface);font-size:13.5px;margin-top:12px}
.nl-step{font:600 12px var(--font-text);letter-spacing:.1em;text-transform:uppercase;color:var(--acc-text);margin:22px 0 8px}
.nl-toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:#1C1B1A;color:#fff;padding:8px 14px;border-radius:8px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:50}.nl-toast.on{opacity:1}
@media (max-width:600px){.nl-concepts{grid-template-columns:1fr 1fr;gap:8px}.nl-card{padding:6px}.nl-card .p{height:84px;padding:4px}.nl-card .p svg{max-height:76px}.nl-card .m{font-size:11px}.nl-mocks{grid-template-columns:1fr}}