/* Sito creato con ❤ custom da MarTe Graphics | autore e sito web: www.martegraphics.it | All Rights Reserved. */
.tao-testimonial-section{
  max-width:var(--tao-maxw);
  margin:0 auto;padding:0 var(--tao-pad-x);
  font-family:var(--tao-font-body);
}
.tao-test-stage{
  margin-top:56px;
  display:grid;grid-template-columns:auto 1fr auto;
  gap:24px;align-items:center;
}
.tao-test-arrow{
  width:46px;height:46px;border-radius:50%;
  border:1px solid var(--tao-border);
  background:#fff;
  color:var(--tao-text);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;padding:0;
  box-shadow:0 6px 18px -8px rgba(61,79,66,0.35);
  transition:background .2s,color .2s,border-color .2s,transform .2s;
}
.tao-test-arrow svg{display:block}
.tao-test-arrow:hover{background:var(--tao-secondary);color:#fff;border-color:var(--tao-secondary);transform:scale(1.06)}

.tao-test-slides{list-style:none;margin:0;padding:0;position:relative;min-height:280px}
.tao-test-slide{
  display:none;
  background:#FAFAF7;
  border:1px solid rgba(61,79,66,0.06);
  border-radius:10px;
  padding:48px 56px;
  max-width:760px;margin:0 auto;
  position:relative;
  animation:tao-fade .5s ease-out;
}
.tao-test-slide.active{display:block}
@keyframes tao-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.tao-quote{position:absolute;top:28px;left:28px;color:var(--tao-secondary)}
.tao-test-text{
  font-family:var(--tao-font-italic);
  font-weight:400;font-style:italic;
  font-size:clamp(22px, 2.1vw, 28px);
  line-height:1.45;color:var(--tao-text);
  margin:24px 0 32px 0;
  text-wrap:pretty;
}
.tao-test-author{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid rgba(61,79,66,0.1)}
.tao-test-avatar{
  width:42px;height:42px;border-radius:50%;
  background:var(--tao-secondary);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--tao-font-display);font-size:18px;
}
.tao-test-name{font-weight:600;font-size:15px;color:var(--tao-text)}
.tao-test-role{font-size:13px;color:var(--tao-text-soft);font-family:var(--tao-font-mono);letter-spacing:0.05em}
.tao-test-dots{display:flex;gap:10px;justify-content:center;margin-top:36px}
.tao-dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(192,128,128,0.35);
  border:0;cursor:pointer;padding:0;
  transition:all .3s;
}
.tao-dot.active{background:var(--tao-accent);width:28px;border-radius:4px}

@media (max-width: 980px){
  .tao-test-stage{grid-template-columns:1fr;gap:18px}
  .tao-test-arrow{display:none}
  .tao-test-slide{padding:36px 28px}
}