.articulo:hover {
    box-shadow: 0 4px 10px rgba(17, 29, 48, .26);
}

.articuloCatalogo:hover {
    box-shadow: 0 4px 10px rgba(17, 29, 48, .26);
    cursor: pointer;
}


.card-deck {
    margin: 0 -15px;
    justify-content: space-between;
  }
  
  .card-deck .card {
    margin: 0 0 1rem;
  }
  
  @media (min-width: 576px) and (max-width: 767.98px) {
    .card-deck .card {
      -ms-flex: 0 0 48.7%;
      flex: 0 0 48.7%;
      margin-left: 15px;
      margin-right: 15px;
    }
  }
  
  @media (min-width: 768px) and (max-width: 991.98px) {
    .card-deck .card {
      -ms-flex: 0 0 32%;
      flex: 0 0 32%;
      margin-left: 15px;
      margin-right: 15px;
    }
  }
  
  @media (min-width: 992px)
  {
    .card-deck .card {
      -ms-flex: 0 0 24%;
      flex: 0 0 24%;
    }
  }
  
  .catalogo .card {
    background-color: #A1C517;
  }