/* Comparador animado PrimOffice — scoped .ba-* */
.ba-compare{--ba-position:88%;position:relative;isolation:isolate;overflow:hidden;background:#0F172A;touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none;}
.ba-compare:focus-visible{outline:3px solid #38BDF8;outline-offset:4px;}
.ba-img--antes,.ba-img--despues{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none;}
.ba-img--despues{z-index:1;}
.ba-img--antes{z-index:2;clip-path:inset(0 calc(100% - var(--ba-position)) 0 0);will-change:clip-path;}
.ba-divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--ba-position);width:3px;background:rgba(255,255,255,.95);transform:translateX(-50%);box-shadow:0 0 0 1px rgba(15,23,42,.15),0 0 22px rgba(56,189,248,.58);will-change:left;}
.ba-handle{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;color:#0369A1;box-shadow:0 10px 26px rgba(0,0,0,.28);}
.ba-handle svg{width:17px;height:17px;}
.ba-label{position:absolute;z-index:5;top:1rem;padding:.36rem .66rem;border-radius:999px;background:rgba(15,23,42,.76);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.7px;text-transform:uppercase;transition:opacity 180ms ease;}
.ba-label--antes{left:1rem;}.ba-label--despues{right:1rem;}
.ba-compare[data-position-low="true"] .ba-label--antes,.ba-compare[data-position-high="true"] .ba-label--despues{opacity:.28;}
.ba-hint{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.75rem;color:rgba(255,255,255,.64);font-size:.72rem;}
.ba-hint svg{width:16px;height:16px;}
@media(prefers-reduced-motion:reduce){.ba-img--antes,.ba-divider{transition:none!important;}}