.okd-var{margin-bottom: 1rem;padding-bottom: .25rem;transition: opacity .15s ease;}.okd-var.is-cargando{opacity: .5;pointer-events: none;}.okd-var__fila + .okd-var__fila{margin-top: .85rem;}.okd-var__titulo{margin: 0 0 .45rem;padding: .1rem .35rem;margin-left: -.35rem;border-radius: 6px;font-size: .9rem;color: #475569;transition: background-color .6s ease;}.okd-var__valor{color: #0f172a;font-weight: 700;}.okd-var__fila--ajustada .okd-var__titulo{background: #e8f6ee;}.okd-var__carril{position: relative;}.okd-var__opciones{display: flex;flex-wrap: nowrap;gap: .6rem;overflow-x: auto;scroll-snap-type: x proximity;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;scrollbar-width: none;padding: 3px 2px 6px;}.okd-var__opciones::-webkit-scrollbar{display: none;}.okd-var__opcion{position: relative;flex: 0 0 auto;display: flex;flex-direction: column;align-items: center;text-align: center;gap: .15rem;width: 7.5rem;padding: .5rem .5rem .55rem;border: 1px solid #d7dee8;border-radius: 12px;background: #fff;color: #0f172a;font-size: .82rem;line-height: 1.25;text-decoration: none;scroll-snap-align: start;transition: border-color .12s ease,box-shadow .12s ease,background-color .12s ease;}a.okd-var__opcion:hover,a.okd-var__opcion:focus-visible{border-color: #94a3b8;box-shadow: 0 1px 4px rgba(15,23,42,.12);color: #0f172a;text-decoration: none;}a.okd-var__opcion:focus-visible{outline: 2px solid #066cff;outline-offset: 2px;}.okd-var__opcion--actual{border-color: #066cff;box-shadow: 0 0 0 1px #066cff;background: #eef5ff;cursor: default;}.okd-var__marco{display: flex;align-items: center;justify-content: center;width: 100%;height: 4.75rem;margin-bottom: .2rem;}.okd-var__foto{max-width: 100%;max-height: 100%;object-fit: contain;mix-blend-mode: multiply;}.okd-var__etiqueta{font-weight: 600;font-size: .8rem;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.okd-var--fotos .okd-var__etiqueta{font-weight: 500;}.okd-var__precio{font-size: .85rem;font-weight: 700;color: #0f172a;}.okd-var__antes{font-size: .75rem;color: #64748b;}.okd-var__estado{font-size: .75rem;color: #155d34;}.okd-var__opcion--agotada .okd-var__etiqueta,.okd-var__opcion--agotada .okd-var__precio{color: #94a3b8;}.okd-var__opcion--agotada .okd-var__estado{color: #b3261e;}.okd-var__opcion--agotada .okd-var__foto{opacity: .55;}.okd-var__opcion--otra{border-style: dashed;}.okd-var__flecha{position: absolute;top: 50%;z-index: 2;width: 2rem;height: 2rem;margin-top: -1rem;padding: 0;border: 1px solid #d7dee8;border-radius: 50%;background: #fff;color: #0f172a;box-shadow: 0 1px 6px rgba(15,23,42,.15);cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: .9rem;}.okd-var__flecha[hidden]{display: none;}.okd-var__flecha--izq{left: -.6rem;}.okd-var__flecha--der{right: -.6rem;}.okd-var__flecha:hover{border-color: #066cff;color: #066cff;}.okd-var__flecha:focus-visible{outline: 2px solid #066cff;outline-offset: 2px;}.okd-var-previa{position: absolute;inset: 0;z-index: 20;display: flex;align-items: center;justify-content: center;background: #fff;pointer-events: none;}.okd-var-previa[hidden]{display: none;}.okd-var-previa img{max-width: 100%;max-height: 100%;object-fit: contain;}@media (max-width: 575.98px){.okd-var__opciones{margin-right: -16px;padding: 3px 16px 6px 2px;}.okd-var__opcion{width: 7rem;min-height: 44px;}.okd-var__flecha{display: none !important;}}@media (prefers-reduced-motion: reduce){.okd-var,.okd-var__opcion,.okd-var__titulo{transition: none;}.okd-var__opciones{scroll-behavior: auto;}}@media (forced-colors: active){.okd-var__opcion--actual{outline: 3px solid;outline-offset: -3px;}}.okd-var__grupo{margin: 0 0 .5rem;font-size: .95rem;font-weight: 700;color: #0f172a;}.okd-var__otro-grupo{margin-top: 1.1rem;padding-top: .9rem;border-top: 1px solid #d7dee8;}