.drive-depoimentos-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:56px; align-items:center; }
.drive-depoimentos-copy h2 { margin:0 0 14px; }
.drive-depoimentos-copy p { max-width:420px; margin:0; color:var(--text-muted); }
.drive-joinha-grande { margin-top:28px; padding:16px; box-sizing:content-box; border-radius:24px; color:var(--inteligencia); background:#fff; box-shadow:0 14px 34px rgba(0,30,48,.1); }
.drive-depoimento-topo { display:flex; align-items:center; justify-content:space-between; }
.drive-joinha { color:var(--produtividade); }
/* Painel da ideia do cliente (slider.css) dentro da seção clara: fundo escuro próprio */
.drive-depoimentos .drive-cliente-painel { grid-row:auto; grid-column:auto; height:640px; padding:16px; border-radius:28px; background:radial-gradient(circle at 80% 10%,rgba(17,189,225,.32),rgba(27,20,100,0) 55%),var(--inteligencia); box-shadow:0 26px 58px rgba(27,20,100,.28); }
@media (max-width:1050px) {
  .drive-depoimentos-grid { grid-template-columns:1fr; gap:28px; }
}
@media (max-width:767px) {
  .drive-joinha-grande { display:none; }
  .drive-depoimentos .drive-cliente-painel { height:auto; padding:12px; }
}
.drive-depoimentos .drive-cliente-depoimento { gap:10px; padding:18px 22px; }
/* Slider com data-altura-livre: cada card tem a altura do próprio texto (ui.js rola em pixels até o topo do card) */
@media (min-width:768px) {
  .drive-depoimentos-slider[data-altura-livre] .drive-slide { flex:0 0 auto; }
  .drive-depoimentos-slider[data-altura-livre] .drive-cliente-depoimento { height:auto; justify-content:flex-start; }
  .drive-depoimentos-slider[data-altura-livre]:not(.no-fim) .drive-slider-viewport { -webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 48px),transparent); mask-image:linear-gradient(to bottom,#000 calc(100% - 48px),transparent); }
}
/* Mobile (horizontal): o viewport acompanha a altura do card ativo */
@media (max-width:767px) {
  .drive-depoimentos-slider .drive-slider-track { align-items:flex-start; }
  .drive-depoimentos-slider .drive-slider-viewport { transition:height .35s var(--ease-drive); }
}
.drive-cliente-depoimento figcaption .drive-avatar-foto { width:48px; height:48px; object-fit:cover; border:2px solid var(--produtividade); background:#fff; }