/* Filtros */

.fundo-filters-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    padding: 8px;
    overflow-x: auto;
    margin: 0;
    padding: 0;
  }
  
  @media (min-width: 768px) {
    .fundo-filters-row {
      justify-content: space-around;
      align-items: center;
    }
  }
  
  .btn-filter-fundo {
    font-size: 16px;
    font-weight: bold;
    color: #0076CF;
    padding: 2px 12px;
    margin: 0 16px;
    border-radius: 16px;
    outline: none;
    border: 0;
    box-shadow: none;
    white-space: nowrap;
    background-color: transparent;
    transition: all .3s ease-out;
  }
  
  .btn-filter-fundo.active {
    color: #0076CF;
    background-color: #E8E8E8;
  }
  
  .btn-filter-fundo:hover {
    color: #0076CF;
    background-color: #E8E8E8;
  }
  
  .btn-filter-fundo:hover, .btn-filter-fundo:active, .btn-filter-fundo:focus {
    outline: none;
    border: 0;
    box-shadow: none;
  }
  
  /* Fundos */
  
  .fund-row {
    width: 100%;
    margin: 0;
    min-height: 90px;
    background: rgb(0,40,85);
    background: -moz-linear-gradient(45deg, rgba(0,40,85,1) 0%, rgba(0,76,151,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(0,40,85,1) 0%, rgba(0,76,151,1) 100%);
    background: linear-gradient(45deg, rgba(0,40,85,1) 0%, rgba(0,76,151,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002855",endColorstr="#004c97",GradientType=1);
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    position: relative;
    right: 50%;
    width: 100vw;
  }
  
  @media (min-width: 992px) {
    .fund-row {
      width: 100%;
      position: initial;
      padding: 0;
      margin: initial;
      width: 100%;
      left: initial;
      right: initial;
    }
  }
  
  .fund-name {
    padding: 16px;
    font-size: 18px;
    color: #fff;
    text-align: center;
  }
  
  @media (min-width: 992px) {
    .fund-name {
      width: initial;
      padding: 8px;
      font-size: 20px;
      text-align: left;
    }
  }
  
  .selo-fundo {
    padding-left: 8px;
  }
  
  .fund-tax {
    display: block;
    font-size: 16px;
    color: #fff;
  }
  
  @media (min-width: 992px) {
    .fund-tax {
      font-size: 18px;
    }
  }
  
  .fund-period {
    display: block;
    font-size: 14px;
    color: #fff;
  }
  
  @media (min-width: 992px) {
    .fund-period {
      font-size: 16px;
    }
  }
  
  .btn-saiba-mais {
    font-size: 14px;
    padding: 2px 18px;
    color: #fff !important;
    border: 1px solid #fff;
    border-radius: 16px;
    background-color: transparent;
    transition: all .3s ease-out;
    margin: 16px 0;
  }
  
  @media (min-width: 992px) {
    .btn-saiba-mais {
      font-size: 14px;
    }
  }
  
  .btn-saiba-mais:hover {
    background-color: rgba(246,246,246,0.3);
  }
  
  /* Botão Nossos fundos */
  
  .btn-nossos-fundos {
    padding: 6px 24px;
    color: #fff;
    background-color: #035FA4;
    border-radius: 24px;
  }
  
  .btn-nossos-fundos:hover {
    color: #fff;
    background-color: #003865;
  }