/* ============================================ */
/* SERVICOS.CSS — Transfé Transportes           */
/* Exclusivo: servicos/index.html               */
/* ============================================ */

/* SERVICE CARDS — overrides e extensões */
.service-card { cursor: pointer; }
.service-card:hover .service-icon { transform: scale(1.1) rotate(5deg); }
.service-icon {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  transition: all 0.4s cubic-bezier(0.4,0,0.2,1);
  background: rgba(249,115,22,0.1) !important;
  box-shadow: 0 4px 12px rgba(249,115,22,0.08);
}
.service-icon svg {
  width: 32px;
  height: 32px;
  stroke: var(--orange) !important;
  fill: none !important;
}
.service-desc { margin-bottom: 20px; }

/* SERVICE CTA — link animado visível no hover */
.service-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-data);
  font-size: 13px;
  font-weight: 600;
  color: var(--orange);
  text-decoration: none;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.4s cubic-bezier(0.4,0,0.2,1);
  margin-top: 16px;
}
.service-card:hover .service-cta {
  opacity: 1;
  transform: translateY(0);
}
.service-cta svg {
  width: 16px;
  height: 16px;
  transition: transform 0.3s ease;
}
.service-cta:hover svg {
  transform: translateX(4px);
}

@media (max-width: 768px) {
  .service-cta {
    opacity: 1;
    transform: translateY(0);
  }
}