.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__opciones{display: flex;flex-wrap: wrap;gap: .5rem;}.okd-var__opcion{position: relative;display: flex;flex-direction: column;align-items: flex-start;gap: .1rem;min-width: 6.5rem;max-width: 10rem;padding: .5rem .7rem;border: 1px solid #d7dee8;border-radius: 10px;background: #fff;color: #0f172a;font-size: .82rem;line-height: 1.25;text-decoration: none;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__etiqueta{font-weight: 700;font-size: .88rem;word-break: break-word;}.okd-var__precio{font-size: .85rem;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--otra{border-style: dashed;}.okd-var__fila--pildora .okd-var__opcion{flex-direction: row;align-items: center;min-width: 0;max-width: none;padding: .4rem .9rem;border-radius: 8px;}.okd-var__fila--foto .okd-var__opcion{align-items: center;text-align: center;width: 7.5rem;min-width: 0;max-width: none;}.okd-var__marco{display: flex;align-items: center;justify-content: center;width: 100%;height: 4.5rem;margin-bottom: .25rem;}.okd-var__foto{max-width: 100%;max-height: 100%;object-fit: contain;}.okd-var__fila--foto .okd-var__etiqueta{font-weight: 600;font-size: .8rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.okd-var--fotos .okd-var__etiqueta{font-weight: 500;}.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{flex-wrap: nowrap;overflow-x: auto;scroll-snap-type: x proximity;-webkit-overflow-scrolling: touch;scrollbar-width: thin;margin-right: -16px;padding: 2px 16px 6px 2px;}.okd-var__opcion{flex: 0 0 auto;min-width: 7.25rem;min-height: 44px;scroll-snap-align: start;}.okd-var__fila--pildora .okd-var__opciones{flex-wrap: wrap;overflow: visible;margin-right: 0;padding: 2px;}.okd-var__fila--pildora .okd-var__opcion{min-width: 0;padding: .6rem 1.1rem;}}@media (prefers-reduced-motion: reduce){.okd-var,.okd-var__opcion,.okd-var__titulo{transition: none;}}@media (forced-colors: active){.okd-var__opcion--actual{outline: 3px solid;outline-offset: -3px;}}