.okd-comparar{display: flex;flex-direction: column;gap: 16px;padding: 16px;border-radius: 20px;background: #eef2f8;border: 1px solid #dfe6f0;}.okd-comparar__caja{background: #fff;border-radius: 14px;box-shadow: 0 1px 2px rgba(16,24,40,0.06);}.okd-comparar__caja--cabecera{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 16px;padding: 18px 22px;}.okd-comparar__titulo{margin: 0;font-size: 1.5rem;font-weight: 700;line-height: 1.2;color: #0d0d0d;}.okd-comparar__sub{margin: 4px 0 0;color: #6b7280;font-size: 0.9375rem;}.okd-comparar__acciones{display: flex;align-items: center;flex-wrap: wrap;gap: 12px;}.okd-comparar__cuenta{margin: 0;display: inline-flex;align-items: center;gap: 8px;font-size: 0.875rem;color: #6b7280;white-space: nowrap;}.okd-comparar__cuenta strong{color: #0d0d0d;font-weight: 700;}.okd-comparar__cuenta-sep{color: #c3cbd7;}.okd-comparar__filtro{display: inline-flex;align-items: center;gap: 10px;margin: 0;padding: 8px 14px 8px 12px;border-radius: 50rem;background: #f1f5f9;font-size: 0.875rem;font-weight: 600;color: #374151;cursor: pointer;user-select: none;transition: background-color 0.15s ease,color 0.15s ease;}.okd-comparar__filtro:hover{background: #e5ecf6;}.okd-comparar__filtro input{position: absolute;width: 1px;height: 1px;opacity: 0;pointer-events: none;}.okd-comparar__palanca{position: relative;flex: 0 0 auto;width: 34px;height: 20px;border-radius: 50rem;background: #c3cbd7;transition: background-color 0.15s ease;}.okd-comparar__palanca::after{content: "";position: absolute;top: 2px;left: 2px;width: 16px;height: 16px;border-radius: 50%;background: #fff;box-shadow: 0 1px 2px rgba(16,24,40,0.25);transition: transform 0.15s ease;}.okd-comparar__filtro input:checked ~ .okd-comparar__palanca{background: var(--okd-blue);}.okd-comparar__filtro input:checked ~ .okd-comparar__palanca::after{transform: translateX(14px);}.okd-comparar__filtro:has(input:checked){background: #e3edff;color: var(--okd-blue-dark,#0049b2);}.okd-comparar__filtro:focus-within{outline: 2px solid var(--okd-blue);outline-offset: 2px;}@media (prefers-reduced-motion: reduce){.okd-comparar__filtro,.okd-comparar__palanca,.okd-comparar__palanca::after{transition: none;}}.okd-comparar__vaciar{margin: 0;}.okd-comparar__boton-vaciar{display: inline-flex;align-items: center;gap: 6px;padding: 8px 14px;border: 1px solid transparent;border-radius: 50rem;background: #f1f5f9;color: #b02a37;font-size: 0.875rem;font-weight: 600;cursor: pointer;transition: background-color 0.15s ease,color 0.15s ease;}.okd-comparar__boton-vaciar:hover{background: #b02a37;color: #fff;}.okd-comparar__boton-familia{color: #18181b;}.okd-comparar__boton-familia:hover{background: #18181b;color: #fff;}.okd-comparar__vacio{padding: 48px 24px;text-align: center;color: #4b5563;}.okd-comparar__vacio > .bi{font-size: 2.5rem;color: var(--okd-blue);}.okd-comparar__vacio h2{margin: 16px 0 8px;font-size: 1.25rem;font-weight: 600;color: #0d0d0d;}.okd-comparar__vacio p{margin: 0 auto;max-width: 46ch;}.okd-comparar__vacio-enlaces{margin-top: 24px !important;display: flex;justify-content: center;flex-wrap: wrap;gap: 12px;}.okd-comparar__enlace{padding: 8px 18px;border-radius: 50rem;background: var(--okd-blue);color: #fff;text-decoration: none;font-weight: 500;}.okd-comparar__enlace:hover{color: #fff;filter: brightness(1.1);}.okd-comparar__aviso{display: flex;align-items: center;gap: 10px;padding: 12px 16px;background: #e3edff;border-left: 4px solid var(--okd-blue);border-radius: 10px;color: #1f3350;font-size: 0.9375rem;}.okd-comparar__aviso .bi{flex: 0 0 auto;font-size: 1.125rem;color: var(--okd-blue);}.okd-comparar__marco{overflow: auto;min-height: 320px;max-height: var(--okd-marco-alto,calc(100vh - 200px));overscroll-behavior-x: contain;}.okd-tabla-comparar{width: 100%;border-collapse: separate;border-spacing: 0;font-size: 0.9375rem;}.okd-tabla-comparar th[scope="row"],.okd-tabla-comparar__esquina{position: sticky;left: 0;z-index: 2;width: 200px;min-width: 200px;background: #f8fafc;text-align: left;font-weight: 500;color: #374151;padding: 12px 16px;border-bottom: 1px solid #e5e7eb;border-right: 1px solid #e5e7eb;}.okd-tabla-comparar thead th{position: sticky;top: 0;z-index: 3;background: #fff;}.okd-tabla-comparar__esquina{z-index: 4;background: #f8fafc;}.okd-tabla-comparar__producto{position: relative;width: 240px;min-width: 240px;padding: 16px 12px;text-align: center;vertical-align: top;border-bottom: 2px solid #e5e7eb;border-right: 1px solid #f1f5f9;}.okd-tabla-comparar__producto .okd-cmp-chip{position: absolute;top: 8px;right: 8px;z-index: 1;width: 32px;height: 32px;font-size: 0.875rem;}.okd-tabla-comparar__foto{display: flex;align-items: center;justify-content: center;height: 130px;margin-bottom: 10px;}.okd-tabla-comparar__foto img{max-width: 100%;max-height: 130px;width: auto;height: auto;object-fit: contain;}.okd-tabla-comparar__nombre{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;color: #0d0d0d;text-decoration: none;font-weight: 600;font-size: 0.875rem;line-height: 1.35;}.okd-tabla-comparar__nombre:hover{color: var(--okd-blue);text-decoration: underline;}.okd-tabla-comparar__producto .okd-pie{margin-top: 8px;text-align: center;}.okd-tabla-comparar__producto .okd-btn-agregar{width: 100%;}.okd-tabla-comparar__grupo th{position: sticky;left: 0;padding: 10px 16px;background: var(--okd-blue);color: #fff;text-align: left;font-size: 0.8125rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.04em;}.okd-tabla-comparar td{padding: 12px 16px;text-align: center;vertical-align: middle;color: #374151;border-bottom: 1px solid #f1f5f9;border-right: 1px solid #f8fafc;}.okd-tabla-comparar tbody tr:nth-child(even) td{background: #fcfdff;}.okd-tabla-comparar__hueco{color: #9ca3af;}.okd-tabla-comparar__difiere th[scope="row"]{box-shadow: inset 3px 0 0 var(--okd-yellow);color: #0d0d0d;font-weight: 600;}.okd-tabla-comparar--solo-diferencias tr[data-difiere="0"]{display: none;}.okd-tabla-comparar__bloque--oculto{display: none;}@media (max-width: 767.98px){.okd-comparar__marco{max-height: none;}.okd-tabla-comparar thead th{position: static;}.okd-tabla-comparar th[scope="row"],.okd-tabla-comparar__esquina{width: 128px;min-width: 128px;padding: 10px 12px;font-size: 0.8125rem;}.okd-tabla-comparar__producto{width: 180px;min-width: 180px;}.okd-tabla-comparar__foto,.okd-tabla-comparar__foto img{height: 96px;max-height: 96px;}.okd-tabla-comparar td{padding: 10px 12px;font-size: 0.8125rem;}.okd-comparar__cabecera{align-items: flex-start;flex-direction: column;}}