/* ==========================================================
   gk-testimonials.css — Página Depoimentos
   Espelha a estrutura de antattoo.net_testimonials com
   identidade GRENCKELVIN (fontes, cores, espaçamentos gk-*)
   ========================================================== */

/* ── Hero .section — em gk-shared.css ──────────────────── */

/* ── Grid de depoimentos ─────────────────────────────────── */

.testimonials-section {
  background-color: #000;
  padding: 0 5% 6rem;
}

.collection-list-4.w-dyn-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem 2.5rem;
  max-width: 1400px;
  margin: 0 auto;
}

/* ── Card individual ─────────────────────────────────────── */

.div-block-24 {
  background-color: #0a0a0a;
  border: 1px solid #1a1a1a;
  padding: 0 0 2rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Embed vídeo — mantém proporção 16:9 */
.div-block-24 .w-video.w-embed {
  position: relative;
  width: 100%;
  /* padding-top aplicado inline (56.2%) */
}

.div-block-24 .w-video.w-embed iframe,
.div-block-24 .w-video.w-embed .embedly-embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* Nome do cliente */
.heading-15 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  font-size: clamp(20px, 2vw, 28px) !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #f1f1f1 !important;
  margin: 1.5rem 1.5rem 0.5rem !important;
}

/* Linha artista */
.div-block-23 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0 1.5rem 0.75rem;
}

.text-block-4 {
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(241, 241, 241, 0.45);
}

.artist-link-from-testimonials {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  transition: color 0.2s;
}

.artist-link-from-testimonials .text-block-3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-red, #c41230);
}

.artist-link-from-testimonials svg {
  color: var(--ink-red, #c41230);
  transition: transform 0.2s;
}

.artist-link-from-testimonials:hover svg {
  transform: translateX(4px);
}

/* Divisor */
.div-block-24 .line-divider {
  margin: 0 1.5rem 1rem;
  width: auto !important;
  max-width: calc(100% - 3rem);
  box-sizing: border-box;
}


/* Citação */
.testimonial-rich-text {
  padding: 0 1.5rem;
  flex: 1;
}

.testimonial-rich-text p {
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(14px, 1.1vw, 17px);
  font-weight: 400;
  line-height: 1.65;
  color: rgba(241, 241, 241, 0.82);
  margin: 0;
}

/* ── CTA: componente movido para gk-shared.css ─────────── */

/* ── Tablet ─────────────────────────────────────────────── */

@media screen and (max-width: 991px) {
  .collection-list-4.w-dyn-items {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

/* ── Mobile ─────────────────────────────────────────────── */

@media screen and (max-width: 479px) {
  .testimonials-section {
    padding: 0 1rem 4rem;
  }

  .heading-15 {
    margin: 1rem 1rem 0.4rem !important;
  }

  .div-block-23 {
    padding: 0 1rem 0.6rem;
  }

  .div-block-24 .line-divider {
    margin: 0 1rem 0.75rem;
  }

  .testimonial-rich-text {
    padding: 0 1rem;
  }
}