/* Proyecto Museo — comparador antes/después nativo y aislado. */
.pm-ba-section{max-width:none;padding:0;background:#111;color:#fff}
.pm-ba-section__inner{max-width:var(--max);margin:auto;padding:0 var(--pad) clamp(56px,7vw,92px)}
.pm-ba{--pm-ba-position:50%;margin:0}
.pm-ba__frame{position:relative;isolation:isolate;aspect-ratio:1980/1057;overflow:hidden;background:#191919;box-shadow:0 28px 75px rgba(0,0,0,.28);touch-action:pan-y}
.pm-ba__frame:focus-within{outline:4px solid var(--accent-2);outline-offset:5px}
.pm-ba__image,.pm-ba__layer{position:absolute;inset:0;width:100%;height:100%}
.pm-ba__image{object-fit:cover;object-position:center}
.pm-ba__layer{clip-path:inset(0 calc(100% - var(--pm-ba-position)) 0 0);will-change:clip-path}
.pm-ba__divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--pm-ba-position);width:2px;background:#fff;transform:translateX(-1px);pointer-events:none;filter:drop-shadow(0 0 5px rgba(0,0,0,.6))}
.pm-ba__handle{position:absolute;left:50%;top:50%;width:58px;height:58px;border:2px solid #fff;border-radius:50%;background:rgba(17,17,17,.72);transform:translate(-50%,-50%);box-shadow:0 8px 28px rgba(0,0,0,.38);backdrop-filter:blur(6px)}
.pm-ba__handle::before,.pm-ba__handle::after{content:"";position:absolute;top:50%;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;transform:translateY(-50%)}
.pm-ba__handle::before{left:12px;border-right:9px solid #fff}
.pm-ba__handle::after{right:12px;border-left:9px solid #fff}
.pm-ba__range{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.pm-ba__jump{position:absolute;z-index:6;top:18px;border:1px solid rgba(255,255,255,.82);background:rgba(17,17,17,.78);color:#fff;padding:10px 14px;font:inherit;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;backdrop-filter:blur(6px)}
.pm-ba__jump:hover{background:#fff;color:#111}
.pm-ba__jump--before{left:18px}
.pm-ba__jump--after{right:18px}
.pm-ba__caption{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:18px 0 0;color:#d8d2c8;font-size:.86rem}
.pm-ba__caption strong{text-transform:uppercase;letter-spacing:.09em;color:#fff;font-size:.74rem}
.pm-ba__caption p{margin:0;max-width:900px}
.pm-ba__fallback{display:none}
@media(max-width:760px){.pm-ba-section__inner{padding-left:0;padding-right:0}.pm-ba__frame{aspect-ratio:4/3}.pm-ba__image{object-position:center}.pm-ba__jump{top:10px;padding:8px 10px;font-size:.64rem}.pm-ba__jump--before{left:10px}.pm-ba__jump--after{right:10px}.pm-ba__handle{width:48px;height:48px}.pm-ba__handle::before{left:9px}.pm-ba__handle::after{right:9px}.pm-ba__caption{grid-template-columns:1fr;padding:16px var(--pad) 0}}
@media(prefers-reduced-motion:reduce){.pm-ba__layer,.pm-ba__divider{transition:none}}
@media print{.pm-ba__range,.pm-ba__divider,.pm-ba__jump{display:none}.pm-ba__frame{display:none}.pm-ba__fallback{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pm-ba__fallback figure{margin:0}.pm-ba__fallback figcaption{font-weight:700;margin-top:5px}}