/* -------------------- Seção de Depoimentos -------------------- */
.testimonials-section {
    padding: 6rem 0;
    background-color: var(--bg-white);
    /* Mantém o fundo branco */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70vh;
    /* Ajuste a altura mínima da seção para centralizar melhor */
}

/* Wrapper para o card do depoimento para controlar a largura máxima */
.testimonial-wrapper {
    max-width: 1320px;
    /* Largura máxima do wrapper, ajuste conforme seu layout */
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.testimonial-card {
    background-color: var(--bg-white);
    width: 1320px;
    margin: 0;
    /* Remove margens extras */
    padding: 4rem 3rem 2.5rem 3rem;
    /* Ajuste o padding para o espaçamento interno */
    border-radius: 0;
    /* Remove border-radius */
    box-shadow: none;
    /* Remove box-shadow */
    position: relative;
    overflow: hidden;

    /* Novas propriedades para centralizar todos os itens verticalmente */
    display: flex;
    flex-direction: column;
    align-items: center;
    /* Centraliza os itens filhos horizontalmente */
}

/* Remove o pseudo-elemento de aspas grandes, que não está na imagem */
.testimonial-card::before {
    content: none;
}

/* Estilo para o wrapper da imagem de perfil */
.testimonial-image-wrapper {
    margin-bottom: 2rem;
    /* Espaçamento entre a imagem e o texto do depoimento */
    width: 140px;
    /* Largura da imagem circular */
    height: 140px;
    /* Altura da imagem circular */
    border-radius: 50%;
    /* Torna a imagem circular */
    overflow: hidden;
    /* Corta o conteúdo para dentro do círculo */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    /* Sombra sutil para a imagem */
}

.testimonial-profile-pic {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Garante que a imagem preencha o círculo sem distorção */
}

/* Estilo para o texto do depoimento */
.testimonial-card .quote {
    font-family: 'Poppins', sans-serif;
    font-size: 64px;
    /* Tamanho da fonte maior */
    font-weight: lighter;
    /* Texto em negrito */
    font-style: normal;
    /* Remove itálico */
    color: #333;
    /* Cor do texto mais escura */
    margin-bottom: 2.5rem;
    /* Espaçamento abaixo do texto */
    line-height: 1.4;
    /* Ajuste na altura da linha */
    width: 1100px;
    /* Limita a largura do texto para parecer mais compacto */
    text-align: center;
    /* Centraliza o texto dentro do parágrafo */
    position: relative;
    z-index: 1;
}

/* Estilo para o grupo de informações do autor */
.author-info {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
    /* Espaçamento abaixo das informações do autor */
    color: #555;
    /* Cor do texto do autor */
    font-family: 'Poppins', sans-serif;
    /* Fonte similar */
}

.author-name {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    /* Remove margens padrão */
    padding-right: 0.5rem;
    /* Espaçamento antes do separador */
}

/* Estilo para o separador vertical */
.separator {
    width: 1px;
    height: 1.2rem;
    /* Altura do separador */
    background-color: #ccc;
    /* Cor cinza clara do separador */
    margin: 0 0.5rem;
    /* Espaçamento lateral do separador */
}

.author-title {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    /* Remove margens padrão */
    padding-left: 0.5rem;
    /* Espaçamento depois do separador */
}

/* Estilo para o link "Veja todos os reviews" */
.all-reviews-link {
    display: inline-flex;
    /* Permite alinhar texto e seta */
    align-items: center;
    font-size: 16px;
    color: var(--primary-purple);
    /* Cor roxa da imagem (var(--primary-purple)) */
    text-decoration: none;
    /* Remove sublinhado padrão */
    margin-top: 1.5rem;
    /* Espaçamento acima do link */
    transition: color 0.3s ease;
    /* Transição suave na cor */
    font-family: 'Poppins', sans-serif;
    /* Fonte similar */
}

.all-reviews-link:hover {
    color: var(--primary-blue-light-accent);
    /* Cor um pouco mais clara no hover */
    text-decoration: underline;
    /* Adiciona sublinhado no hover */
}

.all-reviews-link .arrow {
    margin-left: 0.5rem;
    /* Espaçamento entre o texto e a seta */
    font-size: 1.1rem;
    /* Tamanho da seta */
    line-height: 1;
    /* Garante alinhamento vertical da seta */
}