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

:root {
  --zaac-navy: #00425e;
  --zaac-navy-dark: #002738;
  --zaac-navy-deep: #001824;
  --zaac-orange: #f79d1d;
  --zaac-orange-hover: #e08810;
  --zaac-cyan: #4ec6e0;
  --zaac-cyan-light: #e6f8fc;
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: #1e293b;
  background-color: #ffffff;
}

.clean-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.clean-card:hover {
  border-color: #f79d1d;
  box-shadow: 0 16px 32px -8px rgba(0, 66, 94, 0.12);
  transform: translateY(-4px);
}

.product-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  transition: all 0.3s ease;
}

.product-card:hover {
  box-shadow: 0 20px 40px -12px rgba(0, 66, 94, 0.15);
  transform: translateY(-4px);
}

.floating-whatsapp {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 50;
  box-shadow: 0 10px 25px -5px rgba(16, 185, 129, 0.4);
}

.floating-whatsapp:hover {
  transform: scale(1.08);
}