/* Básico y ligero (complementa Bootstrap) */
body {
  font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  color: #333;
  margin: 0;
  padding-top: 72px; /* para compensar header fijo */
}

/* Header */
header { box-shadow: 0 2px 10px rgba(0,0,0,0.08); }

/* Hero */
.hero h1 { font-weight: 700; }
.hero p { opacity: 0.95; }

/* Botón primario personalizado */
.btn-primary {
  background-color: #0066cc !important;
  border: none;
}
.btn-primary:hover {
  background-color: #2d8659 !important;
}

/* Color primario para textos/títulos */
.text-primary, .fw-bold.text-primary { color: #004982 !important; }

/* Cards (servicios) */
.card h5 { color: #004982; font-weight: 600; }

/* Footer */
footer { font-size: 0.95rem; }

/* Pequeñas mejoras responsivas (opcional) */
@media (max-width: 768px) {
  .hero { padding-top: 100px; padding-bottom: 60px; }
  .nav { gap: 10px; }
}