/* ---------------- SECCIÓN AZUL ---------------- */

.blue-benefits {
  background: #0b5efe; /* azul vivo similar al diseño */
  color: #fff;
  padding: 80px 20px;
  text-align: center;
}

.blue-container {
  max-width: 1100px;
  margin: 0 auto;
}

.blue-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 12px;
}

.blue-subtitle {
  font-size: 16px;
  color: #e6e6e6;
  max-width: 700px;
  margin: 0 auto 40px auto;
}

.blue-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.blue-item h3 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 10px;
}

.blue-item p {
  font-size: 15px;
  color: #dfe3ff;
}

.blue-icon {
  font-size: 36px;
  margin-bottom: 10px;
}

/* Tablets */
@media (max-width: 992px) {
  .blue-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* Móvil */
@media (max-width: 600px) {
  .blue-grid {
    grid-template-columns: 1fr;
  }

  .blue-benefits {
    padding: 60px 20px;
  }
}