/* =========================================================
   G.O.S — Depoimentos (pixel-perfect limpo)
   ========================================================= */
:root{
  --dep-ink:#0F1D33;        /* azul títulos */
  --dep-muted:#7A869A;      /* cinza eyebrow */
  --dep-brand:#E6B043;      /* dourado */
  --dep-bg:rgba(230,232,235,.10);
  --dep-maxw:1200px;
}

.s-depoimentos{ background:#e3e5e7; padding:clamp(40px,6vw,80px) 0; }
.s-depoimentos .dep-container{ max-width:var(--dep-maxw); margin:0 auto; padding:0 var(--gutter,24px); }


/* GRID: 2 colunas ≥801px, 1 coluna ≤800px */
.dep-grid{
  display:grid;
  grid-template-columns:1fr;     /* mobile */
  gap:32px;
  align-items:start;
}
@media (min-width:801px){
  .dep-grid{
    grid-template-columns:minmax(340px,.9fr) 1.1fr; /* esquerda | direita */
    align-items:start;                               /* ambos no topo */
  }
  .dep-right{ min-width:0; } /* evita overflow */
  
}

/* Coluna esquerda (título) */
.dep-left{ text-align:center; }
@media (min-width:801px){ .dep-left{ text-align:left; } }

.dep-eyebrow{
  font:600 18px/1.3 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color:var(--dep-muted); margin:0 0 8px;
}
.dep-underline{
  width:110px; height:6px; background:var(--dep-brand); border-radius:3px;
  margin:8px auto 18px;
}
@media (min-width:801px){ .dep-underline{ margin-left:0; } }

.dep-title{
  font:800 26px/1.25 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color:var(--dep-ink); margin:0 auto; max-width:32ch;
}

.dep-dots{ display:none ; }

/* Coluna direita / carrossel */
.dep-right{ position:relative; }
.dep-viewport{ position:relative; background:var(--dep-bg); border-radius:18px; overflow:hidden; max-width:100%; }
.dep-track{ display:flex; will-change:transform; transition:transform .5s cubic-bezier(.22,.61,.36,1); }

/* Card */
.t-card{
  min-width:100%; box-sizing:border-box;
  padding:28px 40px;
  display:grid; column-gap:16px; row-gap:14px;
  grid-template-columns:auto 1fr;
  grid-template-areas:
    "quote text"
    "meta  meta";
}
.t-quote{ grid-area:quote; font-size:44px; line-height:1; font-weight:900; color:var(--dep-brand); align-self:start; }
.t-text{  grid-area:text;  color:var(--dep-ink); font-size:18px; line-height:1.7; }
@media (min-width:801px){ .t-text{ max-width:760px; } }

.t-meta-box{
  grid-area:meta; display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:center; margin-top:8px;
}

/* Avatar como DIV de fundo (sem “bola” branca) */
.client-avatar{
  width:64px; height:64px; border-radius:9999px;
  background-size:cover; background-position:center; background-repeat:no-repeat;
  display:block;
}

.t-name{ font-weight:700; color:var(--dep-brand); font-size:18px; }
.t-location{ color:#8A97A9; font-size:14px; margin-top:2px; }

/* Setas: menores, chevron azul-escuro, “bola” branca translúcida */
.dep-btn{
  position:absolute; top:50%; transform:translateY(-50%);
  width:42px; height:42px; border-radius:9999px;
  display:grid; place-items:center; z-index:2;
  background:rgba(255,255,255,.22); border:1px solid rgba(255,255,255,.5);
  box-shadow:none; backdrop-filter:blur(2px);
  transition:transform .18s ease, background .18s ease, border-color .18s;
}
.dep-prev{ left:12px; } .dep-next{ right:12px; }
.dep-btn:hover{ transform:translateY(-50%) scale(1.05); background:rgba(255,255,255,.30); border-color:rgba(255,255,255,.65); }
.dep-btn:disabled{ opacity:.45; cursor:not-allowed; }
.dep-btn img{
  width:16px; height:16px; display:block;
  filter: invert(12%) sepia(14%) saturate(1453%) hue-rotate(184deg) brightness(92%) contrast(94%); /* azul-escuro */
}
@media (max-width:800px){
.dep-btn{ width:36px; height:36px; } 
/* Dots */
.dep-dots{ display:flex; justify-content:center; align-items:center; gap:10px; margin-top:16px; }
.dep-dot{ width:10px; height:10px; border-radius:50%; background:#C9CED6; border:0; }
.dep-dot[aria-current="true"]{ background:var(--dep-ink); outline:2px solid var(--dep-brand); outline-offset:2px; }

}



/* Preferência de movimento reduzido */
@media (prefers-reduced-motion:reduce){
  .dep-track, .dep-btn{ transition:none !important; }
}


/* --- MOBILE FIX: a janela do carrossel deve seguir o conteúdo --- */
@media (max-width: 800px){
  .dep-right{ display:block !important; min-width:0 !important; }
  .dep-viewport, .dep-window{
    display:block !important;
    height:auto !important;         /* não deixa travar altura */
    max-height:none !important;
    overflow:hidden !important;     /* sem barra extra */
    flex:0 0 auto !important;       /* se algum flex global bater, ignora */
  }
  .dep-track{
    height:auto !important;
    align-items:stretch !important;
  }
  .t-card{
    height:auto !important;
    padding:20px 16px;              /* mobile mais compacto */
  }
  .dep-btn{ display: none;}
}


/* ===== SETAS VISÍVEIS (alto contraste) ===== */
.dep-btn{
  width:46px; height:46px;                 /* um pouco maiores */
  background:#b3b3b3;                      /* fundo branco sólido */
  border:1px solid #c8ced8;                /* borda definida */
  box-shadow:0 2px 8px rgba(0,0,0,.06);    /* leve relevo */
  opacity:1;                               /* nada de translucidez */
}

.dep-btn img{
  width:20px; height:20px;                 /* ícone maior */
  filter:none !important;                  /* remove filtro “lavado” */
  opacity:.9;
}

.dep-btn:hover{
  transform:translateY(-50%) scale(1.06);
  border-color:#9fa8b6;
  box-shadow:0 4px 14px rgba(0,0,0,.10);
  background:#1f2e4d;  
}

/* mesmo desabilitadas, continuam visíveis */
.dep-btn:disabled{
  opacity:.75;                             /* antes .45 — agora legível */
  cursor:not-allowed;
}

/* garante que nada por trás tampe as setas */
.dep-viewport{ position:relative; }
.dep-btn{ z-index:5; }



.client-avatar{
  image-rendering:auto;           /* evita pixelar */
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;     /* menos serrilhado em transformações */
  filter:none;                    /* garanta que não há filtro aplicado */
}