.dnb{--u: 16px;--dnb-ink: rgb(var(--color-foreground, 43 33 48));--dnb-muted: rgba(var(--color-foreground, 43 33 48), .62);--dnb-line: rgba(var(--color-foreground, 43 33 48), .12);--dnb-soft: rgba(var(--color-foreground, 43 33 48), .04);--dnb-card: #fff;font-family:var(--font-body-family);color:var(--dnb-ink);font-size:clamp(calc(1 * var(--u)),calc(.95 * var(--u)) + .25vw,calc(1.125 * var(--u)));scroll-margin-top:90px}.dnb__inner{max-width:var(--dnb-max);margin:0 auto;padding-inline:20px}.dnb__head{text-align:center;max-width:760px;margin:0 auto clamp(26px,4vw,40px)}.dnb__eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.22em;font-size:clamp(calc(.8 * var(--u)),calc(.75 * var(--u)) + .2vw,calc(.92 * var(--u)));font-weight:600;color:var(--dnb-accent);margin-bottom:14px}.dnb__title{font-family:var(--font-heading-family);font-size:clamp(calc(1.65 * var(--u)),calc(1.2 * var(--u)) + 1.8vw,calc(2.5 * var(--u)));line-height:1.1;font-weight:700;letter-spacing:-.01em;margin:0;text-wrap:balance}.dnb__hl{color:var(--dnb-accent)}.dnb__subtitle{color:var(--dnb-muted);font-size:clamp(calc(.95 * var(--u)),calc(.9 * var(--u)) + .2vw,calc(1.06 * var(--u)));line-height:1.6;margin:14px 0 0}.dnb__setup{text-align:center;padding:40px 24px;border:1px dashed var(--dnb-line);color:var(--dnb-muted)}.dnb__steps{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:0 auto 24px}.dnb__step{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--dnb-line);color:var(--dnb-muted);border-radius:999px;padding:9px 18px 9px 9px;font:inherit;font-size:clamp(calc(.92 * var(--u)),calc(.88 * var(--u)) + .15vw,calc(1.02 * var(--u)));cursor:pointer;transition:border-color .15s ease,color .15s ease}.dnb__step span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--dnb-soft);font-size:calc(.85 * var(--u));font-weight:600}.dnb__step.is-active{border-color:var(--dnb-ink);color:var(--dnb-ink)}.dnb__step.is-active span{background:var(--dnb-ink);color:#fff}.dnb__step.is-done span{background:var(--dnb-accent);color:#fff}.dnb__app{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:start}.dnb__stage-col{position:sticky;top:90px}.dnb__stage-wrap{position:relative}.dnb__stage{position:relative;aspect-ratio:1 / 1;width:100%;border-radius:6px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#f4f4f7,#f4f4f700 70%),#e7e7eb;touch-action:pan-y;user-select:none;-webkit-user-select:none}.dnb__box{position:absolute;top:0;right:0;bottom:0;left:0}.dnb__box img{width:100%;height:100%;object-fit:cover;pointer-events:none;animation:dnb-pop .25s ease-out}.dnb__box-ph{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:10px;background:var(--ph, #2B2130);box-shadow:inset 0 0 0 10px #ffffff0f,inset 0 18px 40px #00000059,0 24px 40px -18px #00000073;animation:dnb-pop .25s ease-out}.dnb__box-ph:before,.dnb__box-ph:after{content:"";position:absolute;background:var(--dnb-accent);opacity:.9}.dnb__box-ph:before{left:0;right:0;top:50%;height:7%;transform:translateY(-50%)}.dnb__box-ph:after{top:0;bottom:0;left:50%;width:7%;transform:translate(-50%)}.dnb__area-hint{position:absolute;border:1.5px dashed var(--dnb-accent);border-radius:8px;pointer-events:none;opacity:.8}.dnb__layer{position:absolute;top:0;right:0;bottom:0;left:0}.dnb__obj{position:absolute;transform:translate(-50%,-50%) rotate(var(--r, 0deg));cursor:grab;touch-action:pan-y;outline:none;transition:filter .2s ease;filter:drop-shadow(0 8px 10px rgba(0,0,0,.22))}.dnb__obj.is-selected{touch-action:none}.dnb__obj.is-new{animation:dnb-drop .28s ease-out}.dnb__obj.is-dragging{cursor:grabbing;filter:drop-shadow(0 16px 18px rgba(0,0,0,.3))}.dnb__obj img{display:block;width:100%;height:auto;pointer-events:none}.dnb__obj:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:10px;border:1.5px dashed transparent;pointer-events:none}.dnb__obj.is-selected:after,.dnb__obj:focus-visible:after{border-color:var(--dnb-accent)}.dnb__obj-ph{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--dnb-ink);font-weight:600;font-size:clamp(calc(.6 * var(--u)),1.4vw,calc(.85 * var(--u)));text-align:center;padding:8%;line-height:1.15;border:2px solid var(--dnb-accent)}.dnb__tools{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;gap:4px;padding:5px;border-radius:999px;background:#fffffff5;box-shadow:0 10px 30px -10px #00000059;animation:dnb-fade .2s ease}.dnb__tools[hidden]{display:none}.dnb__tools button{width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:var(--dnb-ink);display:grid;place-items:center;cursor:pointer}.dnb__tools button:hover{background:var(--dnb-soft)}.dnb__tools button.is-danger{color:#b3261e}.dnb__meter{margin-top:14px}.dnb__meter-row{display:flex;justify-content:space-between;align-items:center;font-size:calc(.98 * var(--u));font-weight:600}.dnb__meter-bar{height:6px;border-radius:99px;background:var(--dnb-line);margin-top:8px;overflow:hidden}.dnb__meter-bar span{display:block;height:100%;width:0;background:var(--dnb-accent);transition:width .35s ease}.dnb__meter.is-full .dnb__meter-bar span{background:var(--dnb-ink)}.dnb__tip{color:var(--dnb-muted);font-size:calc(.9 * var(--u));line-height:1.5;margin:8px 0 0}.dnb__link{background:none;border:0;padding:0;font:inherit;font-size:calc(.92 * var(--u));font-weight:400;color:var(--dnb-muted);text-decoration:underline;cursor:pointer}.dnb__panel{min-width:0}.dnb__pane{display:none;animation:dnb-fade .15s ease}.dnb__pane.is-active{display:block}.dnb__pane-title{font-family:var(--font-heading-family);font-size:clamp(calc(1.3 * var(--u)),calc(1.1 * var(--u)) + .8vw,calc(1.65 * var(--u)));font-weight:700;margin:0 0 18px}.dnb__boxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dnb__opt{position:relative;text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--dnb-card);border:1.5px solid var(--dnb-line);border-radius:6px;padding:10px;display:grid;gap:8px;transition:border-color .2s ease,transform .2s ease}.dnb__opt:hover{border-color:rgba(var(--color-foreground, 43 33 48),.35)}.dnb__opt.is-selected{border-color:var(--dnb-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--dnb-accent) 18%,transparent)}.dnb__opt[disabled]{opacity:.45;cursor:not-allowed}.dnb__opt-media{aspect-ratio:1;border-radius:4px;background:#f6efe9;display:grid;place-items:center;overflow:hidden}.dnb__opt-media img{width:88%;height:88%;object-fit:contain}.dnb__opt-swatch{width:62%;aspect-ratio:1;border-radius:6px;background:var(--ph);position:relative}.dnb__opt-swatch:before{content:"";position:absolute;left:0;right:0;top:46%;height:8%;background:var(--dnb-accent)}.dnb__opt-title{font-weight:600;font-size:clamp(calc(.98 * var(--u)),calc(.94 * var(--u)) + .15vw,calc(1.08 * var(--u)));line-height:1.3}.dnb__opt-meta{color:var(--dnb-muted);font-size:calc(.9 * var(--u));line-height:1.4}.dnb__opt-price{font-weight:700;font-size:calc(1 * var(--u))}.dnb__check{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;background:var(--dnb-accent);color:#fff;display:none;place-items:center}.dnb__opt.is-selected .dnb__check{display:grid}.dnb__chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:12px;scrollbar-width:none}.dnb__chips::-webkit-scrollbar{display:none}.dnb__chip{flex:none;font:inherit;font-size:calc(.95 * var(--u));cursor:pointer;background:transparent;border:1px solid var(--dnb-line);color:var(--dnb-ink);border-radius:999px;padding:10px 18px;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.dnb__chip:hover{border-color:var(--dnb-accent)}.dnb__chip.is-active{background:var(--dnb-ink);border-color:var(--dnb-ink);color:#fff}.dnb__items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dnb__item{padding:8px;gap:6px}.dnb__item .dnb__opt-title{font-size:clamp(calc(.92 * var(--u)),calc(.88 * var(--u)) + .15vw,calc(1 * var(--u)))}.dnb__qty{position:absolute;top:8px;right:8px;min-width:24px;height:24px;padding:0 6px;border-radius:99px;background:var(--dnb-accent);color:#fff;font-size:calc(.78 * var(--u));font-weight:600;display:grid;place-items:center}.dnb__qty[hidden]{display:none}.dnb__item-actions{display:flex;align-items:center;justify-content:space-between;gap:4px}.dnb__mini{width:34px;height:34px;border-radius:50%;border:1px solid var(--dnb-line);background:#fff;color:var(--dnb-ink);display:grid;place-items:center;cursor:pointer;font-size:calc(1 * var(--u));line-height:1}.dnb__mini:hover:not([disabled]){border-color:var(--dnb-accent);color:var(--dnb-accent)}.dnb__mini[disabled]{opacity:.35;cursor:not-allowed}.dnb__form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dnb__field{display:grid;gap:6px;font-size:calc(.95 * var(--u));color:var(--dnb-muted)}.dnb__field span{display:flex;justify-content:space-between}.dnb__field--full{grid-column:1 / -1}.dnb__field input,.dnb__field textarea{font:inherit;font-size:calc(1.05 * var(--u));color:var(--dnb-ink);background:#fff;border:1px solid var(--dnb-line);border-radius:10px;padding:11px 13px;resize:vertical}.dnb__field input:focus,.dnb__field textarea:focus{outline:none;border-color:var(--dnb-accent)}.dnb__sugg-label{font-size:calc(.9 * var(--u));color:var(--dnb-muted);margin:14px 0 6px}.dnb__sugg{display:flex;flex-wrap:wrap;gap:6px}.dnb__sugg .dnb__chip{text-align:left;white-space:normal}.dnb__card-preview{margin-top:18px;padding:22px 22px 18px;border-radius:4px;background:#fffdf9;border:1px solid var(--dnb-line);box-shadow:0 14px 30px -20px #0000004d;transform:rotate(-1deg);display:grid;gap:10px}.dnb__card-to,.dnb__card-from{font-size:calc(.95 * var(--u));color:var(--dnb-muted)}.dnb__card-from{text-align:right}.dnb__card-msg{margin:0;font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:clamp(calc(1.15 * var(--u)),calc(1.05 * var(--u)) + .4vw,calc(1.35 * var(--u)));line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.dnb__summary{list-style:none;padding:0;margin:0;border-top:1px solid var(--dnb-line)}.dnb__summary li{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--dnb-line);font-size:calc(1 * var(--u))}.dnb__summary .dnb__sum-img{width:44px;height:44px;border-radius:8px;background:#f6efe9;display:grid;place-items:center;overflow:hidden}.dnb__summary .dnb__sum-img img{width:90%;height:90%;object-fit:contain}.dnb__summary small{display:block;color:var(--dnb-muted);font-size:calc(.88 * var(--u))}.dnb__summary .dnb__sum-note{grid-template-columns:1fr;font-size:calc(.95 * var(--u));color:var(--dnb-muted)}.dnb__total{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0;font-size:calc(1.1 * var(--u))}.dnb__total strong{font-size:clamp(calc(1.6 * var(--u)),calc(1.3 * var(--u)) + 1vw,calc(2 * var(--u)))}.dnb__error{color:#b3261e;font-size:calc(.95 * var(--u));margin:0 0 12px}.dnb__cta{display:grid;gap:10px}.dnb__nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:22px}.dnb__btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font:inherit;text-transform:uppercase;letter-spacing:.12em;font-size:clamp(calc(.84 * var(--u)),calc(.8 * var(--u)) + .15vw,calc(.94 * var(--u)));font-weight:600;padding:16px 28px;border-radius:0;cursor:pointer;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease;border:1px solid transparent}.dnb__btn[hidden]{display:none}.dnb__btn--solid{background:var(--dnb-ink);color:#fff}.dnb__btn--solid:hover{background:var(--dnb-accent)}.dnb__btn--ghost{background:transparent;color:var(--dnb-ink);border-color:var(--dnb-line)}.dnb__btn--ghost:hover{border-color:var(--dnb-ink)}.dnb__btn--wa{background:#e6f6ec;color:#147d47;border-color:#147d4729}.dnb__btn--wa:hover{background:#d8f0e1}.dnb__btn--wide{width:100%}.dnb__btn.is-loading{opacity:.6;pointer-events:none}.dnb__bar{display:none}.dnb__toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);background:var(--dnb-ink);color:#fff;padding:10px 18px;border-radius:999px;font-size:calc(.88 * var(--u));opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:50;max-width:calc(100vw - 32px);text-align:center}.dnb__toast.is-visible{opacity:1;transform:translate(-50%)}@keyframes dnb-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes dnb-fade{0%{opacity:0}to{opacity:1}}@keyframes dnb-drop{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--r, 0deg)) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--r, 0deg)) scale(1)}}@media(max-width:900px){.dnb__app{grid-template-columns:1fr}.dnb__stage-col{position:relative;top:0;max-width:520px;width:100%;margin:0 auto}.dnb__items{grid-template-columns:repeat(3,minmax(0,1fr))}.dnb__steps{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-20px;padding-inline:20px}.dnb__steps::-webkit-scrollbar{display:none}.dnb__step{flex:none}.dnb__bar{position:sticky;bottom:0;z-index:5;margin:20px -20px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--dnb-line)}.dnb__bar small{display:block;color:var(--dnb-muted);font-size:calc(.88 * var(--u))}.dnb__bar strong{font-size:calc(1.25 * var(--u))}.dnb__bar .dnb__btn{padding:12px 18px}}@media(max-width:520px){.dnb__items{grid-template-columns:repeat(2,minmax(0,1fr))}.dnb__form{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.dnb *,.dnb *:before,.dnb *:after{animation:none!important;transition:none!important}}.dnb__anchor{scroll-margin-top:90px}.dnb__obj--photo{filter:drop-shadow(0 10px 14px rgba(0,0,0,.28))}.dnb__obj--photo img{aspect-ratio:1;object-fit:cover;background:#fff;padding:5% 5% 16%;border-radius:3px}.dnb__item--photo .dnb__opt-media img{width:100%;height:100%;object-fit:cover}.dnb__step[hidden]{display:none}.dnb__obj--outside{filter:drop-shadow(0 16px 20px rgba(0,0,0,.3))}@media(max-width:520px){.dnb__inner{padding-inline:16px}.dnb__pane-title{margin-bottom:14px}.dnb__items{gap:12px}.dnb__btn{padding:15px 20px}.dnb__nav .dnb__btn--solid{flex:1}}.dnb__layer,.dnb__box,.dnb__box-ph,.dnb__anchor{display:block}@media(max-width:900px){.dnb__items{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-20px;padding:4px 20px 12px;scrollbar-width:none}.dnb__items::-webkit-scrollbar{display:none}.dnb__items>.dnb__item{flex:0 0 44%;scroll-snap-align:start}}@media(max-width:520px){.dnb__items{margin-inline:-16px;padding-inline:16px}.dnb__items>.dnb__item{flex-basis:46%}}@media(max-width:749px){.dnb__bar{bottom:6.8rem}}.dnb__chip small{opacity:.6;font-size:.82em;margin-left:4px}.dnb__next{margin-top:14px}.dnb__next:empty{display:none}.dnb__next-cat{text-transform:none;letter-spacing:.02em}.dnb__tip--touch{display:none}@media(pointer:coarse){.dnb__tip{display:none}.dnb__tip--touch{display:block}}.dnb__opt,.dnb__mini,.dnb__chip,.dnb__step,.dnb__btn{-webkit-tap-highlight-color:transparent}.dnb__mini:active:not([disabled]),.dnb__btn:active{transform:scale(.96)}@media(max-width:900px){.dnb__app{gap:18px}.dnb__stage-col{max-width:min(400px,82vw)}.dnb__meter{margin-top:10px}.dnb__steps{margin-bottom:16px;gap:6px}.dnb__step{padding:6px 14px 6px 6px}.dnb__step span{width:24px;height:24px}.dnb__chips{margin-inline:-20px;padding:2px 20px 8px}.dnb__chip{padding:9px 14px}.dnb__items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:visible;margin-inline:0;padding:0;scroll-snap-type:none}.dnb__items>.dnb__item{flex:none}.dnb__item-actions{flex-wrap:wrap}.dnb__mini{width:36px;height:36px}.dnb__nav .dnb__btn--solid{display:none}.dnb__nav{margin-top:14px}.dnb__bar .dnb__btn{white-space:nowrap}}@media(max-width:520px){.dnb__chips{margin-inline:-16px;padding-inline:16px}.dnb__items{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:0;padding-inline:0}.dnb__item{padding:8px}.dnb__bar{margin-inline:-16px;padding-inline:16px}.dnb__bar .dnb__btn{padding:12px 14px;letter-spacing:.06em}}.dnb__box .dnb__box-open,.dnb__box .dnb__box-closed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s ease,transform .45s ease}.dnb__box .dnb__box-ph.dnb__box-open{top:12%;right:12%;bottom:12%;left:12%;width:auto;height:auto}.dnb__box .dnb__box-closed{opacity:0;transform:scale(1.03);pointer-events:none}.dnb__stage.is-closed .dnb__box-closed{opacity:1;transform:none}.dnb__stage.is-closed .dnb__box-open{opacity:0;transform:scale(.97)}.dnb__boxes[hidden]{display:none}.dnb__presets{margin-bottom:4px}.dnb__collage{display:grid;grid-template-columns:1fr 1fr;gap:6%;width:86%;height:86%}.dnb__opt-media .dnb__collage img{width:100%;height:100%;object-fit:contain}.dnb__preset-list{font-size:calc(.84 * var(--u))}.dnb__preset--scratch .dnb__opt-media{background:transparent;border:1.5px dashed var(--dnb-line)}.dnb__plus{font-size:calc(2.6 * var(--u));font-weight:300;color:var(--dnb-accent);line-height:1}.dnb__chip.is-hl{border-color:var(--dnb-accent);color:var(--dnb-accent);font-weight:600}.dnb__chip.is-hl.is-active{background:var(--dnb-accent);border-color:var(--dnb-accent);color:#fff}.dnb__jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.dnb__jump[hidden]{display:none}.dnb__jump-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font:inherit;font-size:calc(.95 * var(--u));font-weight:600;background:color-mix(in srgb,var(--dnb-accent) 10%,#fff);color:var(--dnb-ink);border:1px solid var(--dnb-accent);border-radius:999px;padding:9px 16px;-webkit-tap-highlight-color:transparent}.dnb__jump-btn span{color:var(--dnb-accent);font-size:1.2em;line-height:1}.dnb__jump-btn:hover{background:var(--dnb-accent);color:#fff}.dnb__jump-btn:hover span{color:#fff}
/*# sourceMappingURL=/cdn/shop/t/22/assets/dia-novio-box.css.map */