/* Estilos forzados para Google Reviews - Compatible con filas animadas */
.reviews {
  background: #F5F5F5 !important;
  padding: 5rem 0 !important;
}

/* NO forzar grid en el container - dejar que JavaScript maneje el layout */
.reviews-widget-google .ti-reviews-container-wrapper {
  /* display y layout se manejan desde JavaScript y style.scss */
}

/* Estilos individuales de tarjetas - no interferir con el layout */
.reviews-widget-google .ti-review-item {
  background: #FFFFFF !important;
  border-radius: 8px !important;
  padding: 24px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  text-align: center !important; /* Centrado para coincidir con style.scss */
}

.reviews-widget-google .ti-review-item:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
  transform: translateY(-2px) !important;
}

.reviews-widget-google .ti-profile-img {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  margin: 0 auto 10px auto !important; /* Centrado */
}

.reviews-widget-google .ti-name {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #FDB81E !important;
  margin-bottom: 4px !important;
  text-align: center !important;
}

.reviews-widget-google .ti-stars {
  color: #FDB81E !important;
  font-size: 16px !important;
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
}

/* Mobile: usar el sistema load more que maneja JavaScript */
@media (max-width: 768px) {
  .reviews-widget-google .ti-reviews-container-wrapper {
    /* Layout manejado por JavaScript en mobile */
  }
}