/* features.css - RedAgraria: estilos seccion funciones del bot */

.features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.feature-card {
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-lg);
  padding: 2rem 1.75rem;
  position: relative;
  transition: box-shadow var(--transition), transform var(--transition);
}
.feature-card:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-4px);
}
.feature-card--highlight {
  border-color: var(--green-400);
  box-shadow: var(--shadow-green);
  background: var(--green-50);
}
.feature-card--soon {
  border-style: dashed;
  border-color: var(--gray-200);
  background: var(--gray-50);
  opacity: .85;
}

.feature-card__badge {
  display: inline-block;
  background: var(--green-600);
  color: var(--white);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: .2rem .7rem;
  border-radius: 50px;
  margin-bottom: .75rem;
}

.feature-card__icon {
  font-size: 2.25rem;
  margin-bottom: .75rem;
}

.feature-card__title {
  font-family: var(--font-display);
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--green-900);
  margin-bottom: .6rem;
}

.feature-card__text {
  font-size: .9375rem;
  color: var(--gray-600);
  line-height: 1.65;
}

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

@media (max-width: 768px) {
  .features { grid-template-columns: 1fr; }
}