.div-proyecto {
  margin: 15px;
  position: relative;
  color: white;
  height: 220px;
  width: 30%;
  transition-duration: .25s;
  overflow: hidden;
  border-radius: 4px;
}

.div-proyecto:hover{
    transform: scale(1.01);
    -webkit-transform-origin-x: 10px;
    transition-duration: .25s;
    /*box-shadow: 5px 5px 0px 5px #00000037;*/
    cursor: pointer;
    border-radius: 4px;
}
.div-proyecto:hover .imagen-proyecto{
  transform: scale(1.05); 
}
.imagen-proyecto{
  height: 100%;
  width: 100%;
  display: block;
  object-fit: cover;
  border-radius: 4px;
  transition: transform 0.5s ease;
}
.contenido-proyecto {
  padding: 8px;
  position: absolute;
  top: 0px;
  left: 0px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
  /*font-weight: bold;*/
  font-size: 18px;
}
.link-caratula, .link-caratula:hover
{   text-decoration: none;
color: white;
}

/*THUMBNAIL*/

.div-proyecto-thumbnail {
  margin: 15px;
  position: relative;
  color: white;
  height: auto;
  width: auto;
  transition-duration: .25s;
  border-radius: 4px;
}
.div-proyecto-thumbnail:hover{
  /*transform: scale(1.01);
  -webkit-transform-origin-x: 10px;
  transition-duration: .25s;
  box-shadow: 5px 5px 0px 5px #00000037;*/
  cursor: pointer;
  border-radius: 4px;
}

.div-proyecto-thumbnail:hover .imagen-proyecto-thumbnail{
  transform: scale(1.05); 
  border-radius: 4px;
}
.contenido-proyecto-thumbnail {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  color: white; 
  padding: 10px; 
  margin: 0; 
  font-size: 16px;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
  border-radius: 4px;
}
.contenido-proyecto-thumbnail:hover {
  cursor: pointer;
}
.titulo-thumbnail {
  color:black;
  font-size: 18px;
}
.titulo-thumbnail:hover{
  cursor: pointer;
}

.link-caratula-thumbnail, .link-caratula-thumbnail:hover { 
  text-decoration: none;
  color: white;
  display: block; 
  position: relative;
  cursor: pointer;
  border-radius: 4px;
}

.imagen-proyecto-thumbnail{
  height: 150px;
  width: 100%;
  display: block;
  object-fit: cover;
  border-radius: 4px;
  transition: transform 0.5s ease;
}

