/* Three previously approved crops from a shared studio mockup. Originals stay intact. */
.taz-other-rotation:is([data-typography="product-233"],[data-typography="product-104"],[data-typography="product-100"]) .taz-other-image-link::before {
 content:"";
 position:absolute;
 width:min(100%,360px);
 height:100%;
 left:50%;
 top:0;
 transform:translateX(-50%);
 border-radius:24px;
 background-image:url('catalogo-color/productos-fondos-color.webp?studio=0.29.1');
 background-size:330% 110%;
 background-repeat:no-repeat;
 background-position:0% 50%;
}
.taz-other-rotation[data-typography="product-104"] .taz-other-image-link::before{background-position:50% 50%}
.taz-other-rotation[data-typography="product-100"] .taz-other-image-link::before{background-position:100% 50%}
.taz-other-rotation:is([data-typography="product-233"],[data-typography="product-104"],[data-typography="product-100"]) .taz-other-image-link img {
 opacity:0;
 aspect-ratio:1/1;
 object-fit:cover;
 height:auto;
}

/* Mobile rotation: one stable square canvas, without stretching wide artwork. */
@media(max-width:800px){
 .taz-other-rotation.hero .hero-proof .taz-other-image-link{
  display:block;
  width:min(100%,220px);
  height:220px;
  margin-inline:auto;
  overflow:hidden;
 }
 .taz-other-rotation.hero .hero-proof .taz-other-image-link img{
  display:block;
  width:100%;
  height:100%;
  max-height:none;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
  animation:none;
 }
}

/* Round the image canvas itself, including studio backgrounds and side margins. */
.taz-other-rotation.hero .hero-proof .taz-other-image-link{
 display:block;
 overflow:hidden;
 border-radius:24px;
}
.taz-other-rotation.hero .hero-proof .taz-other-image-link img{
 border-radius:24px!important;
}

/* Stable desktop rotation canvas; photographs keep their original proportions. */
@media(min-width:801px){
 .taz-other-rotation.hero .hero-proof .taz-other-image-link{display:block;width:100%;height:360px}
 .taz-other-rotation.hero .hero-proof .taz-other-image-link img{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center}
}

.taz-other-rotation .taz-other-image-link{position:relative}
@media(max-width:800px){.taz-other-rotation .taz-other-image-link::before{width:min(100%,220px)}}

/* External inline studio styles must not stretch the shared sprite across the frame. */
.taz-other-rotation:is([data-typography="product-233"],[data-typography="product-104"],[data-typography="product-100"]) .taz-other-image-link{background-image:none!important}
.taz-other-rotation:is([data-typography="product-233"],[data-typography="product-104"],[data-typography="product-100"]) .taz-other-image-link::before{width:min(100%,360px)!important;background-size:auto 110%}
@media(max-width:800px){
 .taz-other-rotation:is([data-typography="product-233"],[data-typography="product-104"],[data-typography="product-100"]) .taz-other-image-link::before{width:min(100%,220px)!important}
}