/* ================================================================
   SECTIONS/BENEFICIOS.CSS
================================================================ */
#beneficios {
  background: linear-gradient(135deg, var(--g0) 0%, #193d22 100%);
  color: #fff;
}
#beneficios .sec-h   { color: #fff; }
#beneficios .sec-tag { color: var(--gold); }
#beneficios .sec-lead { color: rgba(255,255,255,.65); }

.beneficios-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--sp-md);
  max-width: var(--max-w);
  margin-inline: auto;
  padding-inline: var(--sp-lg);
  margin-top: var(--sp-xl);
}
.ben-card {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--radius-md);
  padding: var(--sp-lg) var(--sp-md);
  text-align: center;
  transition: background var(--dur-base), transform var(--dur-base);
  position: relative;
}
.ben-card:hover { background: rgba(255,255,255,.1); transform: translateY(-4px); }
.ben-num {
  position: absolute; top: .75rem; right: .75rem;
  font-size: .65rem;
  color: rgba(255,255,255,.25);
  font-weight: var(--fw-bold);
  letter-spacing: .1em;
}
.ben-icon { font-size: 2.2rem; margin-bottom: var(--sp-sm); display: block; }
.ben-card h3 { font-family: var(--ff-display); font-size: 1rem; color: #fff; margin-bottom: .5rem; }
.ben-card p  { font-size: .82rem; color: rgba(255,255,255,.6); line-height: 1.55; }