/* Estilos Personalizados - Soluções de TI */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');

:root {
  --primary-blue: #0284c7;
  --primary-dark: #0f172a;
}

body {
  font-family: 'Inter', sans-serif;
  scroll-behavior: smooth;
}

h1, h2, h3, h4, .font-heading {
  font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Efeito de brilho de fundo no Hero */
.hero-glow {
  background: radial-gradient(circle at 50% 20%, rgba(14, 165, 233, 0.15) 0%, rgba(15, 23, 42, 0) 70%);
}

/* Glassmorphism Card */
.glass-card {
  background: rgba(30, 41, 59, 0.7);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-card:hover {
  border-color: rgba(56, 189, 248, 0.3);
  box-shadow: 0 10px 30px -10px rgba(14, 165, 233, 0.2);
}

/* Animação suave para os cards de serviço */
.service-card {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.service-card:hover {
  transform: translateY(-5px);
}

/* Destaque suave em tags */
.badge-tech {
  background: rgba(14, 165, 233, 0.1);
  color: #38bdf8;
  border: 1px solid rgba(56, 189, 248, 0.2);
}

/* Estilo para acordeão de FAQ */
.faq-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease-out, opacity 0.3s ease;
  opacity: 0;
}

.faq-item.active .faq-content {
  max-height: 250px;
  opacity: 1;
}

.faq-item.active .faq-chevron {
  transform: rotate(180deg);
}