.section--gray {
    background: #fafafa;
    margin-bottom: 60px;
  }
  
  .section.section--temas:nth-child(odd) {
    background: #fafafa;
    margin-bottom: 60px;

  }
  
  .section__titles {
    width: 100%;
    border-bottom: 1px solid #48536c;
    margin-bottom: 1.125rem;
    padding-bottom: 0.5rem
  }
  
  .section__titles--white {
    border-color: #fff
  }
  
  .section__titles--white .section__title {
    color: #fff
  }
  
  .section__title {
    color: #48536c;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 120%;
    margin: 0
  }
  
  .card-slider__cards {
    width: 100%
  }
  
  .card-one {
    width: 391px;
    padding: 0 1rem 0 1rem;
    margin: 0 0 0.5rem 0
  }
  
  .card-link {
    border-radius: 0.5rem;
    background: #fff;
    box-shadow: 0px 2px 7px -1px rgba(0, 0, 0, .2);
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    transition: .5s ease all
  }
  
  .card-link:hover {
    box-shadow: 0px 0px 0px -1px rgba(0, 0, 0, .2)
  }
  
  .card-one__picture {
    height: 156px;
    width: 100%;
    object-fit: cover;
    object-position: top center;
  }
  
  .card-one__info {
    padding: 1.5rem 1.25rem
  }
  
  .card-one__title {
    overflow: hidden;
    color: #333f5b;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25rem;
    margin: 0;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch
  }
  
  .link-ver-todos {
    float: right;
    top: -55px;
    right: 0;
    position: relative;
    display: flex;
    align-items: center;
    width: 115px;
    height: 32px;
    padding: 0 0.5rem 0 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    text-decoration: none;
    color: #48536c;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 100%
  }
  
  .flickity-viewport {
    width: 100%
  }

  @media screen and (max-witdh:768px){
    .section__title {
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 120%
      }
    
      .link-ver-todos {
        position: relative;
        top: 0;
        float: none;
        margin: 0.75rem auto 0 auto
      }
    
      .card-slider {
        display: flex;
        flex-direction: column-reverse
      }
    
     .card-slider__cards {
      width: 100%
    }
    
    .card-one {
      width: 391px;
      padding: 0 1rem 0 1rem;
      margin: 0 0 0.5rem 0
    }
    
    .card-link {
      border-radius: 0.5rem;
      background: #fff;
      box-shadow: 0px 2px 7px -1px rgba(0, 0, 0, .2);
      overflow: hidden;
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      transition: .5s ease all
    }
    
    .card-link:hover {
      box-shadow: 0px 0px 0px -1px rgba(0, 0, 0, .2)
    }
    
    .card-one__picture {
      height: 156px;
      width: 100%;
      object-fit: cover;
      object-position: top center;
    }
    
    .card-one__info {
      padding: 1.5rem 1.25rem
    }
    
    .card-one__title {
      overflow: hidden;
      color: #333f5b;
      font-size: 1rem;
      font-weight: 600;
      line-height: 1.25rem;
      margin: 0;
      display: -webkit-box;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      align-self: stretch
    }
  }