.gncl{--bg:#f5f5f7;--panel:#fff;--line:#e6e6ee;--text:#17171b;--muted:#666a77;--accent:#6e39ff;--accent2:#ff4f8b;--shadow:0 20px 60px rgba(13,16,35,.08);max-width:1360px;margin:0 auto;padding:26px 18px 48px;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.gncl *{box-sizing:border-box}.gncl-heading span{display:inline-block;font-size:12px;letter-spacing:.16em;font-weight:800;color:#6c7489;margin-bottom:8px}.gncl-heading h2{margin:0 0 8px;font-size:clamp(28px,4vw,42px);line-height:1.05}.gncl-heading p{margin:0 0 22px;color:var(--muted);max-width:920px}
.gncl-layout{display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(320px,.9fr);gap:28px;align-items:start}
.gncl-stage{position:sticky;top:24px;min-height:700px;border-radius:28px;overflow:hidden;background:linear-gradient(160deg,#2e2f35 0%,#46423f 32%,#504844 100%);box-shadow:var(--shadow);padding:20px 20px 60px}
.gncl-top{position:relative;z-index:3;color:#fff;font-weight:800;letter-spacing:.08em;font-size:13px}.gncl-top span{display:block;color:rgba(255,255,255,.62);font-size:11px;margin-top:4px}
.gncl-wall{position:absolute;inset:0;background:
 linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.08)),
 radial-gradient(circle at 25% 18%,rgba(255,255,255,.12),transparent 26%),
 radial-gradient(circle at 80% 20%,rgba(255,255,255,.08),transparent 24%),
 linear-gradient(180deg,#6a625b 0 75%,#3f342e 75% 100%);
}
.gncl-wall:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 74%, rgba(0,0,0,.3) 75%, rgba(0,0,0,.45) 76%, transparent 76%),repeating-linear-gradient(90deg,transparent 0 11%,rgba(255,255,255,.02) 11% 12%)}
.gncl-bracket{position:absolute;left:15%;top:42%;width:86px;height:86px;border-radius:10px;background:linear-gradient(145deg,#2d3138,#171a1f);box-shadow:inset 0 0 0 2px rgba(255,255,255,.05),0 12px 24px rgba(0,0,0,.28)}
.gncl-bracket:before,.gncl-bracket:after{content:"";position:absolute;background:linear-gradient(145deg,#414751,#1f232a)}
.gncl-bracket:before{width:18px;height:84px;left:34px;top:1px;border-radius:9px}.gncl-bracket:after{width:58px;height:16px;left:42px;top:35px;border-radius:8px}
.gncl-sign-wrap{position:absolute;left:28%;top:27%;width:58%;height:42%;display:flex;align-items:center;justify-content:center}
.gncl-sign{position:relative;width:68%;aspect-ratio:1/1;border-radius:50%;background:linear-gradient(180deg,#f9f9f4,#efefe8);display:flex;align-items:center;justify-content:center;padding:12%;box-shadow:0 0 0 14px #1d1e22,0 0 0 15px rgba(255,255,255,.16),0 0 30px rgba(255,244,210,.25),0 0 90px rgba(255,255,240,.18);transition:all .28s ease}
.gncl-stage[data-shape="square"] .gncl-sign,.gncl-stage[data-shape="rect"] .gncl-sign{border-radius:14px;box-shadow:0 0 0 12px #1d1e22,0 0 0 13px rgba(255,255,255,.12),0 0 30px rgba(255,244,210,.2),0 0 90px rgba(255,255,240,.14)}
.gncl-stage[data-shape="square"] .gncl-sign{width:64%;aspect-ratio:1/1}
.gncl-stage[data-shape="rect"] .gncl-sign{width:82%;aspect-ratio:1.22/1;border-radius:10px}
.gncl-stage[data-light="calida"] .gncl-sign{background:linear-gradient(180deg,#fff6df,#f5e3bc);box-shadow:0 0 0 14px #1d1e22,0 0 0 15px rgba(255,255,255,.14),0 0 40px rgba(255,198,116,.36),0 0 120px rgba(255,197,102,.24)}
.gncl-stage[data-light="fria"] .gncl-sign{background:linear-gradient(180deg,#fbfdff,#f3f7ff);box-shadow:0 0 0 14px #1d1e22,0 0 0 15px rgba(255,255,255,.16),0 0 40px rgba(135,182,255,.22),0 0 120px rgba(170,212,255,.18)}
.gncl-stage[data-frame="blanco"] .gncl-sign{box-shadow:0 0 0 14px #e7e7ea,0 0 0 15px rgba(40,40,40,.16),0 0 35px rgba(255,255,240,.18),0 0 110px rgba(255,255,240,.12)}
.gncl-stage[data-frame="plata"] .gncl-sign{box-shadow:0 0 0 14px #b5bbc5,0 0 0 15px rgba(25,27,30,.22),0 0 35px rgba(255,255,240,.18),0 0 110px rgba(255,255,240,.12)}
.gncl-stage[data-frame="dorado"] .gncl-sign{box-shadow:0 0 0 14px #aa8b45,0 0 0 15px rgba(45,33,12,.22),0 0 35px rgba(255,255,240,.18),0 0 110px rgba(255,255,240,.12)}
.gncl-stage[data-body="acrylic"] .gncl-sign{box-shadow:0 0 0 8px rgba(255,255,255,.12),0 0 0 18px rgba(255,255,255,.20),0 0 40px rgba(255,255,255,.16),0 0 110px rgba(255,255,255,.10)}
#gncl-logo{max-width:82%;max-height:64%;object-fit:contain;display:block;filter:drop-shadow(0 2px 1px rgba(255,255,255,.2)) drop-shadow(0 0 16px rgba(255,255,255,.12))}
.gncl-placeholder{font-size:clamp(18px,2vw,28px);font-weight:800;color:#555;letter-spacing:.01em;text-align:center;line-height:1.05}
.gncl-stage-note{position:absolute;left:24px;right:24px;bottom:18px;color:rgba(255,255,255,.82);font-size:13px;z-index:3}
.gncl-form{display:grid;gap:16px}.gncl-panel,.gncl-total{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:18px 18px 16px;box-shadow:var(--shadow)}
.gncl-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.gncl-label b{display:inline-flex;width:30px;height:30px;border-radius:999px;align-items:center;justify-content:center;background:#ffd42a;color:#111}
.gncl-form label{display:block;font-size:14px;font-weight:700;margin:0 0 8px}.gncl-form small{display:block;color:var(--muted);margin-top:8px}.gncl-form select,.gncl-form input[type=file]{width:100%;padding:13px 14px;border:1px solid #d8dbe5;border-radius:14px;background:#fff}.gncl-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gncl-chips{display:flex;flex-wrap:wrap;gap:10px}.gncl-chips label{margin:0}.gncl-chips input{position:absolute;opacity:0;pointer-events:none}.gncl-chips span{display:inline-flex;min-height:42px;padding:10px 14px;align-items:center;justify-content:center;border-radius:999px;border:1px solid #d8dbe5;background:#fff;color:#202431;font-weight:700;cursor:pointer;transition:all .18s ease}.gncl-chips input:checked+span{border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 10px 26px rgba(102,56,255,.24)}
.gncl-total{display:flex;justify-content:space-between;align-items:flex-end}.gncl-total span{display:block;color:var(--muted);font-size:14px}.gncl-total strong{display:block;font-size:40px;line-height:1;font-weight:900}.gncl-total small{margin:0 0 4px}
.gncl-warning{font-size:14px;color:#5a5d69;margin:0}.gncl-primary,.gncl-whatsapp,.gncl-draft{display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:16px;text-align:center;text-decoration:none;font-weight:800}.gncl-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:0;cursor:pointer;box-shadow:0 18px 36px rgba(102,56,255,.22)}.gncl-whatsapp{border:1px solid var(--line);color:#1a1d27;background:#fff}.gncl-draft{border:1px dashed #cfd3e0;color:#6a7182;background:#fbfbfe;padding:0 14px}
@media (max-width: 980px){.gncl-layout{grid-template-columns:1fr}.gncl-stage{position:relative;top:auto;min-height:560px}.gncl-sign-wrap{left:30%;top:26%;width:56%;height:44%}.gncl-bracket{left:12%}}
@media (max-width: 640px){.gncl{padding:18px 12px 30px}.gncl-stage{min-height:440px;border-radius:22px}.gncl-sign-wrap{left:34%;top:26%;width:56%;height:40%}.gncl-bracket{left:8%;top:43%;width:64px;height:64px}.gncl-bracket:before{width:14px;height:62px;left:25px}.gncl-bracket:after{width:46px;height:12px;left:31px;top:26px}.gncl-total{flex-direction:column;align-items:flex-start;gap:8px}.gncl-total strong{font-size:34px}}