:root{--ink: #091f26;--night: #022859;--glacier: #d8f7ff;--paper: #fdfeff;--carbon: #0d0d0d;--flash: #ffb020;--ink-70: rgba(9, 31, 38, .7);--ink-64: rgba(9, 31, 38, .64);--ink-14: rgba(9, 31, 38, .14);--ink-08: rgba(9, 31, 38, .08);--display: "Darker Grotesque", sans-serif;--body: "Archivo", system-ui, sans-serif;--data: "Archivo", system-ui, sans-serif;--shell: 1240px;--radius: 3px;--pill: 9999px;--ease: cubic-bezier(.2, .8, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--carbon);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}.readout__ttc,.readout__ht,.counter__value,.counter__meta,.meter dd,.cart,.step__no,.zone,.choice__price{font-variant-numeric:tabular-nums}h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.03em;line-height:.86;margin:0}button{font:inherit;color:inherit}a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:50;background:var(--ink);color:#fff;padding:12px 18px;border-radius:var(--radius)}:where(button,a,input,[tabindex]):focus-visible{outline:2px solid var(--night);outline-offset:3px}.bar{display:flex;align-items:center;gap:24px;padding:18px clamp(20px,4vw,50px);border-bottom:1px solid var(--ink-14);background:var(--paper);position:sticky;top:0;z-index:20}.bar__brand{display:flex;align-items:baseline;gap:10px}.bar__mark{width:10px;height:10px;border-radius:2px;background:var(--night);align-self:center;box-shadow:0 0 0 3px #02285929}.bar__name{font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:-.03em}.bar__place{font-family:var(--data);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-64)}.bar__claim{margin:0;font-size:14px;color:var(--ink-70)}.bar__tel{margin-left:auto;font-family:var(--data);font-size:13px;text-decoration:none;padding:9px 16px;border:1px solid var(--ink-14);border-radius:var(--pill);white-space:nowrap}.bar__tel:hover{border-color:var(--night)}.shell{max-width:var(--shell);margin:0 auto;padding:clamp(20px,3vw,36px) clamp(20px,4vw,48px) 48px;display:grid;grid-template-columns:172px minmax(0,1fr) 316px;gap:clamp(24px,3vw,44px);align-items:start}.eyebrow{font-family:var(--data);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--night);margin:0 0 14px}body[data-started=true] .flow__intro{display:none}body[data-started=true] .zones{margin-top:0}.flow{scroll-margin-top:88px}.flow__intro h1{font-size:clamp(52px,8.4vw,104px);max-width:12ch}.flow__intro h1 em{font-style:normal;color:var(--night)}.lede{margin:22px 0 0;max-width:46ch;font-size:17px;color:var(--ink-70)}.rail{position:sticky;top:76px}.rail__title{font-family:var(--data);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-64);margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--ink-14)}.zones{list-style:none;display:flex;flex-direction:column;gap:2px;margin:0;padding:0}.zone{font-family:var(--data);font-size:10px;letter-spacing:.06em;padding:7px 9px;border:1px solid transparent;border-radius:var(--radius);color:var(--ink-64);background:transparent;cursor:default;display:flex;align-items:center;gap:9px;width:100%;text-align:left;transition:all .22s var(--ease)}.zone:before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:var(--ink-14);transition:all .22s var(--ease)}.zone[data-state=current]{border-color:var(--night);color:var(--night);background:var(--glacier)}.zone[data-state=current]:before{background:var(--flash);box-shadow:0 0 0 3px #ffb02047}.zone[data-state=done]{color:var(--ink-70);border-color:var(--ink-14);cursor:pointer}.zone[data-state=done]:before{background:var(--night)}.zone[data-state=done]:hover{border-color:var(--night)}.zone[data-state=skipped]{opacity:.4;text-decoration:line-through}.step{animation:rise .34s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.step__head{display:flex;align-items:center;gap:14px;min-height:30px;padding-bottom:12px;border-bottom:1px solid var(--ink-14);margin-bottom:18px}.step__no{font-family:var(--data);font-size:10px;letter-spacing:.16em;color:var(--night);text-transform:uppercase;margin:0}.step__back{margin-left:auto;display:inline-flex;align-items:center;gap:7px;background:none;border:1px solid var(--ink-14);border-radius:var(--pill);padding:5px 14px 5px 11px;font-size:13px;color:var(--ink-70);cursor:pointer;transition:all .18s var(--ease)}.step__back:before{content:"←";font-size:14px;line-height:1}.step__back:hover{border-color:var(--ink);color:var(--ink);background:var(--glacier)}.step h2{font-size:clamp(30px,3.6vw,44px);margin:0;max-width:18ch;text-wrap:balance}.step__help{margin:12px 0 0;max-width:62ch;font-size:14px;line-height:1.55;color:var(--ink-70);border-left:2px solid var(--glacier);padding-left:14px}.step__help p{margin:0}.step__help summary{display:none}.step__help:not([open]) summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;font-size:13px;color:var(--night)}.step__help:not([open]) summary::-webkit-details-marker{display:none}.step__help:not([open]) summary:after{content:"▾";font-size:11px}.choices{display:grid;gap:8px;margin-top:20px}.choices--duo{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.choice{text-align:left;background:#fff;border:1px solid var(--ink-14);border-radius:var(--radius);padding:18px 20px;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:all .18s var(--ease);min-height:60px}.choice:hover{border-color:var(--night);transform:translateY(-1px)}.choice[aria-pressed=true]{border-color:var(--night);background:var(--glacier);box-shadow:inset 3px 0 0 var(--night)}.choice__title{font-family:var(--display);font-size:26px;font-weight:700;line-height:1;letter-spacing:-.02em}.choice__note{font-size:13px;color:var(--ink-70)}.choice__price{font-family:var(--data);font-size:11px;color:var(--night);margin-top:2px}.counter{display:flex;align-items:center;gap:16px;margin-top:12px;padding:12px 14px;background:#fff;border:1px solid var(--ink-14);border-radius:var(--radius)}.counter__vue,.counter__vue--absente{flex:none;width:88px;height:62px}.counter__vue{object-fit:contain;mix-blend-mode:multiply}.counter__note{font-size:12.5px;line-height:1.35;color:var(--ink-70);max-width:44ch}.counter__id{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.counter__what{font-size:15px;font-weight:500;line-height:1.25}.counter__meta{font-family:var(--data);font-size:10px;letter-spacing:.06em;color:var(--ink-64)}.counter__step{display:flex;align-items:stretch;flex:none;border:1px solid var(--ink);border-radius:var(--radius);overflow:hidden}.counter__btn{width:40px;border:0;background:#fff;font-size:19px;line-height:1;color:var(--ink);cursor:pointer;transition:all .16s var(--ease)}.counter__btn:hover:not(:disabled){background:var(--glacier)}.counter__btn:disabled{color:var(--ink-14);cursor:not-allowed}.counter__value{font-family:var(--data);font-size:17px;min-width:48px;padding:9px 0;text-align:center;font-weight:500;border-inline:1px solid var(--ink);font-variant-numeric:tabular-nums}.counter__unit{display:none}.counter__cap{font-family:var(--data);font-size:10px;letter-spacing:.06em;color:var(--ink-64);text-transform:uppercase;flex:none}.swatches{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap;align-items:center}.swatch{border:1px solid var(--ink-14);background:#fff;border-radius:var(--pill);padding:8px 15px 8px 9px;display:flex;align-items:center;gap:9px;cursor:pointer;font-size:13px;min-height:44px;transition:all .16s var(--ease)}.swatch:hover{border-color:var(--night)}.swatch[aria-pressed=true]{border-color:var(--night);background:var(--glacier)}.swatch i{width:18px;height:18px;border-radius:50%;border:1px solid var(--ink-14)}.fields{display:grid;gap:14px;margin-top:18px;max-width:520px}.field label{display:block;font-size:13px;font-weight:500;margin-bottom:6px}.field input{width:100%;font:inherit;padding:13px 16px;border:1px solid var(--ink-14);border-radius:var(--radius);background:#fff}.field input:focus{border-color:var(--night);outline:none;box-shadow:0 0 0 3px #0228591f}.field__err{font-size:12px;color:#b91c1c;margin-top:5px;min-height:0}.send-error{margin-top:14px;padding:12px 14px;border-left:3px solid #b91c1c;background:#b91c1c0f;color:#7f1d1d;font-size:14px;line-height:1.5;max-width:62ch}.nav{display:flex;gap:10px;align-items:center;margin-top:20px;flex-wrap:wrap}.btn{font-family:var(--display);font-weight:600;font-size:24px;text-transform:lowercase;letter-spacing:-.01em;border-radius:var(--pill);border:1px solid transparent;padding:11px 30px 14px;cursor:pointer;min-height:52px;transition:all .18s var(--ease)}.btn--go{background:var(--carbon);color:#fff}.btn--go:hover:not(:disabled){background:var(--night)}.btn--go:disabled{opacity:.32;cursor:not-allowed}.btn--back{background:transparent;border-color:var(--ink-14);color:var(--ink-70);font-size:20px;padding:9px 22px 12px}.btn--back:hover{border-color:var(--night);color:var(--night)}.nav__hint{font-size:13px;color:var(--ink-64)}.panel{position:sticky;top:92px}.panel__inner{background:var(--ink);color:#fff;border-radius:var(--radius);padding:24px 22px;box-shadow:0 20px 50px -28px #091f26b3}.readout__head{display:flex;justify-content:space-between;align-items:center;gap:12px}.readout__label,.readout__state{font-family:var(--data);font-size:9px;letter-spacing:.16em;text-transform:uppercase}.readout__label{color:#ffffff8c}.readout__state{color:var(--flash);display:flex;align-items:center;gap:6px}.readout__state:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.readout__state[data-armed=true]:before{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}.readout__ttc{font-family:var(--data);font-size:34px;font-weight:600;margin:14px 0 2px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.readout__ht{font-family:var(--data);font-size:11px;color:#ffffff8c;margin:0}.meters{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:22px 0 0;background:#ffffff1f;border-radius:var(--radius);overflow:hidden}.meter{background:var(--ink);padding:12px 10px}.meter dt{font-family:var(--data);font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff80}.meter dd{margin:6px 0 0;font-family:var(--data);font-size:13px;font-variant-numeric:tabular-nums}.cart{list-style:none;margin:20px 0 0;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:9px;max-height:250px;overflow-y:auto}.cart:empty{display:none}.cart li{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#ffffffd9}.cart b{font-family:var(--data);font-size:11px;font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums}.cart span i{font-style:normal;font-family:var(--data);font-size:10px;color:#ffffff73;margin-right:7px}.panel__note{font-size:12px;line-height:1.5;color:var(--flash);margin:18px 0 0}.panel__note:empty{display:none}.done{border-top:1px solid var(--ink-14);padding-top:34px;animation:rise .34s var(--ease) both}.done h2{font-size:clamp(40px,5.6vw,64px);max-width:15ch}.done__body{margin-top:20px;max-width:54ch;color:var(--ink-70)}.recap{margin-top:26px;border:1px solid var(--ink-14);border-radius:var(--radius);overflow:hidden}.recap__row{display:flex;justify-content:space-between;gap:16px;padding:13px 18px;border-bottom:1px solid var(--ink-08);font-size:14px}.recap__row:last-child{border-bottom:0}.recap__row b{font-family:var(--data);font-weight:400;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.recap__row--total{background:var(--glacier);font-family:var(--display);font-size:30px;font-weight:700;align-items:baseline;letter-spacing:-.02em}.recap__row--total b{font-size:22px;font-weight:600}.foot{border-top:1px solid var(--ink-14);padding:34px clamp(20px,4vw,50px) 60px;max-width:var(--shell);margin:0 auto;font-size:13px;color:var(--ink-70)}.foot p{margin:0 0 8px}.foot__fine{color:var(--ink-64);max-width:70ch;font-size:12px}@media (max-height: 820px){.shell{padding-top:20px}.flow__intro h1{font-size:clamp(40px,5.4vw,64px)}.lede{margin-top:14px;font-size:15px}.step h2{font-size:clamp(28px,3vw,36px)}.choices{margin-top:14px}.choice{padding:12px 16px}.fields{margin-top:14px;gap:12px;grid-template-columns:1fr 1fr}.field:nth-child(1),.field:nth-child(2){grid-column:1 / -1}.nav{margin-top:16px}}@media (max-width: 1120px){.shell{grid-template-columns:minmax(0,1fr) 300px}.rail{grid-column:1 / -1;position:static}.rail__title{display:none}.zones{flex-direction:row;gap:4px}.rail{margin-bottom:4px}.zone{flex:1;min-width:0;font-size:0;gap:0;padding:0;height:5px;border-radius:var(--pill);background:var(--ink-08);overflow:hidden}.zone:before{width:100%;height:100%;border-radius:0;background:transparent;box-shadow:none}.zone[data-state=current]{background:var(--flash)}.zone[data-state=done]{background:var(--night)}.zone[data-state=current]:before,.zone[data-state=done]:before{background:transparent;box-shadow:none}.zone[data-state=skipped]{text-decoration:none;opacity:.35}}@media (max-width: 900px){.shell{grid-template-columns:1fr;padding-bottom:96px}.bar__claim{display:none}.flow__intro h1{font-size:clamp(40px,11vw,60px)}.lede{margin-top:14px;font-size:15px}.step h2{font-size:clamp(26px,7.4vw,34px)}.step__help{font-size:13px;line-height:1.45;margin-top:10px;padding-left:12px}.step__head{padding-bottom:9px;margin-bottom:14px}.choices{margin-top:14px;gap:6px}.choice{padding:10px 14px;gap:1px}.choice__note{font-size:12.5px}.fields{grid-template-columns:1fr 1fr;gap:10px}.field:nth-child(1),.field:nth-child(2){grid-column:1 / -1}.counter{flex-wrap:wrap;gap:10px}.counter__vue,.counter__vue--absente{width:62px;height:48px}.counter__id{flex:1 1 190px;min-width:0}.counter__step{flex:none;margin-left:auto}.counter__btn{width:48px}.counter__value{min-width:56px;padding:11px 0}.panel{position:fixed;inset:auto 0 0 0;top:auto;z-index:30}.panel__inner{border-radius:0;padding:8px clamp(20px,4vw,50px) 12px;border-top:1px solid rgba(255,255,255,.14)}.readout__head{margin-bottom:1px}.readout__ttc{font-size:22px;margin:0;line-height:1.15}.readout__ht{font-size:10.5px;margin:0}.counter{margin-top:8px;padding:10px 12px}.counter__what{font-size:14px}.meters,.cart,.panel__note{display:none}.foot{padding-bottom:120px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
