.local-mode{padding:11px 24px;background:#14243b;border-bottom:1px solid #2b4668;color:#c4dcff;text-align:center;font-size:12px;line-height:1.5}
.local-mode strong{color:#fff}.local-mode a{text-decoration:underline;text-underline-offset:3px}
.selfservice .journey-intro h1{font-size:clamp(40px,4.8vw,68px)}
.selfservice .choice{overflow:hidden;position:relative;min-height:86px}
.selfservice .choice img{width:56px;height:64px;border-radius:9px;object-fit:cover;flex-shrink:0}
.selfservice .choice span{position:relative}.selfservice .stage-note{line-height:1.5}
.selfservice #j-plan{display:none}.selfservice .all-plans{display:none}
.selfservice .step-final .step-text{max-width:420px}
.local-checkout{width:min(680px,calc(100% - 28px));max-width:680px;max-height:90svh;overflow-y:auto;border:1px solid #385679;padding:32px;background:#111722;color:#eef4ff;border-radius:24px}
.local-checkout::backdrop{background:#050910cf;backdrop-filter:blur(8px)}
.local-checkout h2{font-size:36px;letter-spacing:-1px;margin:12px 0}.local-checkout .close{float:right;position:static}
.local-checkout label{display:flex;flex-direction:column;gap:8px;margin:20px 0;color:#d6e1f0;font-size:14px}
.local-checkout input,.local-checkout select{width:100%;padding:13px;border-radius:10px;border:1px solid #3b4c65;background:#0b1018;color:#eef4ff;font:inherit;color-scheme:dark}
.local-checkout input:focus-visible,.local-checkout select:focus-visible{outline:2px solid #75b7ff;outline-offset:3px}
.checkout-summary{padding:22px;background:linear-gradient(135deg,#183351,#1a203b);border:1px solid #375c82;border-radius:16px;margin:24px 0}
.checkout-summary p{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:10px 0;font-size:14px}
.checkout-summary strong{font-size:24px;color:#d6eaff}.checkout-summary small{display:block;color:#b9cbe0;line-height:1.6}
.checkout-demo-note{padding:14px;border-left:3px solid #75b7ff;background:#17243a;color:#c5d6ef;font-size:13px;line-height:1.6}
#checkout-feedback{color:#ffce9b;line-height:1.5;min-height:24px;margin-top:16px}.local-checkout .button{width:100%;justify-content:center}.local-checkout button:disabled{opacity:.55;cursor:wait}
.local-panel{max-width:1200px;padding:64px 28px;margin:auto}.local-panel h1{font-size:clamp(42px,6vw,72px);letter-spacing:-3px;margin:14px 0}.local-panel>p{color:#aebdd0;max-width:720px;line-height:1.7}
.panel-intro{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap;margin-bottom:32px}
.site-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px}
.local-card{background:linear-gradient(135deg,#172438,#11151f);border:1px solid #2c3e56;border-radius:20px;padding:28px;overflow-wrap:anywhere}
.local-card.just-created{border-color:#75b7ff;box-shadow:0 0 36px #75b7ff10}.local-card h2{font-size:30px;margin:22px 0 12px;letter-spacing:-1px}.local-card p{font-size:14px;color:#b3c1d3;line-height:1.7}.local-state{font-size:11px;letter-spacing:.5px;background:#253654;padding:7px 10px;border-radius:30px;color:#c6dfff}.local-state.pending{background:#423723;color:#f6d7a0}
.local-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:24px 0}.local-actions .button,.local-actions .outline{font-size:13px;padding:12px 16px}.local-card small{font-size:11px;color:#8d9fb7}
.site-viewer{display:flex;flex-direction:column;height:100svh;overflow:hidden}.site-viewer .view-bar{display:flex;justify-content:space-between;gap:12px;padding:12px 20px;align-items:center;background:#121d2c;flex-wrap:wrap;font-size:13px}.view-bar a{color:#a9d2ff}.view-bar span{color:#b7c8df}.site-viewer iframe{flex:1;min-height:0;width:100%;border:0;background:#111318}.site-viewer #panel-status:empty{display:none}
.selfservice-promo{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid #375c82;border-radius:18px;background:linear-gradient(120deg,#15283f,#191b32);margin:24px auto;max-width:1260px}.selfservice-promo h2{font-size:26px;margin:0 0 8px}.selfservice-promo p{color:#b9cbe0;font-size:14px;margin:0}
@media(max-width:700px){.local-checkout{padding:22px}.site-list{grid-template-columns:1fr}.local-panel{padding:36px 18px}.local-card{padding:22px}.local-panel h1{letter-spacing:-2px}.selfservice-promo{margin:18px;flex-direction:column;align-items:flex-start}.local-mode{font-size:11px}.selfservice .choice img{width:42px;height:50px}.selfservice .choice{padding:10px;min-height:78px}.local-checkout h2{font-size:30px}}

/* Studio: navegación explícita y una sola decisión por pantalla. */
.selfservice{--live:#75b7ff;--live2:#9b8aff;background:radial-gradient(ellipse at 80% 5%,#13233d55,transparent 50%),#0c0d11}
.selfservice .site-header{padding:20px 32px}.selfservice .brand{white-space:nowrap}.selfservice .site-header nav{gap:24px}
.selfservice .local-mode{padding:8px 18px;font-size:11px;background:#111e30;color:#a7bfdd;border-color:#24374f}
.builder-heading{max-width:1400px;margin:0 auto;padding:26px 32px 22px;scroll-margin-top:calc(var(--header-h) + 8px)}
.builder-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.builder-topline .eyebrow{font-size:10px;margin:0;color:#8196b3}.builder-topline #wizard-position{font-size:12px;color:#a7ccfa;white-space:nowrap}
#wizard-nav{display:flex;justify-content:space-between;gap:8px;overflow-x:auto;padding:4px 2px 12px}
#wizard-nav button{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid transparent;border-radius:9px;background:transparent;font:inherit;font-size:12px;color:#a5b1c3;cursor:pointer;white-space:nowrap}
#wizard-nav button span{display:grid;place-items:center;border:1px solid #354157;border-radius:50%;height:24px;width:24px;font-size:10px}#wizard-nav button.current{background:#1a2b44;color:#d5e8ff;border-color:#385a82}#wizard-nav button.current span{background:#75b7ff;border-color:#75b7ff;color:#07111f}#wizard-nav button:hover{color:white;background:#172234}
.wizard-track{height:2px;background:#253041;border-radius:3px;overflow:hidden}#wizard-bar{display:block;height:100%;background:linear-gradient(90deg,#75b7ff,#a89bff);transition:width .2s}
.selfservice .journey{grid-template-areas:"editor preview" "controls preview";grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:24px 36px;margin:0 auto;padding:12px 32px 36px;align-items:start}
.selfservice .journey-intro,.selfservice .journey-steps{grid-area:editor;min-width:0}
.selfservice .step{min-height:440px;padding:12px 0;opacity:1;transform:none;justify-content:flex-start}
.selfservice .step[hidden],.selfservice .journey-steps[hidden],.selfservice [hidden],.local-panel [hidden]{display:none!important}
.selfservice .journey-intro h1{font-size:clamp(38px,4vw,54px);margin:12px 0;line-height:1.05}.selfservice .journey-intro .intro{font-size:14px;max-width:430px}.selfservice .step h2{font-size:36px;line-height:1.15;margin:12px 0}.selfservice .step-text{font-size:14px;margin-bottom:24px}.selfservice .step-q{font-size:14px;margin-top:24px}.selfservice .step-q .step-num{display:none}
.selfservice .choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.selfservice .choice{min-height:84px;border-radius:12px;padding:8px;gap:12px;text-align:left;font-size:12px;line-height:1.35;background:#141c28}.selfservice .choice img{width:68px;height:68px;border-radius:8px;object-fit:cover}.selfservice .choice b{display:grid;place-items:center;width:68px;height:68px;border-radius:8px;flex-shrink:0;font-size:28px;background:linear-gradient(135deg,#29426b,#29263f);color:#b6d8ff}.selfservice .choice.active{background:#192f4c;border-color:#75b7ff}.selfservice .choice:hover{border-color:#75b7ff}.model-hint{font-size:11px;color:#98a9bf;margin:14px 0 0;line-height:1.6}
.selfservice .journey-stage{grid-area:preview;height:min(740px,calc(100svh - var(--header-h) - 40px));min-height:400px;top:calc(var(--header-h) + 18px);margin:0}.selfservice .stage-frame{box-shadow:0 24px 70px #0006;border-color:#33465e}.selfservice .stage-progress{min-width:0;gap:10px;font-size:11px}.preview-live{color:#86c8ff;white-space:nowrap;letter-spacing:1px;font-size:9px}#preview-business{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.selfservice .stage-dots{display:none}
.wizard-controls{grid-area:controls;align-self:end;border-top:1px solid #2c3749;padding-top:18px}.wizard-controls>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.wizard-controls button{font-size:13px;padding:12px 16px;white-space:nowrap}.wizard-controls button:disabled{opacity:.4;cursor:default}.wizard-controls .button{margin-left:auto}.wizard-controls .text-button{padding-left:0}#wizard-feedback{font-size:13px;color:#ffca9e;margin:0 0 12px}#wizard-feedback:empty{display:none}
.selfservice .big-input{max-width:none;font-size:13px}.selfservice .big-input input{font-size:16px!important;padding:12px 14px!important}.selfservice .big-input textarea{width:100%;resize:vertical;min-height:90px;font:inherit;font-size:14px;line-height:1.6;padding:12px 14px;border:1px solid #34445c;border-radius:12px;background:#111924;color:#e6effa}.selfservice .big-input small{font-size:11px;color:#9bacbf;line-height:1.7;display:inline-block;margin-top:6px}.selfservice .big-input textarea:focus-visible{outline:2px solid #75b7ff;outline-offset:2px}
.selfservice #j-plan{display:block;margin-top:8px}.selfservice .step-final{min-height:440px}.selfservice .burst{display:none}.selfservice .summary{margin-top:8px}.review-checklist{list-style:none;margin:24px 0 0;padding:0}.review-checklist li{display:grid;grid-template-columns:22px 1fr;padding:12px 0;border-bottom:1px solid #29374b;color:#d6e2f2;font-size:14px}.review-checklist span{color:#8bc8ff}.review-checklist small{grid-column:2;color:#9aacc2;font-size:11px}.review-preview{align-self:start;margin-top:20px}.selfservice .real-work,.selfservice .closing{display:none}.selfservice footer{padding:26px 32px;border-top:1px solid #253044}.selfservice .step h1:focus,.selfservice .step h2:focus{outline:none}
.selfservice.drawer-open{overflow:hidden}.selfservice .advanced-drawer{z-index:100}.selfservice .drawer-backdrop{z-index:99;background:#030713b3;backdrop-filter:blur(4px)}
.local-card .site-cover{height:200px;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(135deg,#254c78,#27213d);margin-bottom:22px}.site-cover img{height:100%;width:100%;object-fit:cover}.site-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#07101be8)}.site-cover strong{position:absolute;z-index:1;left:20px;bottom:18px;right:20px;font-size:26px;color:#fff;line-height:1.15}.site-cover .cover-label{position:absolute;z-index:1;top:14px;left:14px;font-size:9px;letter-spacing:1px;background:#0e1727d9;color:#d1e6ff;border:1px solid #6d86a350;padding:5px 8px;border-radius:6px}.local-panel .site-list:empty{display:none}.panel-empty{margin-top:24px;background:linear-gradient(135deg,#172e4a,#131a29);border:1px dashed #49678c;border-radius:20px;padding:36px}.panel-empty h2{font-size:28px}.panel-empty p{color:#b8c9de;max-width:520px;line-height:1.6}.panel-empty .button{margin-top:16px}
@media(max-width:1100px){#wizard-nav button{padding:8px;font-size:11px;gap:5px}.selfservice .journey{gap:24px}.selfservice .choice img,.selfservice .choice b{width:50px;height:64px}.selfservice #preview-business{max-width:110px}}
@media(max-width:900px){.builder-heading{padding:18px 18px 12px}.builder-topline .eyebrow{font-size:8px}.builder-topline{gap:12px;margin-bottom:10px}#wizard-nav{gap:5px}#wizard-nav button{padding:8px 9px}.selfservice .journey{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"editor" "controls";padding:8px 18px 28px;gap:16px}.selfservice .journey-stage{display:none}.selfservice .step{min-height:0;padding:12px 0}.selfservice .journey-intro h1{font-size:40px;letter-spacing:-1.5px}.selfservice .step h2{font-size:30px}.wizard-controls{position:sticky;bottom:0;background:#0e1523f5;backdrop-filter:blur(16px);margin:0 -18px -28px;padding:14px 18px;z-index:9;border-top-color:#35455d}.selfservice .site-header{padding:16px 18px;gap:12px}.selfservice .site-header .brand{font-size:26px}.selfservice .site-header nav{gap:14px}.selfservice .site-header nav a{display:inline-flex!important;font-size:11px}.selfservice .nav-advanced{font-size:11px}.selfservice .choice{font-size:12px;gap:9px}.selfservice .choice img,.selfservice .choice b{width:52px;height:58px}.selfservice footer p{display:none}.selfservice .local-mode{font-size:10px;padding:8px 14px;line-height:1.7}.selfservice .stage-actions #fullscreen{display:inline-block}.selfservice .preview-dialog{width:calc(100vw - 12px);max-width:none;height:90svh;max-height:90svh;padding:12px}.selfservice #large-preview{height:calc(90svh - 80px);max-width:100%}.selfservice .preview-dialog h3{font-size:16px}.local-checkout .close{position:sticky;top:0;background:#17243b;border-radius:50%;z-index:1}}
@media(max-width:380px){.selfservice .site-header nav{gap:9px}.selfservice .site-header nav a,.selfservice .nav-advanced{font-size:10px}.wizard-controls button{padding:11px 9px;font-size:12px}.selfservice .choice{gap:6px;padding:7px;font-size:11px}.selfservice .choice img,.selfservice .choice b{width:42px}.builder-topline .eyebrow{max-width:135px;line-height:1.6}}
.selfservice .text-button,.local-card .text-button{border:0;background:transparent;color:#b4d7ff;font:inherit;cursor:pointer;text-underline-offset:4px}.selfservice .text-button:hover,.local-card .text-button:hover{text-decoration:underline}.wizard-controls [data-open-preview]{border:1px solid #3b526d;border-radius:9px;background:#18273b;color:#d6e9ff}.wizard-controls [data-open-preview]:hover{background:#223c5c;text-decoration:none}.panel-empty{grid-column:1/-1}
@media(prefers-reduced-motion:reduce){#wizard-bar,.selfservice .choice{transition:none}}