*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;color:#111;background:#f4f6f9}body{min-height:100dvh;display:flex;flex-direction:column}.ob-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.5rem;gap:1rem}.ob-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:#111;font-weight:700;font-size:1.1rem;flex-shrink:0}.ob-progress-wrap{display:flex;align-items:center;gap:.75rem;flex:1;max-width:320px;margin-left:auto}.ob-progress-bar{flex:1;height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden}.ob-progress-fill{height:100%;background:var(--primary);border-radius:999px;transition:width .4s ease}.ob-step-label{font-size:.8rem;font-weight:600;color:#666;white-space:nowrap}.ob-main{flex:1;display:flex;justify-content:center;padding:2rem 1rem 3rem}.ob-card{width:100%;max-width:640px;background:#fff;border-radius:16px;box-shadow:0 2px 20px #00000012;overflow:hidden;display:flex;flex-direction:column}.ob-step-header{padding:2rem 2rem 1rem;border-bottom:1px solid #f0f0f0}.step-title{font-size:1.5rem;font-weight:800;color:#111;margin-bottom:.25rem}.step-subtitle{font-size:.95rem;color:#666;line-height:1.5}.ob-step-body{padding:1.5rem 2rem;flex:1}.ob-step-nav{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem 1.5rem;border-top:1px solid #f0f0f0;gap:1rem}.btn-back{background:transparent;border:1.5px solid #d1d5db;color:#555;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s}@media(hover:hover){.btn-back:hover{border-color:#aaa;color:#111}}.btn-next{background:var(--primary);color:#fff;border:none;padding:.85rem 2rem;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .15s,transform .15s}@media(hover:hover){.btn-next:hover:not(:disabled){background:#a01830}}.btn-next:disabled{opacity:.6;cursor:default}.btn-submit{background:#16a34a}@media(hover:hover){.btn-submit:hover:not(:disabled){background:#14532d}}.field-group{margin-bottom:1.25rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.4rem}.req{color:var(--primary);margin-left:2px}input[type=text],input[type=email],input[type=tel],input[type=url],input[type=number],input[type=time],input[type=date],select,textarea{width:100%;padding:.7rem .9rem;font-size:1rem;font-family:inherit;border:1.5px solid #d1d5db;border-radius:8px;color:#111;background:#fff;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c41e3a1a}.has-error input,.has-error select,.has-error textarea{border-color:#dc2626}.date-readonly{background:#f8f8f8;color:#888;cursor:default}.field-hint{font-size:.8rem;color:#9ca3af;margin-top:.3rem;display:block}.field-section-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin:1.5rem 0 .75rem}.field-err{display:block;font-size:.8rem;color:#dc2626;margin-top:.3rem}.field-err:empty{display:none}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.plan-card{border:2px solid #e5e7eb;border-radius:12px;padding:1.25rem;cursor:pointer;position:relative;transition:border-color .15s,box-shadow .15s}.plan-card:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.plan-card.is-selected{border-color:var(--primary);box-shadow:0 0 0 3px #c41e3a1f}.plan-tag{position:absolute;top:-1px;right:14px;background:var(--primary);color:#fff;font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:0 0 8px 8px;text-transform:uppercase;letter-spacing:.05em}.plan-name{font-size:1.1rem;font-weight:800;color:#111;margin-bottom:.25rem}.plan-price{font-size:1.4rem;font-weight:800;color:var(--primary)}.plan-setup{font-size:.8rem;color:#888;margin-bottom:.75rem}.plan-features{list-style:none;font-size:.8rem;color:#555;line-height:1.6}.plan-features li:before{content:"✓ ";color:#16a34a;font-weight:700}.plan-select-indicator{margin-top:1rem;font-size:.85rem;font-weight:700;color:#9ca3af;text-align:center}.plan-card.is-selected .plan-select-indicator{color:var(--primary)}.plan-terms-notice{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:.875rem 1rem;font-size:.875rem;color:#78350f;line-height:1.55}.hours-grid{margin-bottom:1.5rem}.hours-row{display:grid;grid-template-columns:100px 56px 1fr;align-items:center;gap:.75rem;padding:.6rem 0;border-bottom:1px solid #f0f0f0}.hours-day{font-size:.875rem;font-weight:600;color:#374151}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer;margin-bottom:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-track{position:absolute;inset:0;background:#d1d5db;border-radius:999px;transition:background .2s}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-track{background:#16a34a}.toggle-switch input:checked+.toggle-track:after{transform:translate(20px)}.hours-times{display:flex;align-items:center;gap:.5rem}.hours-times.is-hidden{visibility:hidden;pointer-events:none}.hours-times input[type=time]{width:110px;padding:.4rem .6rem;font-size:.875rem}.hours-sep{color:#9ca3af;font-size:.9rem}.closure-section{margin-top:.5rem}.closure-dates-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.closure-date-row{display:flex;gap:.5rem;align-items:center}.closure-date-input{flex:1;max-width:200px}.closure-date-remove{background:transparent;border:1.5px solid #fca5a5;color:#dc2626;border-radius:6px;width:32px;height:32px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center}.btn-add-date{background:transparent;border:1.5px dashed #d1d5db;color:#555;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .15s}@media(hover:hover){.btn-add-date:hover{border-color:var(--primary);color:var(--primary)}}.radio-group{display:flex;gap:1.5rem;margin-top:.25rem}.radio-label{display:flex;align-items:center;gap:.4rem;font-size:.95rem;font-weight:400;cursor:pointer}.radio-label input[type=radio]{width:18px;height:18px;accent-color:var(--primary)}.legal-checks{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.legal-check{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:border-color .15s;margin-bottom:0}.legal-check input[type=checkbox]{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.legal-check.is-checked{border-color:#16a34a;background:#f0fdf4}.check-box{flex-shrink:0;width:22px;height:22px;border:2px solid #d1d5db;border-radius:5px;background:#fff;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s;margin-top:1px}.is-checked .check-box{border-color:#16a34a;background:#16a34a}.is-checked .check-box:after{content:"✓";color:#fff;font-size:13px;font-weight:700}.check-text{font-size:.9rem;color:#374151;line-height:1.5}.check-text a{color:var(--primary)}.signature-section{background:#f8f8f8;border-radius:10px;padding:1.25rem}.stripe-info{background:#f0f4ff;border:1px solid #c7d2fe;border-radius:10px;padding:1.25rem;margin-bottom:1.5rem}.stripe-icon{font-size:2rem;margin-bottom:.75rem}.stripe-info p{font-size:.9rem;color:#374151;line-height:1.6;margin-bottom:.5rem}.stripe-info ul{padding-left:1.25rem;margin-top:.5rem;font-size:.875rem;color:#555;line-height:1.7}.btn-stripe-connect{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;background:#6772e5;color:#fff;text-decoration:none;font-weight:700;font-size:1rem;padding:.9rem 1.5rem;border-radius:8px;margin-bottom:1rem;transition:background .15s}@media(hover:hover){.btn-stripe-connect:hover{background:#5469d4}}.stripe-skip-note{font-size:.85rem;color:#888;line-height:1.55}.stripe-skip-note a{color:var(--primary)}.summary-section{margin-bottom:1.25rem}.summary-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin-bottom:.5rem}.summary-table{width:100%;border-collapse:collapse;font-size:.875rem}.summary-table tr{border-bottom:1px solid #f0f0f0}.summary-key{padding:.45rem 0;color:#888;width:120px;vertical-align:top}.summary-val{padding:.45rem 0 .45rem .75rem;color:#111}.next-steps-box{background:#f4f6f9;border-radius:10px;padding:1.25rem;margin:1.5rem 0;font-size:.9rem;color:#374151;line-height:1.6}.next-steps-box strong{font-size:1rem;display:block;margin-bottom:.75rem}.next-steps-box ol{padding-left:1.25rem}.btn-whatsapp{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#25d366;color:#fff;text-decoration:none;font-weight:700;font-size:1rem;padding:.9rem 1.5rem;border-radius:8px;margin-bottom:1rem;transition:background .15s}@media(hover:hover){.btn-whatsapp:hover{background:#20b85a}}.ob-alert{border-radius:8px;padding:.875rem 1rem;font-size:.9rem;line-height:1.6;margin-bottom:1rem}.ob-alert-success{background:#f0fdf4;border:1px solid #86efac;color:#166534}.ob-alert-error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.ob-alert a{color:inherit;font-weight:700}.ob-footer{text-align:center;padding:1.25rem;font-size:.8rem;color:#9ca3af;border-top:1px solid #e5e7eb;background:#fff}.ob-footer a{color:#9ca3af}@media(max-width:640px){.ob-main{padding:1rem 0 2rem}.ob-card{border-radius:0;box-shadow:none}.ob-step-header{padding:1.5rem 1.25rem 1rem}.ob-step-body{padding:1.25rem}.ob-step-nav{padding:1rem 1.25rem 1.25rem}.step-title{font-size:1.25rem}.ob-header{padding:.75rem 1rem}.ob-progress-wrap{max-width:180px}.plan-grid,.field-row{grid-template-columns:1fr}.hours-row{grid-template-columns:80px 44px 1fr;gap:.5rem}.hours-times input[type=time]{width:90px;padding:.35rem .4rem;font-size:.8rem}.summary-key{width:90px}}@media(max-width:360px){.hours-row{grid-template-columns:70px 44px 1fr}}.menu-choice-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.mct-opt{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:border-color .15s}.mct-opt input[type=radio]{position:absolute;opacity:0;pointer-events:none}.mct-opt.is-active{border-color:var(--primary);background:var(--primary-wash)}.mct-icon{font-size:1.5rem;flex-shrink:0;margin-top:1px}.mct-text{display:flex;flex-direction:column;gap:.2rem}.mct-text strong{font-size:.9rem;color:#111}.mct-text span{font-size:.8rem;color:#888;line-height:1.4}.menu-later-note{background:#f8f8f8;border-radius:8px;padding:1rem 1.25rem;font-size:.9rem;color:#555}.menu-builder{display:flex;flex-direction:column;gap:1rem}.menu-empty-hint{font-size:.9rem;color:#9ca3af;text-align:center;padding:1rem 0}.btn-add-section{width:100%;padding:.75rem;border:2px dashed #d1d5db;border-radius:8px;background:transparent;color:#555;font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s}@media(hover:hover){.btn-add-section:hover{border-color:var(--primary);color:var(--primary)}}.ms-section{border:1.5px solid #e5e7eb;border-radius:10px;overflow:hidden}.ms-section-head{display:flex;gap:.75rem;align-items:flex-start;background:#f8f9fa;padding:1rem;border-bottom:1px solid #e5e7eb}.ms-section-fields{flex:1;min-width:0}.ms-section-btns{display:flex;flex-direction:column;gap:.3rem;flex-shrink:0}.ms-items{display:flex;flex-direction:column;gap:0}.ms-item{padding:1rem;border-bottom:1px solid #f0f0f0;background:#fff}.ms-item:last-child{border-bottom:none}.ms-item-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.ms-item-num{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.ms-item-btns{display:flex;gap:.3rem}.btn-add-item{display:block;width:100%;padding:.6rem;background:#f8f9fa;border:none;border-top:1px dashed #e5e7eb;color:var(--primary);font-size:.875rem;font-weight:600;cursor:pointer;text-align:center;transition:background .15s}@media(hover:hover){.btn-add-item:hover{background:var(--primary-wash)}}.btn-move,.btn-del{width:30px;height:30px;border-radius:6px;border:1.5px solid #e5e7eb;background:#fff;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:border-color .15s;padding:0}.btn-move:disabled{opacity:.3;cursor:default}@media(hover:hover){.btn-move:hover:not(:disabled){border-color:#555}.btn-del:hover{border-color:#dc2626;color:#dc2626}}.check-tags{display:flex;flex-wrap:wrap;gap:.4rem}.check-tags-wrap{flex-wrap:wrap}.check-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .65rem;border:1.5px solid #e5e7eb;border-radius:999px;font-size:.8rem;color:#555;cursor:pointer;transition:border-color .15s,background .15s,color .15s;user-select:none}.check-tag input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.check-tag.is-tagged{border-color:var(--primary);background:var(--primary-wash);color:var(--primary);font-weight:600}.ms-item-flags{display:flex;gap:1.5rem;margin-top:.5rem}.flag-toggle{display:flex;align-items:center;gap:.6rem;cursor:pointer}.flag-toggle input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.flag-track{position:relative;width:36px;height:20px;background:#d1d5db;border-radius:999px;flex-shrink:0;transition:background .2s}.flag-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.flag-toggle.is-on .flag-track{background:var(--primary)}.flag-toggle.is-on .flag-track:after{transform:translate(16px)}.flag-label{font-size:.875rem;color:#374151}.field-optional{font-size:.75rem;font-weight:400;color:#9ca3af}@media(max-width:640px){.menu-choice-toggle{grid-template-columns:1fr}.ms-section-head{flex-direction:column}.ms-section-btns{flex-direction:row}}