/* BORDES DE ACUARELA (26/10/2026, aprobados). Se activan con la clase .prueba-bordes de <html>.
   La foto va ENTERA (sin recortes: el recuadro ya no la ajusta) y es la propia foto la que tiene un filo de pincel difuminado,
   así no se ve su rectángulo. Detrás asoma una aguada de color sin bordes rectos. */
/* contenedores: centran la foto a su tamaño real y llevan la aguada detrás */
.prueba-bordes .retrato, .prueba-bordes .actividad__foto{border-radius:0; outline:0; overflow:visible; display:flex; align-items:center; justify-content:center;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 500' preserveAspectRatio='none'%3E%3Cfilter id='f' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.014' numOctaves='4' seed='3'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='70' result='d'/%3E%3CfeGaussianBlur in='d' stdDeviation='6'/%3E%3C/filter%3E%3CradialGradient id='g' cx='.5' cy='.5' r='.6'%3E%3Cstop offset='0' stop-color='%235a83b0' stop-opacity='0.6'/%3E%3Cstop offset='.75' stop-color='%235a83b0' stop-opacity='0.36'/%3E%3Cstop offset='1' stop-color='%235a83b0' stop-opacity='0'/%3E%3C/radialGradient%3E%3Crect x='40' y='40' width='320' height='420' fill='url(%23g)' filter='url(%23f)'/%3E%3C/svg%3E") center/118% 112% no-repeat}
.prueba-bordes .relato .pase:not(.pase--entera){overflow:visible; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 500' preserveAspectRatio='none'%3E%3Cfilter id='f' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.014' numOctaves='4' seed='3'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='70' result='d'/%3E%3CfeGaussianBlur in='d' stdDeviation='6'/%3E%3C/filter%3E%3CradialGradient id='g' cx='.5' cy='.5' r='.6'%3E%3Cstop offset='0' stop-color='%235a83b0' stop-opacity='0.5'/%3E%3Cstop offset='.75' stop-color='%235a83b0' stop-opacity='0.30'/%3E%3Cstop offset='1' stop-color='%235a83b0' stop-opacity='0'/%3E%3C/radialGradient%3E%3Crect x='40' y='40' width='320' height='420' fill='url(%23g)' filter='url(%23f)'/%3E%3C/svg%3E") center/112% 112% no-repeat}
.prueba-bordes .perro:nth-child(3n+2) .retrato, .prueba-bordes .actividad:nth-child(2) .actividad__foto, .prueba-bordes .relato:nth-child(2) .pase{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 500' preserveAspectRatio='none'%3E%3Cfilter id='f' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.014' numOctaves='4' seed='8'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='70' result='d'/%3E%3CfeGaussianBlur in='d' stdDeviation='6'/%3E%3C/filter%3E%3CradialGradient id='g' cx='.5' cy='.5' r='.6'%3E%3Cstop offset='0' stop-color='%23d3a25a' stop-opacity='0.6'/%3E%3Cstop offset='.75' stop-color='%23d3a25a' stop-opacity='0.36'/%3E%3Cstop offset='1' stop-color='%23d3a25a' stop-opacity='0'/%3E%3C/radialGradient%3E%3Crect x='40' y='40' width='320' height='420' fill='url(%23g)' filter='url(%23f)'/%3E%3C/svg%3E")}
.prueba-bordes .perro:nth-child(3n) .retrato, .prueba-bordes .actividad:nth-child(3) .actividad__foto{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 500' preserveAspectRatio='none'%3E%3Cfilter id='f' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.014' numOctaves='4' seed='12'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='70' result='d'/%3E%3CfeGaussianBlur in='d' stdDeviation='6'/%3E%3C/filter%3E%3CradialGradient id='g' cx='.5' cy='.5' r='.6'%3E%3Cstop offset='0' stop-color='%23d08a7b' stop-opacity='0.6'/%3E%3Cstop offset='.75' stop-color='%23d08a7b' stop-opacity='0.36'/%3E%3Cstop offset='1' stop-color='%23d08a7b' stop-opacity='0'/%3E%3C/radialGradient%3E%3Crect x='40' y='40' width='320' height='420' fill='url(%23g)' filter='url(%23f)'/%3E%3C/svg%3E")}
.prueba-bordes .relato--oscuro .pase{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 500' preserveAspectRatio='none'%3E%3Cfilter id='f' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.014' numOctaves='4' seed='6'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='70' result='d'/%3E%3CfeGaussianBlur in='d' stdDeviation='6'/%3E%3C/filter%3E%3CradialGradient id='g' cx='.5' cy='.5' r='.6'%3E%3Cstop offset='0' stop-color='%237ba77c' stop-opacity='0.55'/%3E%3Cstop offset='.75' stop-color='%237ba77c' stop-opacity='0.33'/%3E%3Cstop offset='1' stop-color='%237ba77c' stop-opacity='0'/%3E%3C/radialGradient%3E%3Crect x='40' y='40' width='320' height='420' fill='url(%23g)' filter='url(%23f)'/%3E%3C/svg%3E")}
/* la foto: tamaño natural dentro del hueco y filo de pincel */
.prueba-bordes .retrato img, .prueba-bordes .actividad__foto img{width:auto; height:auto; max-width:100%; max-height:100%; object-fit:fill; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' preserveAspectRatio='none'%3E%3Cfilter id='f' x='-10%25' y='-10%25' width='120%25' height='120%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.03 .045' numOctaves='4' seed='5'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='16' result='d'/%3E%3CfeGaussianBlur in='d' stdDeviation='3'/%3E%3C/filter%3E%3Crect x='9' y='9' width='382' height='382' fill='%23fff' filter='url(%23f)'/%3E%3C/svg%3E") center/100% 100% no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' preserveAspectRatio='none'%3E%3Cfilter id='f' x='-10%25' y='-10%25' width='120%25' height='120%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.03 .045' numOctaves='4' seed='5'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='16' result='d'/%3E%3CfeGaussianBlur in='d' stdDeviation='3'/%3E%3C/filter%3E%3Crect x='9' y='9' width='382' height='382' fill='%23fff' filter='url(%23f)'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.prueba-bordes .retrato:hover img{transform:none}
.prueba-bordes .relato .pase:not(.pase--entera) img{inset:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%; object-fit:fill; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' preserveAspectRatio='none'%3E%3Cfilter id='f' x='-10%25' y='-10%25' width='120%25' height='120%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.03 .045' numOctaves='4' seed='5'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='16' result='d'/%3E%3CfeGaussianBlur in='d' stdDeviation='3'/%3E%3C/filter%3E%3Crect x='9' y='9' width='382' height='382' fill='%23fff' filter='url(%23f)'/%3E%3C/svg%3E") center/100% 100% no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' preserveAspectRatio='none'%3E%3Cfilter id='f' x='-10%25' y='-10%25' width='120%25' height='120%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.03 .045' numOctaves='4' seed='5'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='16' result='d'/%3E%3CfeGaussianBlur in='d' stdDeviation='3'/%3E%3C/filter%3E%3Crect x='9' y='9' width='382' height='382' fill='%23fff' filter='url(%23f)'/%3E%3C/svg%3E") center/100% 100% no-repeat}