/*
  Testimonios — calificación de 5 estrellas
  Se añade entre el nombre/rol del paciente y el titular editorial de cada tarjeta,
  usando el mismo ícono de estrella (dorado) que trae el template.
*/

.testimonial_stars {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.testimonial_star {
  width: 0.875rem;
  height: 0.875rem;
  flex: none;
}

/*
  Hover de las tarjetas de testimonios.
  El template original resuelve esto con una interacción nativa de Webflow (IX3) cuyos datos de
  timeline se cargan desde el hosting de Webflow y no viajan con el export estático, así que se
  reimplementa el mismo resultado (la tarjeta se endereza, se levanta y pasa al frente) con CSS puro.
*/
.testimonial_wrap {
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  will-change: transform;
}

.testimonial_wrap:hover {
  transform: rotate(0deg) translateY(-0.75rem) scale(1.04) !important;
  z-index: 10;
  box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.35);
}

.testimonial_layout {
  padding-top: 1rem;
  padding-bottom: 1rem;
}