/* =====================================================================
   AVENUE STUDIO — camada de interação (efeito "3D" ao clicar + liquid
   glass um pouco mais forte). Carregar em TODA página, em cima do
   <style> de cada uma — só adiciona movimento/profundidade, não define
   cor nem layout. Selecionores genéricos por design: aplicam-se aos
   nomes de classe já usados em todo o site sem precisar duplicar CSS.
   ===================================================================== */
.btn,.btn.ghost,.btn.light,
.frente,.nav-card,.estilo-card,.filtro-pill,.fr-card,.cat-card,
.slot,.metodos label,.step .num,.res,.card,.panel,.frente-card,
.servico-card,.crm-card,.kpi,.stat-card,.mini-card{
  transition: transform .16s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease, background .25s ease, border-color .2s ease;
}

.btn:hover:not(:disabled),.btn.ghost:hover:not(:disabled),.btn.light:hover:not(:disabled){
  transform: translateY(-2px) scale(1.02);
}
.btn:active:not(:disabled),.btn.ghost:active:not(:disabled),.btn.light:active:not(:disabled){
  transform: scale(.955);
  transition-duration: .08s;
}

.frente:hover,.nav-card:hover,.fr-card:hover,.estilo-card:hover,.cat-card:hover,
.servico-card:hover,.crm-card:hover,.mini-card:hover{
  transform: translateY(-3px) scale(1.012);
  box-shadow: 0 18px 34px rgba(var(--ink-rgb,22,19,15),.10);
}
.frente:active,.nav-card:active,.fr-card:active,.estilo-card:active,.cat-card:active,
.servico-card:active,.crm-card:active,.mini-card:active,.res:active,.slot:active{
  transform: scale(.975);
  transition-duration: .08s;
}

.slot:not(.taken):hover{ transform: translateY(-2px) scale(1.05); }
.filtro-pill:hover{ transform: translateY(-1px) scale(1.03); }
.filtro-pill:active{ transform: scale(.94); }
.metodos label:hover{ transform: translateY(-1px) scale(1.015); }

/* botões padronizados (terracota sólido / .ghost contorno) — sem vidro; blur removido na padronização. */

@media (prefers-reduced-motion: reduce){
  .btn,.btn.ghost,.btn.light,.frente,.nav-card,.estilo-card,.filtro-pill,.fr-card,.cat-card,
  .slot,.metodos label,.step .num,.res,.card,.panel,.frente-card,.servico-card,.crm-card,.kpi,.stat-card,.mini-card{
    transition: none !important;
  }
  .btn:hover,.btn:active,.frente:hover,.frente:active,.nav-card:hover,.nav-card:active{
    transform: none !important;
  }
}
