.article-tiles-container
    display: flex
    flex-wrap: wrap
    gap: 3rem
    justify-content: center
    margin-bottom: 2.5rem
    .card
        width: 16rem
        margin: unset
        @include phone
            width: 20rem
.alta-menu
  .nav-pills .nav-link
    color: #333 !important           
    border-color: #999 !important
    background-color: #f9f9f9    
    font-weight: 500;
    transition: all 0.2s ease


  .nav-pills .nav-link:hover
    color: #000 !important
    border-color: #666 !important
    background-color: #f1f1f1


  .nav-pills .nav-link.active
    background-color: #007bff !important
    color: #fff !important
    border-color: #007bff !important
    box-shadow: 0 3px 8px rgba(0, 123, 255, 0.3)