/* ══════════════════════════════════════
   FERRANOVA — Beneficios
   ══════════════════════════════════════ */

.ferranova-beneficios {
  background: var(--fn-blanco);
  padding: var(--fn-sp-xl) 0;
  border-bottom: 1px solid var(--fn-borde);
  margin-top: -2px;
}

.ferranova-beneficios__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--fn-sp-lg);
}

.ferranova-beneficios__item {
  display: flex;
  align-items: center;
  gap: var(--fn-sp-md);
  padding: var(--fn-sp-md);
  border-radius: var(--fn-radio-lg);
  transition: all var(--fn-trans-normal);
}

.ferranova-beneficios__item:hover {
  background: var(--fn-primario-ultra-light);
}

.ferranova-beneficios__icono {
  width: 52px;
  height: 52px;
  min-width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--fn-primario-ultra-light);
  border-radius: var(--fn-radio-lg);
  color: var(--fn-primario);
  transition: all var(--fn-trans-normal);
}

.ferranova-beneficios__item:hover .ferranova-beneficios__icono {
  background: var(--fn-primario);
  color: var(--fn-blanco);
}

.ferranova-beneficios__texto h4 {
  font-family: var(--fn-fuente-titulo);
  font-size: var(--fn-fs-sm);
  font-weight: var(--fn-fw-bold);
  color: var(--fn-gris-800);
  margin-bottom: 2px;
}

.ferranova-beneficios__texto p {
  font-size: var(--fn-fs-xs);
  color: var(--fn-texto-muted);
  line-height: 1.4;
}

@media (max-width: 1024px) {
  .ferranova-beneficios__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .ferranova-beneficios__grid {
    grid-template-columns: 1fr;
  }
}