/* ============================================================
   reviews.css — Grid de Depoimentos e Google Badge
   ============================================================ */

/* ── 10. REVIEWS GRID (Depoimentos) ── */
.reviews-grid {
  display: grid;
  /* Minmax um pouco maior que os diferenciais (320px) porque textos de depoimentos precisam de mais espaço horizontal pra fluírem bem */
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 20px;
  width: 100%;
  max-width: var(--max-width);
  margin-top: 3rem;
}

/* O "cartão de visita" do cliente satisfeito */
.review-card {
  background: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: 16px;
  padding: 28px 24px;
  text-align: left;
  
  /* Sombra leve para destacar o cartão do fundo cinza claro (bg-light) */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  transition: transform 0.3s, box-shadow 0.3s;
}

.review-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); /* Sombra encorpa ao passar o mouse */
}

/* Aquele badge pequenininho do Google, com fundo cinza oficial e logo */
.google-review-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #f8f9fa; /* Cinza oficial dos serviços Google */
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #3c4043; /* Cor oficial do texto secundário do Google */
  margin-bottom: 12px;
  border: 1px solid #dadce0;
}

/* Alinha as 5 estrelas amarelas e a data (há 3 meses) separando-os nos extremos (space-between) */
.review-card__stars {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9rem;
  margin-bottom: 12px;
  letter-spacing: 2px; /* Afasta um pouco uma estrela da outra */
}

.review-date {
  font-size: 0.75rem;
  color: #999;
  letter-spacing: normal;
  font-weight: 500;
}

/* Texto aspas do cliente */
.review-card__text {
  font-size: 0.92rem;
  font-style: italic; /* Italico da um ar de citação verídica */
  color: var(--color-text-body);
  line-height: 1.65;
  margin-bottom: 16px;
}

/* Nome do cliente que comentou */
.review-card__author {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--color-primary); /* Nome em azul pra dar destaque e credibilidade */
}

/* ── GOOGLE BADGE E UTILITÁRIOS EXTRAS (Extraídos do global) ── */
/* A palavra 'Google' estilizada no CSS sem precisar carregar imagem */
.google-logo {
  font-weight: 800; /* Letra bem gorda */
}

/* G azul do início e do meio */
.google-logo span:nth-child(1),
.google-logo span:nth-child(4) {
  color: #4285F4;
}
/* O vermelho e E vermelho */
.google-logo span:nth-child(2),
.google-logo span:nth-child(6) {
  color: #EA4335;
}
/* O amarelo */
.google-logo span:nth-child(3) {
  color: #FBBC05;
}
/* O L verde */
.google-logo span:nth-child(5) {
  color: #34A853;
}

/* Container que abraça o botão de ver reviews e o aviso de não-afiliação */
.google-review-wrapper {
  text-align: center;
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Centraliza o botão do Google especificamente dentro dessa área */
.google-review-wrapper .hero__cta {
  align-self: center;
}

/* Aviso minúsculo de isenção de responsabilidade do Google */
.google-review-disclaimer {
  font-size: 0.7rem; /* Tamanho de "letras miúdas" */
  color: #888;
  margin-top: 16px;
  max-width: 400px;
  line-height: 1.4;
}