/* ==========================================================================
   DC Perícias — carrossel de avaliações + efeitos de rolagem (v36)
   Regra de ouro: sem JavaScript, ou com "reduzir movimento" no aparelho, nada aqui anima.
   O carrossel vira uma faixa que a pessoa rola com o dedo/mouse; fotos e títulos aparecem como sempre.
   Não mexe em botões, formulários, GTM, CTA-FOTO nem envelope.
   ========================================================================== */

/* ---------- carrossel de avaliações (da direita para a esquerda, em laço) ---------- */
.dcp-aval .dcp-aval-in.dcp-aval-in--topo{padding-bottom:0}
.dcp-aval .dcp-aval-in.dcp-aval-in--rodape{padding-top:0}
.dcp-mq{margin-top:44px}
.dcp-mq__vp{position:relative;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(217,184,120,.5) transparent;padding:4px clamp(24px,4vw,64px) 14px}
.dcp-mq.is-on .dcp-mq__vp{overflow:hidden;padding:4px 0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.dcp-mq__track{display:flex;width:max-content}
.dcp-mq.is-on .dcp-mq__track{will-change:transform;animation:dcp-mq var(--mq-dur,70s) linear infinite}
.dcp-mq.is-held .dcp-mq__track{animation-play-state:paused}
@media (hover:hover) and (pointer:fine){.dcp-mq.is-on .dcp-mq__vp:hover .dcp-mq__track{animation-play-state:paused}}
.dcp-mq__set{display:flex;flex:none;gap:22px;padding-right:22px}
.dcp-mq .dcp-aval-item,.dcp-mq .dcp-aval-item:nth-child(even){flex:none;display:flex;flex-direction:column;width:clamp(290px,82vw,410px);margin:0;padding:28px 28px 26px;background:rgba(5,26,34,.6);border:1px solid rgba(217,184,120,.2);border-radius:4px}
.dcp-mq .dcp-aval-item blockquote{font-size:.98rem}
.dcp-mq .dcp-aval-item figcaption{margin-top:auto;padding-top:24px}
@media (max-width:860px){
  .dcp-mq{margin-top:34px}
  .dcp-mq .dcp-aval-item,.dcp-mq .dcp-aval-item:nth-child(even){padding:24px 22px 22px}
}
@keyframes dcp-mq{from{transform:translateX(0)}to{transform:translateX(calc(var(--mq-dist,0px) * -1))}}

/* ---------- brilho dourado nos títulos em destaque (uma vez, ao entrar na tela) ---------- */
@media (prefers-reduced-motion:no-preference){
  .dcp-brilho.is-on{animation:dcp-brilho 2.3s ease-in-out both}
  .dcp-brilho.dcp-brilho--claro.is-on{animation-name:dcp-brilho-claro}
  @keyframes dcp-brilho{
    0%{text-shadow:0 0 0 rgba(246,228,176,0)}
    42%{color:#f7e7bc;text-shadow:0 0 18px rgba(246,226,170,.62),0 0 4px rgba(255,240,205,.5)}
    100%{text-shadow:0 0 0 rgba(246,228,176,0)}
  }
  @keyframes dcp-brilho-claro{0%{text-shadow:0 0 0 rgba(217,184,120,0)}42%{color:#a87f33;text-shadow:0 0 14px rgba(217,184,120,.7),0 0 3px rgba(184,148,79,.35)}100%{text-shadow:0 0 0 rgba(217,184,120,0)}}

  /* foto da Dra.: aparece desfocada e ganha foco/cor (nunca começa invisível) */
  .dcp-fx-foto{filter:blur(14px) saturate(.5) brightness(.55);transform:scale(1.06);transition:filter 1.4s cubic-bezier(.25,.8,.3,1),transform 1.8s cubic-bezier(.16,1,.3,1)}
  .dcp-fx-foto.in{filter:var(--dcp-fb,none);transform:none}
}