/* Grandes motivos: cabeçalho centralizado + slider automático de cards quadrados */
.drive-motivos { position:relative; isolation:isolate; padding:104px 0; overflow:hidden; color:#fff; background:radial-gradient(circle at 8% 0%,rgba(27,20,100,.75),rgba(0,30,48,0) 55%),radial-gradient(circle at 96% 100%,rgba(17,189,225,.22),rgba(0,30,48,0) 50%),var(--seriedade); }
.drive-motivos::after { content:""; position:absolute; z-index:-1; right:-34px; top:-30px; width:190px; height:226px; background:url("../assets/images/icone-grafico.png") center/contain no-repeat; pointer-events:none; }
.drive-motivos-head { max-width:720px; margin:0 auto 48px; text-align:center; }
.drive-motivos-head::before { content:"Por que aprender"; display:block; margin-bottom:10px; color:var(--produtividade); font-size:12px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; }
.drive-motivos-marca { display:none; }
.drive-motivos h2 { margin:0; color:#fff; font-size:clamp(40px,5vw,64px); font-weight:600; letter-spacing:-.035em; line-height:1; }
.drive-motivos h2 em { color:var(--produtividade); font-style:normal; }
.drive-motivos-head p { max-width:560px; margin:18px auto 0; color:rgba(255,255,255,.76); font-size:17px; }
.drive-motivos-slider { position:relative; min-width:0; }
.drive-motivos .drive-slider-viewport { overflow:hidden; margin:0 -10px; border-radius:0; }
/* Borda transparente cria o espaço entre os cards sem alterar o cálculo do slider */
.drive-motivo { position:relative; aspect-ratio:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; padding:28px 24px; border:10px solid transparent; border-radius:30px; text-align:center; background:linear-gradient(165deg,rgba(17,189,225,.16),rgba(255,255,255,.04)) padding-box; }
.drive-motivo::before { content:""; position:absolute; inset:0; border:1px solid rgba(17,189,225,.35); border-radius:20px; pointer-events:none; }
.drive-motivo svg { box-sizing:content-box; flex:none; width:30px; height:30px; padding:16px; border-radius:20px; color:var(--seriedade); background:var(--produtividade); box-shadow:0 6px 18px rgba(17,189,225,.35); }
.drive-motivos-num { color:var(--produtividade); }
.drive-motivo h3 { margin:0; color:#fff; font-size:19px; font-weight:600; letter-spacing:-.01em; line-height:1.2; }
.drive-motivo p { max-width:240px; margin:0; color:rgba(255,255,255,.82); font-size:14px; font-weight:400; line-height:1.45; }
.drive-motivo small { display:block; margin-top:6px; color:var(--produtividade); font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; }
/* Desktop: conteúdo a partir do topo para os ícones ficarem na mesma linha em todos os cards */
@media (min-width:768px) {
  .drive-motivo { justify-content:flex-start; padding-top:40px; }
}
.drive-motivos .drive-slider-controles { margin-top:22px; }
.drive-motivos-cta { display:flex; justify-content:center; margin-top:40px; }
@media (max-width:1050px) {
  .drive-motivo { gap:12px; padding:18px 14px; }
  .drive-motivo svg { width:24px; height:24px; padding:12px; }
  .drive-motivo p { font-size:13px; }
}
@media (max-width:767px) {
  .drive-motivos { padding:64px 0; }
  .drive-motivos-head { margin-bottom:28px; }
  .drive-motivo { aspect-ratio:auto; min-height:240px; gap:16px; padding:28px 24px; }
  .drive-motivo p { max-width:300px; font-size:16px; }
  .drive-motivos-cta .drive-button { width:100%; }
}