/* Estilos para las tarjetas de reseñas */


@media (min-width: 768px) {
  
  .review-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; 
    gap: 20px; 
  }
  
    .review-card {
      margin-bottom: 0px!important;
    }
}


.review-card {
  display: flex;
  flex-direction: column;
  flex: 1 0 368px; /* Establece un tamaño mínimo para cada tarjeta */
  max-width: 368px; /* Este valor puede ser ajustado de acuerdo a tus necesidades */
  border: 1px solid #ccc;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
  background: #ffffff;
}

.review-card p {
  min-height: 26px;
  display: block;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  color: #585858;
  margin: 0;
}

.review-avatar-column {
	display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.review-avatar {
  width: 50px;
  height: 50px;
  margin-right: 15px;
	align-items: center;
	justify-content: center;
	display: flex;
	color: white;
	font-size: 20px;
	font-weight: 600;
	
}

.review-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.review-card .author-name {
  font-weight: bold;
}

.review-card .rating-time {
  display: flex;
  align-items: center;
}

.review-card .rating {
  color: #f7c500;
  margin-right: 10px;
}

.place-rating {
  display: flex;
  align-items: center;
}

.rating-score {
  margin-right: 10px;
  font-weight: bold;
}

.review-card .relative-time {
  margin: 0;
}

.review-card .relative-time p {
  color: #818181;
  font-size: 13px;
  line-height: 15px;
}

.img-google {
	margin-top: 10px;
}

.img-google img {
	float: right;
    width: 85px; /* Cambia el valor según el tamaño deseado */
    height: auto; /* Esto mantiene la proporción de aspecto */
}