.ejemplo-fundido{gap:14px;min-width:0;margin:0;display:grid}.ejemplo-fundido__escena{aspect-ratio:1100/821;isolation:isolate;border-radius:var(--marca-radio-comparador);background:var(--marca-superficie-alta);position:relative;overflow:hidden}.ejemplo-fundido__despues{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.ejemplo-fundido__antes{position:absolute;inset:0}.ejemplo-fundido__antes>span{background-image:var(--antes);clip-path:inset(var(--t) 0 var(--b1) 0);background-position:50%;background-size:cover;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.ejemplo-fundido__antes>span{animation:ejemplo-fundido-abrir 1s cubic-bezier(.22,.7,.2,1) var(--d) both}.ejemplo-fundido__rotulo{animation:.5s ease-out 1.2s both ejemplo-fundido-rotulo}}@keyframes ejemplo-fundido-abrir{0%{clip-path:inset(var(--t) 0 var(--b0) 0)}}@keyframes ejemplo-fundido-rotulo{0%{opacity:0}}.ejemplo-fundido__rotulo{z-index:2;border-radius:var(--marca-radio-pildora);background:var(--marca-negro);color:var(--marca-hueso);font:600 13px/1.2 var(--sans);white-space:nowrap;padding:5px 11px;position:absolute}.ejemplo-fundido__rotulo--antes{top:12px;left:12px}.ejemplo-fundido__rotulo--despues{bottom:12px;right:12px}.ejemplo-fundido__selector{flex-wrap:wrap;gap:8px;display:flex}.ejemplo-fundido__selector button{border:1px solid var(--marca-linea-firme);border-radius:var(--marca-radio-pildora);min-height:44px;color:var(--marca-texto);font:600 14px var(--sans);cursor:pointer;background:0 0;padding:8px 18px}.ejemplo-fundido__selector button:hover{border-color:var(--marca-texto)}.ejemplo-fundido__selector button[aria-pressed=true]{background:var(--marca-texto);border-color:var(--marca-texto);color:var(--marca-fondo)}.ejemplo-fundido__selector button:focus-visible{outline:2px solid var(--marca-foco);outline-offset:3px}.ejemplo-fundido figcaption{color:var(--marca-texto-suave);max-width:60ch;margin:0;font-size:14px;line-height:1.5}@media (max-width:450px){.ejemplo-fundido__rotulo{padding:4px 9px;font-size:12px}.ejemplo-fundido__rotulo--antes{top:8px;left:8px}.ejemplo-fundido__rotulo--despues{bottom:8px;right:8px}}