.onb-topbar{z-index:50;pointer-events:none;padding:20px 20px 0;position:fixed;top:0;left:0;right:0}.onb-exit{pointer-events:auto;border:1px solid var(--color-ash-grey);background:var(--color-bone);width:44px;height:44px;color:var(--color-ink);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex}.onb-exit:hover{background:var(--color-mist);border-color:var(--color-slate)}.onb-main{min-height:100vh;padding:104px 20px 72px}.onb-container{max-width:960px;margin:0 auto}.onb-progress{text-align:center;max-width:640px;margin:0 auto 36px}.onb-progress-label{font-family:var(--font-inter);color:var(--color-slate);letter-spacing:.02em;font-size:13px;font-weight:600}.onb-progress-label b{color:var(--color-ink)}.onb-steps{justify-content:center;gap:8px;margin-top:12px;padding:0;list-style:none;display:flex}.onb-step-dot{background:var(--color-ash-grey);border-radius:9999px;flex:none;width:40px;height:4px;transition:background .25s}.onb-step-dot.is-active{background:var(--color-ink)}.onb-panel{max-width:640px;margin:0 auto;display:none}.onb-panel.is-active{animation:.28s onb-in;display:block}.onb-panel--wide{max-width:960px}@keyframes onb-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.onb-title{font-family:var(--font-aeonik-pro);letter-spacing:-.02em;color:var(--color-ink);text-align:center;font-size:30px;font-weight:500;line-height:1.15}.onb-sub{font-family:var(--font-inter);color:var(--color-graphite);text-align:center;margin-top:10px;font-size:16px;line-height:1.6}.onb-paises{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:32px;display:grid}.onb-pais{text-align:left;border:1.5px solid var(--color-ash-grey);background:var(--color-bone);cursor:pointer;border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:18px;transition:border-color .15s,background .15s,transform .15s;display:flex}.onb-pais:hover{border-color:var(--color-slate)}.onb-pais.is-active{border-color:var(--color-ink);background:var(--color-ink)}.onb-pais-flag{font-size:26px;line-height:1}.onb-pais-nombre{font-family:var(--font-aeonik-pro);color:var(--color-ink);font-size:17px;font-weight:500}.onb-pais.is-active .onb-pais-nombre{color:var(--color-bone)}.onb-pais-forma{font-family:var(--font-inter);color:var(--color-slate);font-size:12px}.onb-pais.is-active .onb-pais-forma{color:#ffffffb3}.onb-pais-apertura{font-family:var(--font-inter);color:var(--color-graphite);margin-top:6px;font-size:13px;font-weight:600}.onb-pais.is-active .onb-pais-apertura{color:var(--color-bone)}.onb-input{border:1.5px solid var(--color-ash-grey);background:var(--color-bone);width:100%;font-family:var(--font-inter);color:var(--color-ink);border-radius:14px;padding:14px 16px;font-size:16px;line-height:1.5;transition:border-color .15s}.onb-input::placeholder{color:var(--color-slate)}.onb-input:focus{border-color:var(--color-ink);outline:none}select.onb-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234c4c4c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:44px}.onb-search{margin-top:32px}.onb-search-status{font-family:var(--font-inter);color:var(--color-slate);margin-top:10px;font-size:14px;font-weight:500;display:block}.onb-search-status[data-estado=buscando]{color:var(--color-slate)}.onb-search-status[data-estado=disponible]{color:#1a9e4b}.onb-search-status[data-estado=ocupado]{color:#d64545}.onb-nombre-block{text-align:left;margin-top:28px}.onb-nombre-h{font-family:var(--font-inter);text-transform:uppercase;letter-spacing:.06em;color:var(--color-slate);margin-bottom:10px;font-size:12px;font-weight:600}.onb-nombre-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.onb-nombre-item{text-align:left;width:100%;font-family:var(--font-inter);border:1px solid var(--color-ash-grey);background:var(--color-bone);border-radius:12px;padding:12px 16px;font-size:15px;display:block}.onb-nombre-item--ocupado{color:var(--color-graphite);background:var(--color-mist)}.onb-nombre-item--sugerencia{cursor:pointer;color:var(--color-ink);font-weight:500;transition:border-color .15s,background .15s}.onb-nombre-item--sugerencia:hover{border-color:var(--color-ink);background:var(--color-mist)}.onb-step3{text-align:left;grid-template-columns:1fr;align-items:start;gap:24px;display:grid}.onb-step3 .onb-title,.onb-step3 .onb-sub{text-align:left}.onb-modulo-lista{flex-direction:column;gap:12px;margin-top:28px;display:flex}.onb-modulo{border:1.5px solid var(--color-ash-grey);background:var(--color-bone);cursor:pointer;border-radius:16px;align-items:center;gap:14px;padding:16px;transition:border-color .15s;display:flex;position:relative}.onb-modulo:hover{border-color:var(--color-slate)}.onb-modulo:has(input:checked){border-color:var(--color-ink)}.onb-modulo input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.onb-modulo-check{border:1.5px solid var(--color-ash-grey);background:var(--color-bone);color:#0000;border-radius:8px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s,border-color .15s,color .15s;display:flex}.onb-modulo:has(input:checked) .onb-modulo-check{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-bone)}.onb-modulo:has(input:disabled){cursor:default;background:var(--color-mist)}.onb-modulo-txt{flex:auto;min-width:0}.onb-modulo-nombre{font-family:var(--font-aeonik-pro);color:var(--color-ink);font-size:16px;font-weight:500;display:block}.onb-modulo-desc{font-family:var(--font-inter);color:var(--color-slate);margin-top:2px;font-size:13px;line-height:1.5;display:block}.onb-modulo-precio{font-family:var(--font-inter);color:var(--color-ink);white-space:nowrap;flex:none;font-size:14px;font-weight:600}.onb-modulo-precio--variable{color:var(--color-slate);white-space:normal;text-align:right;max-width:120px;font-size:12.5px;font-weight:500}.onb-modulo-incluido{font-family:var(--font-inter);text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink);background:var(--color-bone);border:1px solid var(--color-ash-grey);border-radius:9999px;flex:none;padding:4px 10px;font-size:11px;font-weight:600}.onb-coste{background:var(--color-ink);color:var(--color-bone);border-radius:22.5px;padding:24px;position:sticky;top:88px}.onb-coste-label{font-family:var(--font-inter);text-transform:uppercase;letter-spacing:.06em;color:#ffffff8c;font-size:12px;font-weight:600}.onb-coste-pais{font-family:var(--font-aeonik-pro);color:var(--color-bone);margin-top:6px;font-size:18px;font-weight:500}.onb-coste-seccion{font-family:var(--font-inter);text-transform:uppercase;letter-spacing:.06em;color:#ffffff73;margin:18px 0 10px;font-size:11px;font-weight:600}.onb-coste-linea{font-family:var(--font-inter);justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;font-size:15px;display:flex}.onb-coste-linea>span:first-child{color:#fffc}.onb-coste-linea>span:last-child{color:var(--color-bone);font-weight:600}.onb-coste-linea--apertura>span:last-child{font-size:20px}.onb-coste-linea--variable>span:last-child{color:#ffffff80;font-size:13px;font-weight:500}.onb-coste-total{font-family:var(--font-aeonik-pro);border-top:1px solid #ffffff1f;justify-content:space-between;align-items:baseline;gap:12px;margin-top:12px;padding-top:14px;font-size:16px;font-weight:500;display:flex}.onb-coste-total>span:last-child{font-size:22px;font-weight:500}.onb-coste-total em{font-style:normal;font-family:var(--font-inter);color:#ffffff80;font-size:12px;font-weight:500}.onb-coste-nota{font-family:var(--font-inter);color:#ffffff80;margin-top:14px;font-size:12px;line-height:1.5}.onb-campos{flex-direction:column;gap:16px;margin-top:28px;display:flex}.onb-campo{text-align:left}.onb-campo label{font-family:var(--font-inter);color:var(--color-graphite);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.onb-opciones{grid-template-columns:1fr;gap:14px;margin-top:32px;display:grid}.onb-opcion{text-align:left;border:1.5px solid var(--color-ash-grey);background:var(--color-bone);cursor:pointer;border-radius:16px;flex-direction:column;gap:4px;padding:20px;transition:border-color .15s,background .15s;display:flex}.onb-opcion:hover{border-color:var(--color-slate)}.onb-opcion.is-active{border-color:var(--color-ink);background:var(--color-ink)}.onb-opcion-titulo{font-family:var(--font-aeonik-pro);color:var(--color-ink);font-size:17px;font-weight:500}.onb-opcion.is-active .onb-opcion-titulo{color:var(--color-bone)}.onb-opcion-desc{font-family:var(--font-inter);color:var(--color-slate);font-size:14px;line-height:1.5}.onb-opcion.is-active .onb-opcion-desc{color:#ffffffb3}.onb-demo-campos{grid-template-columns:1fr;gap:16px;margin-top:24px;display:grid}.onb-recap{border:1px solid var(--color-ash-grey);text-align:left;border-radius:16px;margin-top:32px;padding:18px 20px}.onb-recap-fila{font-family:var(--font-inter);justify-content:space-between;gap:16px;padding:8px 0;font-size:14px;display:flex}.onb-recap-fila span{color:var(--color-slate)}.onb-recap-fila b{color:var(--color-ink);text-align:right;font-weight:600}.onb-recap-fila+.onb-recap-fila{border-top:1px solid var(--color-mist)}.onb-nav{justify-content:space-between;gap:12px;max-width:640px;margin:40px auto 0;display:flex}.onb-btn-primary,.onb-btn-ghost{min-height:48px;font-family:var(--font-inter);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;padding:0 24px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}.onb-btn-primary{background:var(--color-ink);color:var(--color-bone);border:1.5px solid var(--color-ink);flex:auto}.onb-btn-primary:hover{background:var(--color-pure-black)}.onb-btn-ghost{background:var(--color-bone);color:var(--color-ink);border:1.5px solid var(--color-ash-grey)}.onb-btn-ghost:hover{border-color:var(--color-slate)}.onb-btn-ghost--danger{color:#d64545;border-color:#d64545}.onb-btn-ghost--danger:hover{background:#fdf0f0;border-color:#d64545}.onb-btn-primary:active,.onb-btn-ghost:active{transform:scale(.97)}.onb-aviso{text-align:center;max-width:640px;font-family:var(--font-inter);color:#d64545;margin:24px auto 0;font-size:14px;font-weight:600}.onb-modal{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.onb-modal[hidden]{display:none}.onb-modal-card{background:var(--color-bone);text-align:center;border-radius:22.5px;width:100%;max-width:400px;padding:32px 28px;animation:.22s onb-in;box-shadow:0 24px 60px #0000004d}.onb-modal-acciones{flex-direction:column;gap:10px;margin-top:24px;display:flex}.onb-exito{text-align:center;max-width:640px;margin:0 auto}.onb-exito-icon{background:var(--color-ink);width:64px;height:64px;color:var(--color-bone);border-radius:9999px;justify-content:center;align-items:center;margin:0 auto 20px;font-size:28px;font-weight:600;display:flex}.onb-exito .onb-btn-primary{margin-top:28px}@media (width>=640px){.onb-paises{grid-template-columns:repeat(3,1fr)}.onb-opciones,.onb-demo-campos{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.onb-step3{grid-template-columns:1fr 340px}}