/* Estilos personalizados para Enrique Caruso Web */

@layer base {
  html {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  }
}

/* Scrollbar estilizada */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #0f172a;
}
::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #0284c7;
}

/* Efectos de tarjeta con sombra sutil y borde glow */
.service-card {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.service-card:hover {
  box-shadow: 0 20px 25px -5px rgba(2, 132, 199, 0.08), 0 8px 10px -6px rgba(2, 132, 199, 0.04);
}

/* FAQ Rotación del icono chevron */
.faq-item.active .faq-chevron {
  transform: rotate(180deg);
  color: #0284c7;
}

.faq-item.active .faq-answer {
  display: block;
}

/* Animación sutil para el botón de WhatsApp flotante */
#floating-whatsapp {
  box-shadow: 0 10px 25px -3px rgba(37, 211, 102, 0.4), 0 4px 6px -4px rgba(37, 211, 102, 0.2);
}