.portfolio-screen{
  min-height:260px;
  position:relative;
  overflow:hidden;
  background-color:#07121e;
  background-repeat:no-repeat;
  background-position:center top;
  background-size:cover;
}

.portfolio-screen:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 35%,rgba(3,10,18,.88) 100%);
}

.portfolio-screen > *{
  position:relative;
  z-index:2;
}

.portfolio-blue{
  background-image:url("assets/portfolio-ecommerce.png");
}

.portfolio-green{
  background-image:url("assets/portfolio-servicios.png");
}

.portfolio-purple{
  background-image:url("assets/portfolio-app.png");
  background-size:contain;
  background-position:center;
}

.portfolio-browser{
  display:none;
}

.portfolio-card{
  transition:transform .25s ease,border-color .25s ease;
}

.portfolio-card:hover{
  transform:translateY(-6px);
  border-color:rgba(22,224,220,.35);
}

@media(max-width:700px){
  .portfolio-screen{
    min-height:220px;
  }
}

.portfolio-clickable{
  cursor:pointer;
  position:relative;
}

.portfolio-clickable .portfolio-info:after{
  content:"Ver solucion >";
  display:inline-block;
  margin-top:15px;
  color:#16e0dc;
  font-size:11px;
  font-weight:800;
}

.portfolio-clickable:hover{
  transform:translateY(-8px);
  border-color:rgba(22,224,220,.50);
}