/* servicos.css — inherits dashboard.css variables */
/* Extra styles specific to servicos page */

.services-bento {
  padding: 140px 0 100px;
  min-height: 100vh;
  display: flex;
  align-items: center;
}

/* Large hero gradient behind the grid */
.services-bento::before {
  content: '';
  position: fixed;
  top: -200px; right: -200px;
  width: 700px; height: 700px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(209,100,255,0.07) 0%, transparent 65%);
  pointer-events: none; z-index: 0;
}

/* Override card heights for services page */
.bento-grid {
  grid-auto-rows: 290px;
}
.pill-header {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  z-index: 1000; /* Garante que fique acima de tudo */
  background: rgba(10, 10, 15, 0.85); /* Fundo para não ficar transparente no texto */
  backdrop-filter: blur(12px);
  border-radius: 100px;
}