/* Testimonials shortcode slider */



.testimonios {

  width: 100%;

  background: transparent;

  box-sizing: border-box;

}



.testimonios__title {

  margin: 0 0 16px;

  text-align: center;

  color: var(--accent);

  text-transform: uppercase;

}



.testimonios__divider {

  display: block;

  height: 1px;

  margin: 0;

  padding-left: 30px;

  padding-right: 30px;

  border: none;

  background-clip: content-box;

  background-color: #61616140;

  box-sizing: border-box;

}



.testimonios__slider {

  margin-top: 24px;

}



.testimonios__viewport {

  overflow: hidden;

  width: 100%;

}



.testimonios__track {

  display: flex;

  width: 100%;

  transition: transform 0.45s ease;

  will-change: transform;

}



.testimonios__slide {

  flex: 0 0 100%;

  width: 100%;

  max-width: 100%;

  box-sizing: border-box;

  padding: 8px 30px 16px;

  text-align: center;

}



.testimonios__content {

  margin-bottom: 16px;

}



.testimonios__content > *:first-child {

  margin-top: 0;

}



.testimonios__content > *:last-child {

  margin-bottom: 0;

}



.testimonios__name {

  font-weight: 600;

}



.testimonios__dots {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 10px;

  margin-top: 20px;

}



.testimonios__dot {

  width: 10px;

  height: 10px;

  padding: 0;

  border: none;

  border-radius: 50%;

  background: #c5c5c5;

  cursor: pointer;

  transition: background-color 0.2s ease, transform 0.2s ease;

}



.testimonios__dot.is-active {

  background: #006577;

  transform: scale(1.15);

}



.testimonios__dot:hover {
  background: #006577;
}

.testimonios__dot:focus {
  outline: none;
}

.testimonios__dot:focus:not(:focus-visible) {
  background: #c5c5c5;
}

.testimonios__dot.is-active:focus:not(:focus-visible) {
  background: #006577;
}

.testimonios__dot:focus-visible {
  outline: 2px solid #006577;
  outline-offset: 2px;
}


@media(max-width: 768px){
  .testimonios__slide{
    padding: 0 10px;
  }
  .testimonios__content{
    font-size: 15px;
  }
}