/* subtitulo */
.referencias h4 {
  color: hsl(0, 0%, 20%);
}


.testimonios .col {
  display: flex;
    align-items: center;
}

.testimonios .card {
  position: relative;
    min-width: 20rem;
    max-width: 25rem;
  margin: 1rem auto;
    border: 1px solid hsl(211, 0%, 90%);
  /*border: none;*/
    /*text-align: center;*/
}

  /* texto textimonio */
  .testimonios .card-text {
    font-weight: 400;
      color: hsl(0, 0%, 20%);
  }

  /* imagen */
  .testimonios .img-box {
    width: 3rem; height: 3rem;
    border: 1px solid hsl(211, 90%, 50%);
      border-radius: 100%;
      background-color: white;
      overflow: hidden;

    display: flex;
      justify-content: center;
      align-items: center;
  }
    .testimonios .img-box img {
      width: auto;
      height: 100%;
    }

  .testimonios .card .media {
  }
  .testimonios p {
    font-size: .9rem;
  }
  .btn-testimonio {
    padding: 0;
      font-size: .85rem;
      color: hsl(211, 90%, 50%);
  }
    .btn-testimonio:hover {
      color: hsl(211, 90%, 32%);
    }


  /** VIDEOS **/
  .testimonios-video {
    display: none;
      justify-content: center;
      align-items: center;
      flex-direction: column;

    position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      z-index: 2000;

    background-color: hsla(0, 0%, 0%, .6);
  }
    .testimonios-video video {
      height: 80%;
        border-radius: .5rem;
        box-shadow: 0 0 6px 0 hsla(0, 0%, 20%, .4);
    }
    .testimonios-video button {
      color: white;
    }
      .testimonios-video button:hover {
        color: hsl(211, 90%, 70%);
      }


/* boton link referencias */
.testimonios a.refe-link {
  display: block;
    margin: 0 auto;
    padding: auto 2rem;
    max-width: 28rem;
      border-radius: 2rem;
}



/******************************************************/
/**** MEDIA QUERIES ****/
/* Medium devices (desktops, 992px and down) */
@media only screen and (max-width: 992px) {
  .referencias h4.mb-5, .referencias h4.mt-5 {
    margin-top: 1.8rem !important;
    margin-bottom: 1.8rem !important;
  }

  .testimonios .card {
    width: auto;
    min-width: 14rem;
  }
}

/* Small devices (tablets, 768px and down) */
@media only screen and (max-width: 768px) {
  .testimonios.mb-4 {
    margin-bottom: 0 !important;
  }

}

@media only screen and (max-width: 486px) {

}