@property --cell{syntax: "<length>"; inherits: true; initial-value: 50px;}.odo{--cols: 14;--cell-min: 50px;--cell-max: 82px;--cell: clamp(var(--cell-min), calc(88cqi / var(--cols)), var(--cell-max));transition:--cell .25s ease;--gap-tooth: 3px;--gap-group: 10px;--gap-arch: 10px;--c-surface: #EDF7FF;--c-group-a: #E3F1FC;--c-group-b: #95C5E5;--c-outline: #16324f;--c-accent: #0f62d6;--c-accent-cyan: #1796EB;--c-accent-so: #cadfff;--c-text: #16324f;--c-text-mut: #5b7089;--c-muted: #8496ab;--c-ghost: #a9b8c9;--r-tile: 5px;--r-group: 13px;container-type:inline-size;color:var(--c-text)}.odo__scroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:6px;-webkit-overflow-scrolling:touch}.odo__grid{display:grid;column-gap:var(--gap-tooth);row-gap:var(--gap-arch);margin-inline:auto;padding-top:16px}.odo .tooth{grid-row:var(--r);grid-column:var(--c);position:relative;display:flex;margin:0;border:2.5px solid transparent;border-radius:var(--r-tile);transition:background-color .12s ease,border-color .12s ease}.odo .tooth[data-tone=plain]{background:var(--c-group-a)}.odo .tooth[data-tone=molar]{background:var(--c-group-b)}.odo .tooth[data-state=out]{background:#161c1f99}.odo .tooth[data-edge=start],.odo .tooth[data-edge=both]{border-top-left-radius:var(--r-group);border-bottom-left-radius:var(--r-group)}.odo .tooth[data-edge=end],.odo .tooth[data-edge=both]{border-top-right-radius:var(--r-group);border-bottom-right-radius:var(--r-group)}.odo .tooth__label{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2px;width:100%;margin:0;padding:5px 2px;cursor:pointer}.odo .tooth[data-row="2"] .tooth__label{flex-direction:column-reverse}.odo .tooth__label>*{pointer-events:none}.odo .tooth .block-swatch__radio{position:absolute;width:1px;height:1px;opacity:0;margin:0;pointer-events:none;clip-path:inset(50%)}.tooth__num{font-size:clamp(9px,1.6cqi,12px);font-weight:600;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--c-text);-webkit-user-select:none;user-select:none}.tooth__icon{width:80%;height:auto;aspect-ratio:100 / 110;display:block;fill:var(--c-surface);stroke:var(--c-outline);stroke-width:6;stroke-linejoin:round;transition:fill .12s ease,stroke .12s ease}.odo .block-swatch__item{border:0;background:none;min-width:0;min-height:0;font:inherit;text-align:center}.odo .tooth[data-state=ok]:hover{background:var(--c-surface)}.odo .tooth:has(.block-swatch__radio:focus-visible){outline:2px solid var(--c-accent);outline-offset:2px}.odo .tooth:has(.block-swatch__radio:checked){background:var(--c-surface);border-color:var(--c-accent-cyan);overflow:hidden}.odo .tooth:has(.block-swatch__radio:checked) .tooth__num{color:var(--c-accent)}.odo .tooth:has(.block-swatch__radio:checked) .tooth__icon{fill:var(--c-accent-so);stroke:var(--c-accent)}.odo .tooth[data-state=out] .tooth__num,.odo .block-swatch--disabled .tooth__num{color:var(--c-muted);text-decoration:line-through}.odo .tooth[data-state=out] .tooth__icon,.odo .block-swatch--disabled .tooth__icon{fill:#eef2f7;stroke:var(--c-muted)}.odo .tooth[data-state=out] .tooth__label:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - 1.5px),#000 calc(50% - 1.5px),#000 calc(50% + 1.5px),transparent calc(50% + 1.5px))}.odo .tooth[data-state=out] .odo__sr{position:absolute;inset:auto 2px 3px;width:auto;height:auto;overflow:visible;clip-path:none;white-space:nowrap;text-align:center;font-size:clamp(7px,1.3cqi,9px);font-weight:700;letter-spacing:.02em;color:#000;pointer-events:none}.odo .tooth[data-row="1"][data-state=out] .odo__sr{inset:3px 2px auto}.odo .tooth[data-state=out] .tooth__label{cursor:not-allowed;pointer-events:none}.odo .tooth[data-state=out]:has(.block-swatch__radio:checked) .tooth__num{color:var(--c-accent)}.odo .tooth[data-state=out]:has(.block-swatch__radio:checked) .tooth__icon{fill:var(--c-accent-so);stroke:var(--c-accent)}.odo .tooth--empty .tooth__label{cursor:default}.odo .tooth--empty .tooth__num{color:var(--c-ghost)}.odo .tooth--empty .tooth__icon{fill:none;stroke:var(--c-ghost);stroke-dasharray:7 7;stroke-width:5}.odo__legend{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0 0;font-size:12px;color:var(--c-text-mut)}.odo__legend .odo__key:not(:first-child){margin-left:10px}.odo__key{width:13px;height:15px;border-radius:3px;flex:none;display:inline-block;vertical-align:-2px}.odo__key[data-state=out]{background:#eef2f7;border:1.5px solid var(--c-muted)}.odo__key[data-state=na]{border:1.5px dashed var(--c-ghost)}.odo__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.odo__warning{margin:0 0 12px;padding:8px 10px;border-radius:8px;background:#fef3c7;border:1px solid #fcd34d;font-size:12px;line-height:1.5;color:#78350f}@media(prefers-reduced-motion:reduce){.odo .tooth,.tooth__icon{transition:none}}@media(min-width:320px)and (max-width:480px){.odo .tooth{border-width:2px}}.product-desc-ficha{display:flex;flex-direction:column;gap:32px}@media(min-width:750px){.product-desc-ficha{flex-direction:row;align-items:flex-start}.product-desc-ficha__col{flex:1 1 50%;min-width:0}}.product-meta__title-row{display:flex;align-items:center;gap:16px}.product-meta__title-row .product-meta__title{margin-bottom:0;flex:1 1 auto}.product-meta__share-buttons--title-row{flex:0 0 auto;margin-left:auto}
/*# sourceMappingURL=/cdn/shop/t/35/assets/odontograma.css.map */