/* =============================================================================
   SITE MIND - Estilos Customizados
   Tema: Azul, Roxo e Branco | Estilo tecnológico e profissional
   ============================================================================= */

/* ---------------------------------------------------------------------------
   Paleta de cores da marca - Site Mind
   Azul: #2563EB (primário) | Roxo: #7C3AED (acento) | Branco: #FFFFFF
   --------------------------------------------------------------------------- */
:root,
[data-bs-theme="light"] {
  /* Cores da marca Site Mind - Azul e Roxo (sobrescreve tema) */
  --sitemind-primary: #2563EB;
  --sitemind-primary-rgb: 37, 99, 235;
  --sitemind-info: #7C3AED;
  --sitemind-info-rgb: 124, 58, 237;
  
  /* Cores secundárias para referência */
  --sitemind-brand-blue: #2563EB;
  --sitemind-brand-blue-dark: #1D4ED8;
  --sitemind-brand-purple: #7C3AED;
  --sitemind-brand-purple-light: #8B5CF6;
  --sitemind-brand-white: #FFFFFF;
  
  /* Gradientes tecnológicos */
  --sitemind-gradient-primary: linear-gradient(135deg, #2563EB 0%, #7C3AED 100%);
  --sitemind-gradient-subtle: linear-gradient(180deg, rgba(37, 99, 235, 0.05) 0%, rgba(124, 58, 237, 0.05) 100%);
}

/* ---------------------------------------------------------------------------
   Ajustes visuais modernos (opcional - descomente para aplicar)
   Mantém layout original, adiciona toques tecnológicos
   --------------------------------------------------------------------------- */

/* Efeito sutil de gradiente em botões primários */
.btn-primary {
  position: relative;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.4);
}

/* Links com transição suave */
a:not(.btn) {
  transition: color 0.2s ease, opacity 0.2s ease;
}

/* Cards de depoimento - borda sutil para destaque */
.review-card-1,
.review-card-2,
.review-card-3,
.review-card-4,
.review-card-5 {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.review-card-1:hover,
.review-card-2:hover,
.review-card-3:hover,
.review-card-4:hover,
.review-card-5:hover {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

/* Cards de preço - hover sutil */
.pricing-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pricing-card:hover {
  transform: translateY(-2px);
}

/* ---------------------------------------------------------------------------
   Responsividade - mantém breakpoints do template
   --------------------------------------------------------------------------- */
@media (max-width: 767.98px) {
  .hero-section h1 {
    font-size: 1.75rem !important;
  }
}