:root{
  --brand-blue: #1f4ba5;
  --brand-gray: #2f3948;
}
html, body{
  scroll-behavior: smooth;
}
.badge{
  display:inline-flex;align-items:center;gap:.25rem;
  font-size:.75rem;background:#f1f5f9;border-radius:9999px;padding:.25rem .5rem
}
.card{
  background:#fff;border:1px solid #e5e7eb;border-radius:1rem;overflow:hidden
}
.shadow-smooth{box-shadow:0 10px 30px rgba(2,6,23,.06)}
.line-clamp-2{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.6);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}
.modal{background:#fff;border-radius:1rem;max-width:960px;width:100%;overflow:hidden}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:1rem;padding:.75rem 1rem;font-weight:600;border:1px solid transparent}
.btn-primary{background:var(--brand-blue);color:#fff}
.btn-secondary{background:#f8fafc;color:#0f172a;border-color:#e2e8f0}
.whatsapp-float{
  position:fixed;right:1rem;bottom:1rem;z-index:40;background:#25D366;color:#fff;border-radius:9999px;padding:.9rem 1.1rem;
  display:flex;align-items:center;gap:.5rem;font-weight:700;
  box-shadow:0 8px 22px rgba(0,0,0,.25)
}
/* Simple carousel buttons */
.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.85);border-radius:9999px;padding:.4rem;border:none}
.carousel-btn.left{left:.5rem}.carousel-btn.right{right:.5rem}