.compare{aspect-ratio:1400/1340;background:var(--hoja-bg);box-shadow:0 40px 80px -36px var(--sombra-fuerte),0 0 0 1px var(--linea-2);-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:ew-resize;border-radius:18px;min-width:0;margin:0;position:relative;overflow:hidden}.compare .after{object-fit:cover;object-position:left top;width:100%;height:100%;position:absolute;inset:0}.before{background:var(--hoja-bg);color:var(--hoja-fg);clip-path:inset(0 50% 0 0);flex-direction:column;font:400 11.5px/1.25 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:absolute;inset:0}.sh-top{background:var(--hoja-barra);border-bottom:1px solid var(--hoja-linea);white-space:nowrap;align-items:center;gap:10px;padding:9px 12px;font-weight:600;display:flex;overflow:hidden}.sh-top i{background:var(--hoja-verde);border-radius:3px;flex:none;width:12px;height:12px}.sh-fx{border-bottom:1px solid var(--hoja-linea);background:var(--hoja-celda);white-space:nowrap;gap:10px;padding:6px 12px;display:flex;overflow:hidden}.sh-fx span{color:var(--hoja-tenue);font-style:italic}.sheet{border-collapse:collapse;table-layout:fixed;background:var(--hoja-celda);flex:1;width:100%}.sheet th,.sheet td{border:1px solid var(--hoja-linea);text-align:left;white-space:nowrap;text-overflow:ellipsis;padding:6px;overflow:hidden}.sheet thead th{background:var(--hoja-cab);color:var(--hoja-gris);text-align:center;padding:4px;font-weight:600}.sheet th.n{background:var(--hoja-cab);width:26px;color:var(--hoja-gris);text-align:center;font-weight:600}.sheet tr.h td{background:var(--hoja-fila);font-weight:700}.sheet .y{background:var(--hoja-amarillo)}.sheet .r{color:var(--hoja-rojo);font-weight:700}.sheet .sel{outline:2px solid var(--hoja-verde);outline-offset:-2px}.sh-tabs{background:var(--hoja-barra);border-top:1px solid var(--hoja-linea);white-space:nowrap;gap:2px;padding:6px 10px 8px;display:flex;overflow:hidden}.sh-tabs span{color:var(--hoja-gris);border-radius:0 0 6px 6px;padding:4px 10px}.sh-tabs span.on{background:var(--hoja-celda);color:var(--hoja-verde);font-weight:700}.handle{cursor:ew-resize;touch-action:none;z-index:2;justify-content:center;align-items:center;width:44px;margin-left:-22px;display:flex;position:absolute;top:0;bottom:0;left:0}.handle:before{content:"";background:var(--btn-bg);width:2px;transition:background-color .4s;position:absolute;top:0;bottom:0;left:21px}.handle span{background:var(--btn-bg);width:42px;height:42px;color:var(--btn-fg);box-shadow:0 8px 20px var(--sombra-suave);transition:background-color .4s ease,transform .16s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:relative}.handle:active span{transform:scale(.95)}.handle svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.cmp{min-width:0}.cmp-lbls{font:700 10.5px/1.4 var(--f-data);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);justify-content:space-between;gap:12px;margin-top:14px;display:flex}.cmp-lbls span{align-items:center;gap:8px;display:inline-flex}.cmp-lbls i{background:var(--hoja-bg);border-radius:3px;width:10px;height:10px;display:block}.cmp-lbls .r i{background:var(--azul)}@media (prefers-reduced-motion:reduce){.handle span{transition:background-color .4s}}
