
.contenedor{
  padding:0;
width:100%;
  
  
}
.contenedor .carrusel{
  padding: 0;
display: flex;

  overflow:hidden;

}

.imagenes-transformables{
  height: 400px;
  min-width:1%;
  width: 33.33%;
  max-width:50%;

  
  transition: all 1s ease;
  background-size: cover;
  background-position:center center;
  
 
    
}

.imagenes-transformables:hover {
max-width: 80%;
 min-width:50%;
  transition: min-width 1s ease;
-webkit-transition: min-width 1s ease;
  -moz-transition: min-width 1s ease;
 -ms-transition: min-width 1s ease;
-o-transition: min-width 1s ease;

}

.imagenes-transformables:hover .fade-responsabiliad {
  background-color: rgba(0,0,0,.4);
  width: auto; 
  height:100%;
  transition: background-color .5s ease;
     padding:1em;
  display:flex;
  
}

.imagenes-transformables:hover .fade-responsabiliad .bor-text{
  display:flex;
  align-items: center;
    justify-content: center;
  font-size: 15px;
  transition: font-size 1s ease;

}


.imagenes-transformables .fade-responsabiliad .bor-text{
  border: 1px solid white;
   width:100%;
  height: 90%;
  margin:2%;
  padding: 3%;
  display:none;
  font-family: sans-serif;
  color: white;
  font-size: 15px;
  cursor:pointer;
  text-decoration: none;
  text-align: center;
}