.box_sm_remates{
	  width: 50px;
	  height: 50px;
	  background: #fff;
	  overflow: hidden;
	  display: block;
	  margin-left: 0px;
	}


	
	
	
	.box_sm_ampliado{
	  width: 100%;
	  height: 429px;
	  background: #fff;
	  overflow: hidden;
	  display: block;
	  margin-left: 0px;
	}
	
	 .box_sm_ampliado img{
		  width: 100%;
		  height: auto;
		  display: block;
		  margin-left: 0px;
	}
	@supports(object-fit: cover){
	    .box_sm_ampliado img{
	      height: 100%;
	      object-fit: cover;
	      object-position: center center;
	      display: block;
	       margin-left: 0px;
	    }
	}
	
	
	
	.box_sm_thums{
	  width: 142px;
	  height: 80px;
	  background: #fff;
	  overflow: hidden;
	  display: block;
	  margin-left: 0px;
	}
	
	
	 .box_sm_thums img{
		  width: 100%;
		  height: auto;
		  display: block;
		  margin-left: 0px;
	}
	@supports(object-fit: cover){
	    .box_sm_thums img{
	      height: 100%;
	      object-fit: cover;
	      object-position: center center;
	      display: block;
	       margin-left: 0px;
	    }
	}
	
	
	
	
	
	
	
	
	
	.box_asesor{
	  width: 223px;
	  max-width: 212px;
	  aspect-ratio: 1 / 1;
	  background: #fff;
	  overflow: hidden;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  margin: 0 auto;
	}

	.box_asesor img{
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  object-position: center;
	  display: block;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* Base: mobile-first, aplica a todas las pantallas */
		.box_ampliado_new {
		  width: 100%;
		  max-width: 770px;
		  aspect-ratio: 770 / 577;
		  background: #fff;
		  overflow: hidden;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  margin: 0 auto;
		  box-sizing: border-box;
		}
		
		.box_ampliado_new img {
		  width: 100% !important;
		  height: 100% !important;
		  object-fit: contain;
		  object-position: center;
		  display: block;
		}
		
		/* Celulares chicos (menos de 480px) */
		@media (max-width: 480px) {
		  .box_ampliado_new {
		    max-width: 100%;
		    aspect-ratio: 4 / 3; /* un poco más compacta en pantallas muy chicas */
		  }
		}
		
		/* Celulares / Bootstrap "xs" (menos de 768px) */
		@media (min-width: 481px) and (max-width: 767px) {
		  .box_ampliado_new {
		    max-width: 100%;
		    aspect-ratio: 770 / 577;
		  }
		}
		
		/* Tablets / Bootstrap "sm" (768px a 991px) */
		@media (min-width: 768px) and (max-width: 991px) {
		  .box_ampliado_new {
		    max-width: 700px;
		    aspect-ratio: 770 / 577;
		  }
		}
		
		/* Notebooks / Bootstrap "md" (992px a 1199px) */
		@media (min-width: 992px) and (max-width: 1199px) {
		  .box_ampliado_new {
		    max-width: 770px;
		    aspect-ratio: 770 / 577;
		  }
		}
		
		/* Pantallas grandes / Bootstrap "lg" (1200px en adelante) */
		@media (min-width: 1200px) {
		  .box_ampliado_new {
		    max-width: 770px;
		    aspect-ratio: 770 / 577;
		  }
		}
		
		
		
		
		
		
		
		
	/* SM */	
	
	/* Base: mobile-first */
.box_sm {
  width: 100%;
  max-width: 370px;
  aspect-ratio: 370 / 277;
  background: #fff;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}

.box_sm img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;       /* ver nota abajo: cover vs contain */
  object-position: center;
  display: block;
}

/* Celulares chicos (menos de 480px) */
@media (max-width: 480px) {
  .box_sm {
    max-width: 100%;
    aspect-ratio: 370 / 277;
  }
}

/* Celulares grandes / Bootstrap "xs" (481px a 767px) */
@media (min-width: 481px) and (max-width: 767px) {
  .box_sm {
    max-width: 100%;
    aspect-ratio: 370 / 277;
  }
}

/* Tablets / Bootstrap "sm" (768px a 991px) */
@media (min-width: 768px) and (max-width: 991px) {
  .box_sm {
    max-width: 340px;
    aspect-ratio: 370 / 277;
  }
}

/* Notebooks / Bootstrap "md" (992px a 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
  .box_sm {
    max-width: 370px;
    aspect-ratio: 370 / 277;
  }
}

/* Pantallas grandes / Bootstrap "lg" (1200px en adelante) */
@media (min-width: 1200px) {
  .box_sm {
    max-width: 370px;
    aspect-ratio: 370 / 277;
  }
}